summaryrefslogtreecommitdiffstats
path: root/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/roles/roles.component.html
blob: 36440ead90c1b6400e962e4d32d5822fd1c0be58 (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
<div id="page-content">
    <div>
      <h1 class="heading-page" id="Roles">Roles</h1>
      <span class= "heading-small" *ngIf="isAppCentralized=='true'"><b>Please go to portal to Manage Roles.</b></span>
    </div>
    <div>
        <button type="button" (click)="window.location='admin#/role/0';" class="btn btn-primary" *ngIf="isAppCentralized=='false'">Add New Role</button>
   </div>
   <h2 class="heading-small"*ngIf="isAppCentralized=='false'">Click on a Role to view its details.</h2>        

   <span class="ecomp-spinner" *ngIf="showSpinner"></span>
   <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="priority">
        <th mat-header-cell *matHeaderCellDef   id="heading2"> Priority</th>
        <td mat-cell *matCellDef="let rowData"> {{rowData.priority}} </td>
      </ng-container>
  
      <ng-container matColumnDef="Edit">
        <th mat-header-cell *matHeaderCellDef id="heading3">{{roleHeaders[2]}} </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="Active?">
        <th mat-header-cell *matHeaderCellDef id="heading4"> {{roleHeaders[3]}} </th>
        <td mat-cell *matCellDef="let rowData">
          <mat-slide-toggle class="example-margin" [color]="color" [checked]="checked" [disabled]="disabled">
        
          </mat-slide-toggle>
        </td>

      </ng-container>

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

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