gerrit.onap Code Review - portal/sdk.git/blob

   1
   2
   3 <div id="page-content">
   4     <h1 class="heading-page" id="roleFunction">Role Function</h1>
   5     <span class= "heading-small" *ngIf="isAppCentralized=='true'"><b>Please go to portal to Manage Role Function.</b></span>
   6
   7     <div class="create" *ngIf="isAppCentralized=='false'" (click)="addRoleFuncPopUp(rowData);">
   8         <button type="button" class="btn btn-primary">Create</button>
   9
  10       </div>
  11         <mat-form-field>
  12           <input matInput (keyup)="applyFilter($event.target.value)" placeholder="Search">
  13         </mat-form-field>
  14
  15
  16
  17
  18       <table mat-table [dataSource]="dataSource" matSort>
  19         <ng-container matColumnDef="name">
  20           <th mat-header-cell *matHeaderCellDef mat-sort-header id="heading1"> Name</th>
  21           <td mat-cell *matCellDef="let rowData"> {{rowData.name}} </td>
  22         </ng-container>
  23
  24         <ng-container matColumnDef="code">
  25           <th mat-header-cell *matHeaderCellDef mat-sort-header id="heading2"> Code</th>
  26           <td mat-cell *matCellDef="let rowData"> {{rowData.code}} </td>
  27         </ng-container>
  28
  29         <ng-container matColumnDef="type">
  30           <th mat-header-cell *matHeaderCellDef mat-sort-header id="heading3">Type </th>
  31           <td mat-cell *matCellDef="let rowData"> {{rowData.type}}</td>
  32         </ng-container>
  33
  34         <ng-container matColumnDef="action">
  35           <th mat-header-cell *matHeaderCellDef mat-sort-header id="heading4"> Action</th>
  36           <td mat-cell *matCellDef="let rowData" > {{rowData.action}} </td>
  37         </ng-container>
  38
  39         <ng-container matColumnDef="edit">
  40           <th mat-header-cell *matHeaderCellDef  id="heading5"> {{roleFunctionHeaders[4]}} </th>
  41            <td id="rowheader_t1_{{i}}" mat-cell *matCellDef="let rowData; let i=index;">
  42           <span class="icon-trash" id="{{i}}-button-role-edit"
  43             (click)="editRole(rowData)">
  44             <i class="ion ion-md-create"></i>
  45         </span>
  46         </td>
  47         </ng-container>
  48
  49         <ng-container matColumnDef="delete">
  50           <th mat-header-cell *matHeaderCellDef  id="heading6"> {{roleFunctionHeaders[5]}} </th>
  51
  52           <td id="rowheader_t1_{{i}}" mat-cell *matCellDef="let rowData; let i=index;">
  53               <span class="icon-trash" id="{{i}}-button-role-remove"
  54                 (click)="delRoleFunction(rowData)">
  55                 <i class="icon ion-md-trash"></i>
  56             </span>
  57             </td>
  58         </ng-container>
  59
  60         <tr mat-header-row *matHeaderRowDef="roleFunctionHeaders"></tr>
  61     <tr mat-row *matRowDef="let rowData; columns: roleFunctionHeaders;">
  62
  63       </table>
  64       <mat-paginator [pageSizeOptions]="[5, 10, 25, 100]"></mat-paginator>
  65
  66     </div>
  67