summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src/app/views/services/intent-based-services/intent-instance/intent-instance.component.html
blob: 4509730a48592d8b3d5a345027d4399e0a4b5261 (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
<div class="intent-resource_tab">
  <div nz-row class="header-row">
    <button
      nz-button
      nzType="primary"
      class="buy-button"
      (click)="exportData()"
    >
    exportData
    </button>
  </div>
  <div class="intent-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()"
      [nzScroll]="{ x: '1500px' }"
      nzTableLayout="fixed"
    >
      <thead>
        <tr>
          <th [nzLeft]="true">No</th>
          <th>Intent Name</th>
          <th>Intent Source</th>
          <th>Customer</th>
          <th nzEllipsis>Intent Content</th>
          <th>Intent Config</th>
          <th>Business Instance</th>
          <th [nzRight]="true" [nzWidth]="300"></th>
        </tr>
      </thead>
      <tbody>
        <ng-template ngFor let-data [ngForOf]="basicTable.data" let-i="index">
          <tr>
            <td [nzLeft]="true">{{i+1}}</td>
            <td>{{ data.intentName }}</td>
            <td>{{ data.intentSource }}</td>
            <td>{{ data.customer }}</td>
            <td [title]="data.intentContent" nzEllipsis>
              {{ data.intentContent }}
            </td>
            <td>{{ data.intentConfig }}</td>
            <td>{{ data.businessInstance }}</td>
            <td [nzRight]="true">
              <button
                nz-button
                nzType="primary"
                class="buy-button"
                (click)="verificationIntentionInstance(data)"
              >
                check
              </button>
              <button
                nz-button
                nzType="primary"
                class="buy-button"
                (click)="deleteIntentionInstance(data)"
              >
                Delete
              </button>
            </td>
          </tr>
        </ng-template>
      </tbody>
    </nz-table>
  </div>
</div>