diff options
Diffstat (limited to 'portal-FE-common/src/app/pages/functional-menu/functional-menu-dialog/functional-menu-dialog.component.html')
| -rw-r--r-- | portal-FE-common/src/app/pages/functional-menu/functional-menu-dialog/functional-menu-dialog.component.html | 100 |
1 files changed, 100 insertions, 0 deletions
diff --git a/portal-FE-common/src/app/pages/functional-menu/functional-menu-dialog/functional-menu-dialog.component.html b/portal-FE-common/src/app/pages/functional-menu/functional-menu-dialog/functional-menu-dialog.component.html new file mode 100644 index 00000000..5e10b78f --- /dev/null +++ b/portal-FE-common/src/app/pages/functional-menu/functional-menu-dialog/functional-menu-dialog.component.html @@ -0,0 +1,100 @@ +<!-- + ============LICENSE_START========================================== + ONAP Portal + =================================================================== + Copyright (C) 2017 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="functionalMenu-details-modal"> + <!--Modal Headers--> + <div class="modal-header"> + <h4 class="modal-title">Functional Menu</h4> + <button type="button" class="close" aria-label="Close" (click)="activeModal.dismiss('Cross')"> + <span aria-hidden="true">×</span> + </button> + </div> + + <!--Modal Body goes here--> + <div class="modal-body"> + <div class="parent"> + <div class="item-label">Parent</div> + <input id="input-parent" class="functionalMenu-height" + [(ngModel)]="nodedetails.menuLocation" [disabled]="isParentDisable" + type="text" name="parent" readonly="readonly" /> + </div> + <div class="title" > + <div class="item-label">Title</div> + <input id="input-title" placeholder="Enter text" class="functionalMenu-height" + [(ngModel)]="nodedetails.name" type="text" autocomplete="off" name="title" maxlength="100" [disabled]="isViewMode"/> + </div> + <div class="url" > + <div class="item-label">URL</div> + <input id="input-title" placeholder="http://" class="functionalMenu-height" + [(ngModel)]="nodedetails.url" type="text" autocomplete="off" name="url" maxlength="100" [disabled]="isViewMode"/> + </div> + <div class="application-select"> + <mat-form-field> + <mat-label>App</mat-label> + <mat-select name="functional-menu-application-select" [disabled]="isViewMode" + [(ngModel)]="nodedetails.selectedAppIndex" + (ngModelChange)="updateSelectedApp(nodedetails.selectedAppIndex)" + [(value)]="selectedApp" + > + <mat-option *ngFor="let d of availableApps" [value]="d.index" >{{d.title}}</mat-option> + </mat-select> + </mat-form-field> + </div> + <div class="role-select" [hidden]="hideRoleField"> + <mat-form-field> + <mat-label>Role</mat-label> + <mat-select name="functional-menu-role-select" [disabled]="isViewMode" + [(ngModel)]="nodedetails.selectedRole" [(value)]="selectedRole" + > + <mat-option *ngFor="let d of availableRoles" [value]="d.roleId" >{{d.rolename}}</mat-option> + </mat-select> + </mat-form-field> + </div> + </div> + + <!--Modal Footer goes Here--> + <div class="modal-footer"> + <button type="button" class="btn btn-primary" (click)="switchToAddMode()">Add</button> + <button type="button" class="btn btn-primary" (click)="switchToEditMode()">Edit</button> + <button type="button" class="btn btn-primary" *ngIf="(isEditMode)" (click)="saveChanges()">Save</button> + <button type="button" class="btn btn-primary" (click)="deleteMenuItem()">Delete</button> + <button type="button" class="btn btn-primary" (click)="activeModal.close('Close')">Cancel</button> + </div> + </div> +</div>
\ No newline at end of file |