diff options
Diffstat (limited to 'usecaseui-portal/src/app/views/maas/build/input-application-management/input-application-management.component.html')
| -rw-r--r-- | usecaseui-portal/src/app/views/maas/build/input-application-management/input-application-management.component.html | 124 |
1 files changed, 124 insertions, 0 deletions
diff --git a/usecaseui-portal/src/app/views/maas/build/input-application-management/input-application-management.component.html b/usecaseui-portal/src/app/views/maas/build/input-application-management/input-application-management.component.html new file mode 100644 index 00000000..286dc1dc --- /dev/null +++ b/usecaseui-portal/src/app/views/maas/build/input-application-management/input-application-management.component.html @@ -0,0 +1,124 @@ +<!-- + Copyright (C) 2019 CMCC, Inc. and others. All rights reserved. + + Licensed under the Apache License, Version 2.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. +--> + +<nz-modal [(nzVisible)]="showModel" [nzTitle]="title" nzOkText="Ok" (nzOnCancel)="handleCancel()" + (nzOnOk)="handleOk()" nzWidth="648px" nzHeight="800px"> + <div> + <div class="form-item"> + <label class="item-label"> Application Name:</label> + <div class="item"> + <input nz-input [(ngModel)]="applicationName"> + </div> + </div> + <div class="form-item"> + <label class="item-label"> Application Description:</label> + <div class="item"> + <textarea nz-input [(ngModel)]="applicationDescription"></textarea> + </div> + </div> + <div class="form-item"> + <label class="item-label"> Application Type:</label> + <div class="item"> + <nz-select class="nz-select-container" [(ngModel)]="applicationType"> + <nz-option nzValue="Knowledge Assistant" nzLabel="Knowledge Assistant"></nz-option> + </nz-select> + </div> + </div> + <div class="form-item"> + <label class="item-label"> Operator Name:</label> + <div class="item"> + <nz-select class="nz-select-container" nzPlaceHolder="Select Operator" + [(ngModel)]="selectedOperator" (ngModelChange)="handleOperatorChange($event)"> + <nz-option *ngFor="let operator of operators" [nzValue]="operator" + [nzLabel]="operator.operatorName"></nz-option> + </nz-select> + </div> + + </div> + <div class="form-item"> + <label class="item-label"> MaaS Platform Name:</label> + <div class="item"> + <nz-select class="nz-select-container" nzPlaceHolder="Select MaaS" + [(ngModel)]="selectedPlatform" (ngModelChange)="handleMaasChange($event)"> + <nz-option *ngFor="let platform of filteredPlatforms" [nzValue]="platform" + [nzLabel]="platform.maaSPlatformName"></nz-option> + </nz-select> + </div> + + </div> + <div class="form-item"> + <label class="item-label"> Model:</label> + <div class="item"> + <nz-select class="nz-select-container" nzPlaceHolder="Select Model" + [(ngModel)]="selectedModel"> + <nz-option *ngFor="let model of filteredModels" [nzValue]="model" + [nzLabel]="model.modelName"></nz-option> + </nz-select> + </div> + + </div> + <div class="form-item"> + <label class="item-label"> KnowLedge Base:</label> + <div class="item"> + <nz-select class="nz-select-container" nzPlaceHolder="Select Knowledge Base" + [(ngModel)]="selectKnowledgeBase"> + <nz-option *ngFor="let knowledgeBase of knowledgeBases" [nzValue]="knowledgeBase" + [nzLabel]="knowledgeBase.knowledgeBaseName"></nz-option> + </nz-select> + </div> + </div> + <div class="form-item"> + <label class="item-label"> Prompt:</label> + <div class="item"> + <textarea nz-input [(ngModel)]=prompt></textarea> + </div> + </div> + <div class="form-item"> + <label class="item-label"> Opening Remarks:</label> + <div class="item"> + <textarea nz-input [(ngModel)]=openingRemarks></textarea> + </div> + </div> + <div class="form-item"> + <label class="item-label">temperature:</label> + <div class="item"> + <nz-row class="slider-input-container"> + <nz-col nzSpan="10"> + <nz-slider [nzMin]="0" [nzMax]="10" [nzStep]="1" [(ngModel)]="temperature"></nz-slider> + </nz-col> + <div nz-col nzSpan="4"> + <nz-input-number class="nz-input-number-container" [nzMin]="0" [nzMax]="10" + [(ngModel)]="temperature"></nz-input-number> + </div> + </nz-row> + </div> + </div> + <div class="form-item"> + <label class="item-label">top_p:</label> + <div class="item"> + <nz-row class="slider-input-container"> + <nz-col nzSpan="10"> + <nz-slider [nzMin]="0" [nzMax]="10" [nzStep]="1" [(ngModel)]="top_p"></nz-slider> + </nz-col> + <div nz-col nzSpan="4"> + <nz-input-number class="nz-input-number-container" [nzMin]="0" [nzMax]="10" + [(ngModel)]="top_p"></nz-input-number> + </div> + </nz-row> + </div> + </div> + </div> +</nz-modal>
\ No newline at end of file |