1 files changed, 64 insertions, 0 deletions
diff --git a/usecaseui-portal/src/app/views/services/intent-based-services/intent-instance/intent-instance.component.html b/usecaseui-portal/src/app/views/services/intent-based-services/intent-instance/intent-instance.component.html
new file mode 100644
index 00000000..ee71be03
--- /dev/null
+++ b/usecaseui-portal/src/app/views/services/intent-based-services/intent-instance/intent-instance.component.html
@@ -0,0 +1,64 @@
+<div class="intent-resource_tab">
+  <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>
+\ No newline at end of file