diff options
Diffstat (limited to 'usecaseui-portal/src/app/views/maas/knowledge-base-management/edit-knowledge-base')
3 files changed, 145 insertions, 0 deletions
diff --git a/usecaseui-portal/src/app/views/maas/knowledge-base-management/edit-knowledge-base/edit-knowledge-base.component.html b/usecaseui-portal/src/app/views/maas/knowledge-base-management/edit-knowledge-base/edit-knowledge-base.component.html new file mode 100644 index 00000000..feee9b8f --- /dev/null +++ b/usecaseui-portal/src/app/views/maas/knowledge-base-management/edit-knowledge-base/edit-knowledge-base.component.html @@ -0,0 +1,18 @@ +<nz-modal [(nzVisible)]="showModal" [nzTitle]="title" (nzOnCancel)="handleCancel()" + (nzOnOk)="submitForm()" 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 formControlName="name" placeholder="Please input knowledge base name" /> + <nz-form-explain *ngIf="validateForm.get('name').dirty && validateForm.get('name').errors">Please input knowledge base name</nz-form-explain> + </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 rows="2" formControlName="description" nz-input></textarea> + </nz-form-control> + </nz-form-item> + </form> +</nz-modal>
\ No newline at end of file diff --git a/usecaseui-portal/src/app/views/maas/knowledge-base-management/edit-knowledge-base/edit-knowledge-base.component.less b/usecaseui-portal/src/app/views/maas/knowledge-base-management/edit-knowledge-base/edit-knowledge-base.component.less new file mode 100644 index 00000000..a5e73a17 --- /dev/null +++ b/usecaseui-portal/src/app/views/maas/knowledge-base-management/edit-knowledge-base/edit-knowledge-base.component.less @@ -0,0 +1,21 @@ +.intent-management-modal { + .ant-input { + width: 300px; + } +} + + +.resizable-textarea { + min-width: 200px; + min-height: 80px; + resize: vertical; +} + +.disabled-input { + color: #00000040; + background-color: #f5f5f5; + border-color: #d9d9d9; + box-shadow: none; + cursor: not-allowed; + opacity: 1; +}
\ No newline at end of file diff --git a/usecaseui-portal/src/app/views/maas/knowledge-base-management/edit-knowledge-base/edit-knowledge-base.component.ts b/usecaseui-portal/src/app/views/maas/knowledge-base-management/edit-knowledge-base/edit-knowledge-base.component.ts new file mode 100644 index 00000000..3a71d800 --- /dev/null +++ b/usecaseui-portal/src/app/views/maas/knowledge-base-management/edit-knowledge-base/edit-knowledge-base.component.ts @@ -0,0 +1,106 @@ +import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core'; +import { NzMessageService } from 'ng-zorro-antd'; +import { FormBuilder, FormGroup, Validators } from '@angular/forms'; +import { KnowledgeBase } from '../knowledge-base.type'; +import { MaasApi } from '@src/app/api/maas.api'; + +@Component({ + selector: 'app-edit-knowledge-base', + templateUrl: './edit-knowledge-base.component.html', + styleUrls: ['./edit-knowledge-base.component.less'] +}) +export class EditKnowledgeBaseComponent implements OnInit { + title = 'Edit Knowledge Base'; + @Input() showModal: boolean; + @Input() knowledgeBaseId: string; + @Output() modalOpreation = new EventEmitter(); + validateForm: FormGroup; + defalutKnowledgeBase: KnowledgeBase = { + knowledgeBaseName: '', + knowledgeBaseDescription: '', + knowledgeBaseId: '', + operatorName: '', + maaSPlatformName: '', + maaSPlatformId: '', + updateTime: '', + filesName: [], + operatorId: '' + } + knowledgeBase: KnowledgeBase = this.defalutKnowledgeBase; + + constructor( + private myhttp: MaasApi, + private message: NzMessageService, + private fb: FormBuilder, + ) { } + + ngOnInit() { + this.validateForm = this.fb.group({ + name: [this.knowledgeBase.knowledgeBaseName, [Validators.required]], + description: [this.knowledgeBase.knowledgeBaseDescription], + }); + this.fetchKnowledgeBase(); + } + + checkForm(): void { + for (const i in this.validateForm.controls) { + this.validateForm.controls[i].markAsDirty(); + this.validateForm.controls[i].updateValueAndValidity(); + } + } + + submitForm(): void { + this.checkForm(); + this.create(); + } + + fetchKnowledgeBase(): void { + this.myhttp.getKnowledgeBaseById(this.knowledgeBaseId) + .subscribe( + (response) => { + if (response.result_header.result_code !== 200) { + this.message.error('get Knowledge Base error'); + return; + } + this.knowledgeBase = response.result_body; + this.validateForm.patchValue({ + name: this.knowledgeBase.knowledgeBaseName, + description: this.knowledgeBase.knowledgeBaseDescription + }); + }, + () => { + this.message.error('Failed to obtain knowledge base data'); + } + ) + } + + handleCancel(): void { + this.showModal = false; + this.modalOpreation.emit({ "cancel": true }); + } + + create() { + const body = { + knowledgeBaseId: this.knowledgeBase.knowledgeBaseId, + knowledgeBaseName: this.validateForm.get('name').value, + knowledgeBaseDescription: this.validateForm.get('description').value, + operatorId: this.knowledgeBase.operatorId, + operatorName: this.knowledgeBase.operatorName, + maaSPlatformId: this.knowledgeBase.maaSPlatformId, + maaSPlatformName: this.knowledgeBase.maaSPlatformName + }; + this.myhttp.updateKnowledgeBase(body).subscribe( + (response) => { + if (response.result_header.result_code === 200) { + this.message.success('update knowledge base successfully'); + } else { + this.message.error(response.result_header.result_message); + } + this.modalOpreation.emit({ "cancel": false }); + }, + (error) => { + console.log('Upload failed', error); + } + ); + } +}
\ No newline at end of file |