summaryrefslogtreecommitdiffstats
path: root/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/menus/menus.component.html
blob: c98e476f7771e87a9952d22f546b503a02e333e1 (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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
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>