summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src/app/views/intent-management/input-intent-state/input-intent-state.component.html
blob: 7d4db0d751198e969fe01fa131b6c93e38807e2f (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
<nz-modal [(nzVisible)]="showModel" nzTitle="Add Target" nzCentered (nzOnCancel)="handleCancel()"
  (nzOnOk)="handleOk()" nzWidth="48%" nzHeight="600px" class="intent-management-modal">
  <div class="subnet_params_container clearfix">
    <p>
      <span class="left">Target Name:</span>
      <input nz-input id="target_name" [(ngModel)]="this.defaultParams['targetName']">
    </p>
    <div class="intent-table">
      <p class="title">
        Condition List
        <button nz-button nzType="primary" class="add" (click)="inputTargetConditionShow()">
          {{"i18nTextDefine_Create" | translate}} </button>
      </p>
      <nz-table
        #basicTable [nzData]="listOfData"
        [nzFrontPagination]="false"
        [nzShowPagination]="false"
      >
        <thead>
          <tr>
            <th nzWidth="10%">No</th>
            <th nzWidth="20%">Condition Name</th>
            <th nzWidth="20%">Operator</th>
            <th nzWidth="35%">Condition Value</th>
            <th nzWidth="15%">{{"i18nTextDefine_Action" | translate}}</th>
          </tr>
        </thead>
        <tbody>
          <ng-template ngFor let-data [ngForOf]="basicTable.data" let-i="index">
            <tr>
              <td>{{i+1}}</td>
              <td>{{ data.conditionName }}</td>
              <td>{{ data.operator }}</td>
              <td>{{ data.conditionValue }}</td>
              <td>
                <em class="anticon anticon-edit" (click)="editConditionList(data,i)"></em>
                <em class="anticon anticon-delete" (click)="deleteConditionList(i)"></em>
              </td>
            </tr>
          </ng-template>
        </tbody>
      </nz-table>
    </div>
  </div>
</nz-modal>
<app-input-intent-condition [showModel]="intentConditionShow" (modalOpreation)="inputIntentConditionClose($event)" [editConditionTableData]="editConditionTableList"></app-input-intent-condition>