diff options
Diffstat (limited to 'components/datalake-handler/admin/src/src/app/views/kafka/kafka-list/edit-kafka-modal/edit-kafka-modal.component.html')
| -rw-r--r-- | components/datalake-handler/admin/src/src/app/views/kafka/kafka-list/edit-kafka-modal/edit-kafka-modal.component.html | 193 |
1 files changed, 193 insertions, 0 deletions
diff --git a/components/datalake-handler/admin/src/src/app/views/kafka/kafka-list/edit-kafka-modal/edit-kafka-modal.component.html b/components/datalake-handler/admin/src/src/app/views/kafka/kafka-list/edit-kafka-modal/edit-kafka-modal.component.html new file mode 100644 index 00000000..2a42b988 --- /dev/null +++ b/components/datalake-handler/admin/src/src/app/views/kafka/kafka-list/edit-kafka-modal/edit-kafka-modal.component.html @@ -0,0 +1,193 @@ +<!-- + 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. +--> +<div class="p-1"> + <div class="modal-header pb-0 border-0"> + <div class="container-fluid"> + <div class="row"> + <div class="col-md-12"> + <label class="dl-h3">{{ 'EDIT_KAFKA' | translate }}-{{ this.kafkaInputTitle }}</label> + </div> + </div> + <div class="row"> + <div class="col-md-12"> + <hr> + </div> + </div> + </div> + </div> + + <div class="modal-body border-0"> + <div class="container-fluid"> + <div class="form-group row row-wrapper"> + <div class="row-half-item usual-item"> + <div> + <label class="dl-emphasis1" >{{ 'NAME' | translate }}</label> + </div> + <div> + <input [(ngModel)]="this.kafkaInput.name" class="form-control dl-input-text" type="text"/> + </div> + </div> + + <div class="row-half-item usual-item2"> + <div> + <label class="dl-emphasis1" >{{ 'STATUS' | translate }}</label> + </div> + <div> + <label class="dl-switch"> + <input id="switch" type="checkbox" [(ngModel)]="this.kafkaInput.enabled"/> + <span class="dl-slider round"></span> + </label> + </div> + </div> + </div> + + <div class="form-group row row-wrapper"> + <div class="row-half-item usual-item"> + <div> + <label class="dl-emphasis1" >{{ 'BROKER_LIST' | translate }}</label> + </div> + <div> + <input [(ngModel)]="this.kafkaInput.brokerList" class="form-control dl-input-text" type="text" required="required" /> + </div> + </div> + + <div class="row-half-item usual-item2"> + <div> + <label class="dl-emphasis1" >{{ 'ZOOKEEPER' | translate }}</label> + </div> + <div> + <input [(ngModel)]="this.kafkaInput.zooKeeper" class="form-control dl-input-text" type="text" required="required" /> + </div> + </div> + </div> + + <div class="form-group row row-wrapper"> + <div class="row-half-item usual-item"> + <div> + <label class="dl-emphasis1" >{{ 'Username' | translate }}</label> + </div> + <div> + <input [(ngModel)]="this.kafkaInput.login" class="form-control dl-input-text" type="text" required="required" /> + </div> + </div> + + <div class="row-half-item usual-item2"> + <div> + <label class="dl-emphasis1" >{{ 'Password' | translate }}</label> + </div> + <div> + <input [(ngModel)]="this.kafkaInput.pass" class="form-control dl-input-text" type="text" required="required" /> + </div> + </div> + </div> + + <div class="form-group row row-wrapper"> + <div class="row-half-item usual-item"> + <div> + <label class="dl-emphasis1">{{ 'AUTHENTICATION' | translate }}</label> + </div> + <div class="input-group row-half-item2"> + <label class="input-group-text dl-input-chk-label"> + <input id="chkSaveRaw" [(ngModel)]="this.kafkaInput.secure" type="checkbox"/> + <span class="dl-input-checkmark"></span> + </label> + <label class="form-control dl-input-chk" for="chkSaveRaw"> + Secure + </label> + </div> + </div> + + <div class="row-half-item usual-item2"> + <div> + <label class="dl-emphasis1" >{{ 'SECURITY_PROTOCOL' | translate }}</label> + </div> + <div> + <select class="custom-select dl-input-text" > + <option *ngFor="let item of protocols" [selected]="item == protocols[0]">{{ item }}</option> + </select> + </div> + </div> + </div> + + <div class="form-group row row-wrapper"> + <div class="row-half-item usual-item"> + <div> + <label class="dl-emphasis1" >{{ 'GROUP' | translate }}</label> + </div> + <div> + <input [(ngModel)]="this.kafkaInput.group" class="form-control dl-input-text" type="text" required="required" /> + </div> + </div> + + <div class="row-half-item usual-item2"> + <div> + <label class="dl-emphasis1" >{{ 'TIME_OUT' | translate }}</label> + </div> + <div> + <input [(ngModel)]="this.kafkaInput.timeout" class="form-control dl-input-text" type="text" required="required" /> + </div> + </div> + </div> + + <div class="form-group row row-wrapper"> + <div class="row-half-item usual-item"> + <div> + <label class="dl-emphasis1" >{{ 'EXCLUDED_TOPICS' | translate }}</label> + </div> + <div> + <div class="d-flex row align-items-center" *ngFor="let field of exTopicFields; let i = index"> + <div class="order-1 usual-item2"> + <input [(ngModel)]="field.item" class="form-control dl-input-text" type="text"/> + </div> + <div class="order-2"> + <button type="button" class="btn dl-icon-enable p-2" (click)="addExTopicField()"> + <i class="fa fa-plus fa-xs" aria-hidden="true"></i> + </button> + </div> + <div class="order-3"> + <button type="button" class="btn dl-icon-enable p-2" (click)="deleteExTopicField(i)"> + <i class="fa fa-trash fa-xs" aria-hidden="true"></i> + </button> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div class="modal-footer border-0 pt-0 pb-2"> + <div class="container-fluid"> + <div class="row"> + <div class="col-md-7 p-0"> + </div> + <div class="col-md-2 p-1"> + <span> + <button type="button" class="btn dl-btn-dark btn-block" (click)="this.passBack()"> + Save + </button> + </span> + </div> + <div class="col-md-2 p-1"> + <span> + <button type="button" class="btn dl-btn-light btn-block" (click)="activeModal.close('Close click')"> + Cancel + </button> + </span> + </div> + </div> + </div> + </div> +</div> |