diff options
Diffstat (limited to 'portal-FE-common/src/app/pages/role/add-role/add-role.component.html')
| -rw-r--r-- | portal-FE-common/src/app/pages/role/add-role/add-role.component.html | 95 |
1 files changed, 95 insertions, 0 deletions
diff --git a/portal-FE-common/src/app/pages/role/add-role/add-role.component.html b/portal-FE-common/src/app/pages/role/add-role/add-role.component.html new file mode 100644 index 00000000..e3393a81 --- /dev/null +++ b/portal-FE-common/src/app/pages/role/add-role/add-role.component.html @@ -0,0 +1,95 @@ +<!-- + ============LICENSE_START========================================== + ONAP Portal + =================================================================== + Copyright (C) 2019 AT&T Intellectual Property. All rights reserved. + =================================================================== + + Unless otherwise specified, all software contained herein is licensed + under the Apache License, Version 2.0 (the "License"); + you may not use this software except in compliance with the License. + You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + + Unless otherwise specified, all documentation contained herein is licensed + under the Creative Commons License, Attribution 4.0 Intl. (the "License"); + you may not use this documentation except in compliance with the License. + You may obtain a copy of the License at + + https://creativecommons.org/licenses/by/4.0/ + + Unless required by applicable law or agreed to in writing, documentation + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + + ============LICENSE_END============================================ + + + --> + + <div class="container"> + <div class="modal-header"> + <h4 class="modal-title">{{title}}</h4> + <button type="button" class="close" aria-label="Close" (click)="activeModal.dismiss('Cross')"> + <span aria-hidden="true">×</span> + </button> + </div> + <div class="modal-body"> + <span class="onap-spinner" *ngIf="showSpinner"></span> + <div class="input-group"> + <div class="input-group-prepend"> + <span class="input-group-text">Name</span> + </div> + <input type="text" aria-label="name" maxlength="300" [(ngModel)]="role.name" placeholder="Enter name..." + [value]="role.name" class="form-control"> + </div> + + <div class="input-group"> + <div class="input-group-prepend"> + <span class="input-group-text">Priority</span> + </div> + <input type="text" aria-label="priority" maxlength="300" [(ngModel)]="role.priority" [value]="role.priority" + placeholder="Enter priority..." class="form-control"> + </div> + <br> + <div *ngIf="showGlobalRole" class="form-check" style="text-align:right;"> + <mat-checkbox class="example-margin" [(ngModel)]="isGlobalRoleChecked.isChecked"> Global Role </mat-checkbox> + </div> + <div class="role-function-list" *ngIf="dialogState === 2"> + <table mat-table [dataSource]="roleFunctionsDataSource"> + <!-- Active Column --> + <ng-container matColumnDef="active"> + <th id="col3" mat-header-cell *matHeaderCellDef> </th> + <td id="rowheader_t1_{{i}}-userId" mat-cell *matCellDef="let element; let i=index;"> + <mat-slide-toggle [(ngModel)]="element.selected" (change)="toggleRoleFunction(element)"></mat-slide-toggle> + </td> + </ng-container> + + <!-- Function Name Column --> + <ng-container matColumnDef="name"> + <th id="col2" mat-header-cell *matHeaderCellDef > Function Name </th> + <td id="rowheader_t1_{{i}}-lastName" mat-cell *matCellDef="let element; let i=index;"> + {{element.name}} + </td> + </ng-container> + + <tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></tr> + <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> + </table> + </div> + </div> + <div class="modal-footer"> + <button type="submit" class="btn btn-primary" [disabled]="!role.name || showSpinner" + (click)="saveRole()">Save</button> + <button type="button" class="btn btn-primary" (click)="activeModal.close('Close')">Cancel</button> + </div> +</div>
\ No newline at end of file |