summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src/app/views/services/intent-based-services/cloud-leased-line/cloud-leased-line.component.html
blob: bd4ae434898b205e23eedf04676263c6cf3210da (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
105
106
107
108
<div class="cloud_leased_class">
  <div nz-row>
    <button
      nz-button
      nzType="primary"
      class="buy-button"
      (click)="cloudLeasedLineShow()"
    >
      Create
    </button>
    <button
      nz-button
      nzType="primary"
      class="buy-button"
      (click)="smartCloudLeasedLineShow()"
    >
      Smart Create
    </button>
  </div>
  <div class="slicing-resource-table-list">
    <nz-table
      #basicTable [nzData]="listOfData"
      [nzFrontPagination]="false"
      nzShowSizeChanger
      [nzPageSizeOptions]="[5,10,15,20]"
      [nzTotal]='total'
      [(nzPageSize)]="pageSize"
      [(nzPageIndex)]='pageIndex'
      [nzLoading]="loading"
      (nzPageIndexChange)="searchData()"
      (nzPageSizeChange)="searchData()"
    >
      <thead>
        <tr>
          <th nzWidth="6%">No</th>
          <th nzWidth="15%">Communication Service Name</th>
          <th nzWidth="10%">Intent Instance ID</th>
          <th nzWidth="6%">Status</th>
          <th nzWidth="20%">{{"i18nTextDefine_Operationbutton" | translate}}</th>
        </tr>
      </thead>
      <tbody>
        <ng-template ngFor let-data [ngForOf]="basicTable.data" let-i="index">
          <tr>
            <td>{{i+1}}</td>
            <td>{{ data.name }}</td>
            <td>{{ data.instanceId }}</td>
            <td>{{ statusObj[data.status] }}</td>
            <td>
              <button
                nz-button
                nzType="primary"
                class="buy-button"
                (click)="goMonitorService(data)"
              >
                Intent Monitor
              </button>
              <button
                *ngIf="data.status === '3'"
                nz-button
                nzType="primary"
                class="buy-button"
                (click)="activeCloudLeasedLine(data)"
              >
                Active
              </button>
              <button
                *ngIf="data.status === '1'"
                nz-button
                nzType="primary"
                class="buy-button"
                (click)="inactiveCloudLeasedLine(data)"
              >
                Inactive
              </button>
              <button
                *ngIf="data.status === '1'"
                nz-button
                nzType="primary"
                class="buy-button"
                (click)="modifyCloudLeasedLine(data)"
              >
                Modify
              </button>
              <button
                nz-button
                nzType="primary"
                class="buy-button"
                (click)="deleteCloudLeasedLine(data)"
              >
                Delete
              </button>
            </td>
          </tr>
        </ng-template>
      </tbody>
    </nz-table>
  </div>
  <app-smart-cloud-leased-modal
    [samrtCloudLeasedLineShowFlag]="smartCloudLeasedLineShowFlag"
    (resolveEmitter)="smartCloudLeasedLineClose($event)"
  ></app-smart-cloud-leased-modal>
  <app-cloud-leased-line-modal
    [modelParams]="resolveResult"
    [cloudLeasedLineShowFlag]="cloudLeasedLineShowFlag"
    (cancelEmitter)="cloudLeasedLineClose()"
  ></app-cloud-leased-line-modal>
</div>