summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src/app/views/maas/knowledge-base-management/edit-knowledge-base/edit-knowledge-base.component.html
blob: 66cc07ce2e214a4e0149f22537181774230c8bf2 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<nz-modal [(nzVisible)]="showModal" [nzTitle]="title" (nzOnCancel)="handleCancel()"
  (nzOnOk)="submitForm()" [nzFooter]="modalFooter" nzWidth="648px" nzHeight="800px">
  <form nz-form [formGroup]="validateForm" (ngSubmit)="checkForm()">
    <nz-form-item>
      <nz-form-label [nzSpan]="8" nzFor="name" nzRequired>Knowledge Base Name</nz-form-label>
      <nz-form-control [nzSpan]="12">
        <input nz-input class="disabled-input" formControlName="name" placeholder="Please input knowledge base name"/>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-label [nzSpan]="8" nzFor="description">Knowledge Base Description</nz-form-label>
      <nz-form-control [nzSpan]="12">
        <textarea #textarea id="myTextarea" rows="2" nz-input formControlName="description" maxlength="255" (input)="maasService.updateCharCount(textarea,charCount)"></textarea>
        <div #charCount id="charCount">0/255</div>
      </nz-form-control>
    </nz-form-item>
  </form>
  <ng-template #modalFooter>
    <button nz-button nzType="default" (click)="handleCancel()">Cancel</button>
    <button nz-button nzType="primary" (click)="submitForm()" [nzLoading]="loading">OK</button>
  </ng-template>
</nz-modal>