diff options
author | statta <statta@research.att.com> | 2019-08-16 12:14:10 -0400 |
---|---|---|
committer | statta <statta@research.att.com> | 2019-08-17 00:41:46 -0400 |
commit | 8429bcdf93e653061e972689774bbab3966742e2 (patch) | |
tree | c1487fd5b645f7e7f40300e1639a8c7aec21874f /ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/menus/menus.component.html | |
parent | be21387983164a03a7b15361f4cc02917d9dd888 (diff) |
Migrating screens to Angular 7
Issue-ID: PORTAL-706
Change-Id: Ic3feb4019923040aafe6e9a97a60b41165be8b40
Signed-off-by: statta <statta@research.att.com>
Diffstat (limited to 'ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/menus/menus.component.html')
-rw-r--r-- | ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/menus/menus.component.html | 104 |
1 files changed, 104 insertions, 0 deletions
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/menus/menus.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/menus/menus.component.html new file mode 100644 index 00000000..c98e476f --- /dev/null +++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/menus/menus.component.html @@ -0,0 +1,104 @@ +<div id="page-content"> + <div> + <h1 class="heading-page" id="AdminMenuItems">Admin Menu Items</h1> + </div> + <div> + <button type="submit" ng-click="addNewFnMenuItemModalPopup();" class="btn btn-alt btn-small" + style="position: initial;">Add Menu Item</button> + </div> + + <h3 class="heading-small"> + Existing menu items + </h3> + + <div ng-show="showLoader" class="span loader-container"> + <i class="icon-primary-spinner" role="img" aria-label="Please wait while we load your content"></i> + </div> + + + <table mat-table [dataSource]="dataSource" matSort> + <ng-container matColumnDef="menuId"> + <th mat-header-cell *matHeaderCellDef id="heading1"> Menu ID</th> + <td mat-cell *matCellDef="let rowData"> {{rowData.id}} </td> + </ng-container> + + <ng-container matColumnDef="label"> + <th mat-header-cell *matHeaderCellDef mat-sort-header id="heading2"> Label </th> + <td mat-cell *matCellDef="let rowData"> {{rowData.label}} </td> + </ng-container> + + <ng-container matColumnDef="paretId"> + <th mat-header-cell *matHeaderCellDef id="heading3">ParentId </th> + <td mat-cell *matCellDef="let rowData"> {{rowData.parentId}}</td> + </ng-container> + + <ng-container matColumnDef="action"> + <th mat-header-cell *matHeaderCellDef id="heading4"> Action </th> + <td mat-cell *matCellDef="let rowData"> {{rowData.sortOrder}} </td> + </ng-container> + + <ng-container matColumnDef="functionCd"> + <th mat-header-cell *matHeaderCellDef id="heading6"> Function </th> + <td mat-cell *matCellDef="let rowData"> {{rowData.functionCd}} </td> + </ng-container> + + <ng-container matColumnDef="active"> + <th mat-header-cell *matHeaderCellDef id="heading7"> Active</th> + <td mat-cell *matCellDef="let rowData"> {{rowData.active ? 'Y' : 'N'}} </td> + </ng-container> + <ng-container matColumnDef="servlet"> + <th mat-header-cell *matHeaderCellDef id="heading8"> Servlet</th> + <td mat-cell *matCellDef="let rowData"> {{rowData.servlet}} </td> + </ng-container> + <ng-container matColumnDef="queryString"> + <th mat-header-cell *matHeaderCellDef id="heading9"> Query String</th> + <td mat-cell *matCellDef="let rowData"> {{rowData.queryString}} </td> + </ng-container> + <ng-container matColumnDef="externalUrl"> + <th mat-header-cell *matHeaderCellDef id="heading10">External URL </th> + <td mat-cell *matCellDef="let rowData"> {{rowData.externalUrl}} </td> + </ng-container> + <ng-container matColumnDef="target"> + <th mat-header-cell *matHeaderCellDef id="heading11"> Target </th> + <td mat-cell *matCellDef="let rowData"> {{rowData.target}} </td> + </ng-container> + <ng-container matColumnDef="menuSetCode"> + <th mat-header-cell *matHeaderCellDef id="heading12"> Menu Set Code </th> + <td mat-cell *matCellDef="let rowData"> {{rowData.menuSetCode}} </td> + </ng-container> + <ng-container matColumnDef="separator"> + <th mat-header-cell *matHeaderCellDef id="heading13"> Separator </th> + <td mat-cell *matCellDef="let rowData"> {{rowData.separator ? 'Y' : 'N'}} </td> + </ng-container> + + <ng-container matColumnDef="imageSrc"> + <th mat-header-cell *matHeaderCellDef id="heading14"> Image Source </th> + <td mat-cell *matCellDef="let rowData"> {{rowData.imageSrc}} </td> + </ng-container> + + <ng-container matColumnDef="Edit"> + <th mat-header-cell *matHeaderCellDef id="heading15"> Edit</th> + <td id="rowheader_t1_{{i}}" mat-cell *matCellDef="let rowData; let i=index;"> + <span class="icon-trash" id="{{i}}-button-role-edit" + (click)="editMenu(rowData)"> + <i class="ion ion-md-create"></i> + </span> + </td> + </ng-container> + + <ng-container matColumnDef="Delete"> + <th mat-header-cell *matHeaderCellDef id="heading16"> Delete </th> + <td id="rowheader_t1_{{i}}" mat-cell *matCellDef="let rowData; let i=index;"> + <span class="icon-trash" id="{{i}}-button-role-remove" + (click)="removeMenuItem(rowData)"> + <i class="icon ion-md-trash"></i> + </span> + </td> + </ng-container> + + <tr mat-header-row *matHeaderRowDef="menuHeaders"></tr> + <tr mat-row *matRowDef="let rowData; columns: menuHeaders;"> + + </table> + <mat-paginator [pageSizeOptions]="[5, 10, 25, 100]"></mat-paginator> + </div>
\ No newline at end of file |