summaryrefslogtreecommitdiffstats
path: root/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/role-functions/role-functions.component.html
blob: ea0503cb82e2062d0296765bc78630e2c3696532 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<div id="page-content">
    <h1 class="heading-page" id="roleFunction">Role Function</h1>
    <span class= "heading-small" *ngIf="isAppCentralized=='true'"><b>Please go to portal to Manage Role Function.</b></span>
    
    <div class="create" *ngIf="isAppCentralized=='false'" (click)="addRoleFuncPopUp(rowData);">
        <button type="button" class="btn btn-primary">Create</button>

      </div>
        <mat-form-field>
          <input matInput (keyup)="applyFilter($event.target.value)" placeholder="Search">
        </mat-form-field>
     



      <table mat-table [dataSource]="dataSource" matSort>
        <ng-container matColumnDef="name">
          <th mat-header-cell *matHeaderCellDef mat-sort-header id="heading1"> Name</th>
          <td mat-cell *matCellDef="let rowData"> {{rowData.name}} </td>
        </ng-container>
    
        <ng-container matColumnDef="code">
          <th mat-header-cell *matHeaderCellDef mat-sort-header id="heading2"> Code</th>
          <td mat-cell *matCellDef="let rowData"> {{rowData.code}} </td>
        </ng-container>
    
        <ng-container matColumnDef="type">
          <th mat-header-cell *matHeaderCellDef mat-sort-header id="heading3">Type </th>
          <td mat-cell *matCellDef="let rowData"> {{rowData.type}}</td>
        </ng-container>
    
        <ng-container matColumnDef="action">
          <th mat-header-cell *matHeaderCellDef mat-sort-header id="heading4"> Action</th>
          <td mat-cell *matCellDef="let rowData" > {{rowData.action}} </td>
        </ng-container>

        <ng-container matColumnDef="edit">
          <th mat-header-cell *matHeaderCellDef  id="heading5"> {{roleFunctionHeaders[4]}} </th>
           <td id="rowheader_t1_{{i}}" mat-cell *matCellDef="let rowData; let i=index;">
          <span class="icon-trash" id="{{i}}-button-role-edit"
            (click)="editRole(rowData)">
            <i class="ion ion-md-create"></i>
        </span>
        </td>
        </ng-container>

        <ng-container matColumnDef="delete">
          <th mat-header-cell *matHeaderCellDef  id="heading6"> {{roleFunctionHeaders[5]}} </th>
          
          <td id="rowheader_t1_{{i}}" mat-cell *matCellDef="let rowData; let i=index;">
              <span class="icon-trash" id="{{i}}-button-role-remove"
                (click)="delRoleFunction(rowData)">
                <i class="icon ion-md-trash"></i>
            </span>
            </td>
        </ng-container>
     
        <tr mat-header-row *matHeaderRowDef="roleFunctionHeaders"></tr>
    <tr mat-row *matRowDef="let rowData; columns: roleFunctionHeaders;">

      </table> 
      <mat-paginator [pageSizeOptions]="[5, 10, 25, 100]"></mat-paginator>

    </div>