From bd1e6d129bf063e660cbe4457354be478e754fe3 Mon Sep 17 00:00:00 2001 From: Ekko Chang Date: Wed, 22 Jan 2020 06:13:28 +0000 Subject: To apply the shared module into the database page Issue-ID: DCAEGEN2-1716 Signed-off-by: Ekko Chang Change-Id: I2b89fe4fb81be10852c0fc813bbf5c81999bbc12 --- .../admin/src/src/app/app.module.ts | 9 +- .../admin/src/src/app/core/models/db.model.ts | 29 +- .../src/src/app/core/services/rest-api.service.ts | 50 ++- .../database-list/database-list.component.html | 60 +--- .../database-list/database-list.component.ts | 364 +++++++++------------ .../database-list/db-modal/db-modal.component.css | 25 ++ .../database-list/db-modal/db-modal.component.html | 128 ++++++++ .../db-modal/db-modal.component.spec.ts | 44 +++ .../database-list/db-modal/db-modal.component.ts | 74 +++++ .../admin/src/src/assets/i18n/en-us.json | 10 +- 10 files changed, 504 insertions(+), 289 deletions(-) create mode 100644 components/datalake-handler/admin/src/src/app/views/database/database-list/db-modal/db-modal.component.css create mode 100644 components/datalake-handler/admin/src/src/app/views/database/database-list/db-modal/db-modal.component.html create mode 100644 components/datalake-handler/admin/src/src/app/views/database/database-list/db-modal/db-modal.component.spec.ts create mode 100644 components/datalake-handler/admin/src/src/app/views/database/database-list/db-modal/db-modal.component.ts diff --git a/components/datalake-handler/admin/src/src/app/app.module.ts b/components/datalake-handler/admin/src/src/app/app.module.ts index e15876a8..eb7db267 100644 --- a/components/datalake-handler/admin/src/src/app/app.module.ts +++ b/components/datalake-handler/admin/src/src/app/app.module.ts @@ -105,7 +105,8 @@ import { IconComponent } from "./shared/components/icon/icon.component"; import { MatTabsModule } from "@angular/material"; import { BrowserAnimationsModule } from "@angular/platform-browser/animations"; import { TopicModalComponent } from "./views/topics/topic-list/topic-modal/topic-modal.component"; -import { KafkaModalComponent } from './views/kafka/kafka-list/kafka-modal/kafka-modal.component'; +import { KafkaModalComponent } from "./views/kafka/kafka-list/kafka-modal/kafka-modal.component"; +import { DbModalComponent } from "./views/database/database-list/db-modal/db-modal.component"; @NgModule({ declarations: [ @@ -153,7 +154,8 @@ import { KafkaModalComponent } from './views/kafka/kafka-list/kafka-modal/kafka- ToolAddModalComponent, IconComponent, TopicModalComponent, - KafkaModalComponent + KafkaModalComponent, + DbModalComponent ], imports: [ BrowserModule, @@ -198,7 +200,8 @@ import { KafkaModalComponent } from './views/kafka/kafka-list/kafka-modal/kafka- ToolAddModalComponent, ModalToolsComponent, TopicModalComponent, - KafkaModalComponent + KafkaModalComponent, + DbModalComponent ] }) export class AppModule {} diff --git a/components/datalake-handler/admin/src/src/app/core/models/db.model.ts b/components/datalake-handler/admin/src/src/app/core/models/db.model.ts index 3de8f213..eea91ade 100644 --- a/components/datalake-handler/admin/src/src/app/core/models/db.model.ts +++ b/components/datalake-handler/admin/src/src/app/core/models/db.model.ts @@ -25,16 +25,23 @@ */ export class Db { - id: number; - name: string; - enabled: boolean; - host: string; - port: number; - database: string; - encrypt: boolean; - login: string; - pass: string; - dbTypeId: string; + public id: number; + public name: string; + public enabled: boolean; + public host: string; + public port: number; + public database: string; + public encrypt: boolean; + public login: string; + public pass: string; + public dbTypeId: string; // for UI display - checkedToSave: boolean; + public checkedToSave: boolean; +} + +export class DbType { + public id: string; + public name: string; + public defaultPort: number; + public tool: boolean; } diff --git a/components/datalake-handler/admin/src/src/app/core/services/rest-api.service.ts b/components/datalake-handler/admin/src/src/app/core/services/rest-api.service.ts index 83d814e3..97421e42 100644 --- a/components/datalake-handler/admin/src/src/app/core/services/rest-api.service.ts +++ b/components/datalake-handler/admin/src/src/app/core/services/rest-api.service.ts @@ -32,7 +32,7 @@ import { map, catchError, tap, retry } from "rxjs/operators"; import { throwError } from "rxjs"; import { Topic } from "src/app/core/models/topic.model"; -import { Db } from "src/app/core/models/db.model"; +import { Db, DbType } from "src/app/core/models/db.model"; import { Template } from "src/app/core/models/template.model"; import { Dashboard } from "src/app/core/models/dashboard.model"; import { Kafka } from "../models/kafka.model"; @@ -150,6 +150,37 @@ export class RestApiService { .pipe(retry(1), catchError(this.handleError)); } + public getDbTypes(): Observable { + return this.http + .get(prefix + "dbs/dbtypes") + .pipe(retry(1), catchError(this.handleError)); + } + + public deleteDb(id: string | number): Observable { + return this.http.delete(prefix + "dbs/" + id).pipe( + //online + retry(1), + tap(_ => console.log(`deleted db id=${id}`)), + catchError(this.handleError) + ); + } + + public updateDb(db: Db): Observable { + return this.http.put(prefix + "dbs/" + db.id, db).pipe( + retry(1), + tap(_ => this.extractData), + catchError(this.handleError) + ); + } + + public addDb(db: Db): Observable { + return this.http.post(prefix + "dbs", db).pipe( + retry(1), + tap(_ => console.log(`add db name=${db.name}`)), + catchError(this.handleError) + ); + } + getDbEncryptList(flag): Observable { return this.http .get(prefix + "dbs/list?isDb=" + flag) @@ -168,23 +199,6 @@ export class RestApiService { .pipe(retry(1), map(this.extractData), catchError(this.handleError)); } - deleteDb(id): Observable { - return this.http.delete(prefix + "dbs/" + id).pipe( - //online - retry(1), - map(this.extractData2), - catchError(this.handleError) - ); - } - - updateDb(d: Db): Observable { - return this.http.put(prefix + "dbs", d).pipe( - retry(1), - tap(_ => this.extractData), - catchError(this.handleError) - ); - } - createDb(d: Db): Observable { return this.http.post(prefix + "dbs", d).pipe( retry(1), diff --git a/components/datalake-handler/admin/src/src/app/views/database/database-list/database-list.component.html b/components/datalake-handler/admin/src/src/app/views/database/database-list/database-list.component.html index db75f713..9df9e567 100644 --- a/components/datalake-handler/admin/src/src/app/views/database/database-list/database-list.component.html +++ b/components/datalake-handler/admin/src/src/app/views/database/database-list/database-list.component.html @@ -1,5 +1,5 @@ +
@@ -21,69 +22,22 @@
-
- -
+ (keyup)="this.updateFilter($event.target.value)" />
-
- + +
+
- - - - - - - - - - - - - - - {{ row.name }} - - - - - - {{ row.dbTypeId }} - - - - - - - - - - - - - - - +
diff --git a/components/datalake-handler/admin/src/src/app/views/database/database-list/database-list.component.ts b/components/datalake-handler/admin/src/src/app/views/database/database-list/database-list.component.ts index ed25a707..2eb41a81 100644 --- a/components/datalake-handler/admin/src/src/app/views/database/database-list/database-list.component.ts +++ b/components/datalake-handler/admin/src/src/app/views/database/database-list/database-list.component.ts @@ -2,7 +2,7 @@ * ============LICENSE_START======================================================= * ONAP : DataLake * ================================================================================ - * Copyright 2019 QCT + * Copyright 2019 - 2020 QCT *================================================================================= * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. @@ -29,24 +29,22 @@ import { Component, OnInit, ViewChild, ElementRef } from "@angular/core"; import { Db } from "src/app/core/models/db.model"; import { NgbModal } from "@ng-bootstrap/ng-bootstrap"; -import { DatabaseAddModalComponent } from "src/app/views/database/database-list/database-add-modal/database-add-modal.component"; -// DB modal components import { RestApiService } from "src/app/core/services/rest-api.service"; // Modal import { AlertComponent } from "src/app/shared/components/alert/alert.component"; +import { ModalComponent } from "src/app/shared/modules/modal/modal.component"; +import { ModalContentData } from "src/app/shared/modules/modal/modal.data"; +import { DbModalComponent } from "src/app/views/database/database-list/db-modal/db-modal.component"; // Notify import { ToastrNotificationService } from "src/app/shared/components/toastr-notification/toastr-notification.service"; // Loading spinner import { NgxSpinnerService } from "ngx-spinner"; -import {CouchbaseComponent} from "src/app/views/database/database-list/dbs-modal/couchbase/couchbase.component"; -import {DruidComponent} from "src/app/views/database/database-list/dbs-modal/druid/druid.component"; -import {ElasticsearchComponent} from "src/app/views/database/database-list/dbs-modal/elasticsearch/elasticsearch.component"; -import {MongodbComponent} from "src/app/views/database/database-list/dbs-modal/mongodb/mongodb.component"; -import {HdfsComponent} from "src/app/views/database/database-list/dbs-modal/hdfs/hdfs.component"; +import { map, mergeMap } from "rxjs/operators"; +import { forkJoin, from } from "rxjs"; @Component({ selector: "app-database-list", @@ -54,230 +52,192 @@ import {HdfsComponent} from "src/app/views/database/database-list/dbs-modal/hdfs styleUrls: ["./database-list.component.css"] }) export class DatabaseListComponent implements OnInit { - pageFinished: Boolean = false; - - dbList: any = []; - dbs: Db[] = []; - dbNew: Db; - db_NewBody: Db; - loading: Boolean = true; - flag: Boolean = true; - loadingIndicator: boolean = true; - - mesgNoData = { - emptyMessage: ` -
-
- -
-
- ` - }; + dbs: Array = []; // data of table + t_temp: Array = []; // cache for dbs + columns: Array = []; // column of table @ViewChild("searchText") searchText: ElementRef; constructor( - private dbApiService: RestApiService, - private notificationService: ToastrNotificationService, - private modalService: NgbModal, - private spinner: NgxSpinnerService - ) { - this.initData().then(data => { - this.initDbsList(this.dbList).then(data => { - this.dbs = data; - }); - }); - } + private restApiService: RestApiService, + private notificationService: ToastrNotificationService, + private modalService: NgbModal, + private spinner: NgxSpinnerService + ) {} ngOnInit() { this.spinner.show(); - } - - async initData() { - this.dbList = []; - this.dbList = await this.getDbList(this.flag); - setTimeout(() => { - this.spinner.hide(); - }, 500); - } - - getDbList(flag) { - return this.dbApiService.getDbEncryptList(flag).toPromise(); - - } - - async initDbsList(dbList: []) { - var d: Db[] = []; - - for (var i = 0; i < dbList.length; i++) { - let data = dbList[i]; - let feed = { - id: data["id"], - name: data["name"], - enabled: data["enabled"], - host: data["host"], - port: data["port"], - database: data["database"], - encrypt: data["encrypt"], - login: data["login"], - pass: data["pass"], - dbTypeId: data["dbTypeId"], - }; - d.push(feed); - } - return d; - } - // getDbDetail(name: string) { - // return this.restApiService.getDbDetail(name).toPromise(); - // } + let t_dbs: Array = []; - openAddModal() { - const modalRef = this.modalService.open(DatabaseAddModalComponent, { - windowClass: "dl-md-modal", - centered: true - }); + const get_dbs = this.restApiService.getAllDbs().pipe( + mergeMap(dbs => from(dbs)), + map(db => { + t_dbs.push(db); + }) + ); - modalRef.componentInstance.passEntry.subscribe(receivedEntry => { - if (receivedEntry) { - modalRef.close(); - //this.openDetailModal(receivedEntry); - } + forkJoin(get_dbs).subscribe(data => { + this.columns = this.initColumn(); + this.dbs = t_dbs; + this.t_temp = [...this.dbs]; + this.updateFilter(this.searchText.nativeElement.value); + setTimeout(() => { + this.spinner.hide(); + }, 500); }); } - updateFilter(searchValue) { + updateFilter(searchValue: string) { const val = searchValue.toLowerCase(); + // filter our data - const temps = this.dbList.filter(function (d) { - return d.name.toLowerCase().indexOf(val) != -1 || !val; + const temp = this.t_temp.filter(t => { + return t.name.toLowerCase().indexOf(val) !== -1 || !val; }); - // update the rows - this.dbList = temps; - } - newDbModal() { - const modalRef = this.modalService.open(DatabaseAddModalComponent, { - windowClass: "dl-md-modal dbs", - centered: true - }); + // update the rows + this.dbs = temp; } - deleteDbModel(id: number) { - - console.log("delete id", id); - const index = this.dbList.findIndex(t => t.id === id); - const modalRef = this.modalService.open(AlertComponent, { - size: "sm", - centered: true - }); - modalRef.componentInstance.message = "ARE_YOU_SURE_DELETE"; - modalRef.componentInstance.passEntry.subscribe(receivedEntry => { - // Delete db - this.dbApiService.deleteDb(id).subscribe( - res => { - console.log(res); - if (JSON.stringify(res).length <= 2) { - this.dbList.splice(index, 1); - this.dbList = [...this.dbList]; - this.initData(); - this.notificationService.success("SUCCESSFULLY_DELETED"); - - } else { - this.initData(); - this.notificationService.error("FAILED_DELETED"); - } + initColumn() { + let t_columns: Array = []; + + t_columns = [ + { + headerName: "STATUS", + width: "15", + sortable: true, + dataIndex: "enabled", + icon: "status" + }, + { + headerName: "NAME", + width: "420", + sortable: true, + dataIndex: "name" + }, + { + headerName: "Type", + width: "50", + sortable: true, + dataIndex: "dbTypeId" + }, + { + headerName: "Host", + width: "100", + sortable: true, + dataIndex: "host" + }, + { + width: "2", + iconButton: "cog", + action: "edit" + }, + { + width: "2", + iconButton: "trash", + action: "delete" + } + ]; - modalRef.close(); - }, - err => { - this.notificationService.error(err); - modalRef.close(); - } - ); - }); + return t_columns; } - updateDbModel(id: number, dbType: string) { - var modalRef; - console.log(dbType, "dbType"); - switch (dbType) { - case "CB": { - modalRef = this.modalService.open(CouchbaseComponent, { - size: "lg", - centered: true - }); - this.editDbModal(id, modalRef); + btnTableAction(passValueArr: Array) { + let action = passValueArr[0]; + let id = passValueArr[1]; + + switch (action) { + case "edit": + this.openModal("edit", id); break; - } - case "DRUID": { - modalRef = this.modalService.open(DruidComponent, { - size: "lg", - centered: true + case "delete": + const modalRef = this.modalService.open(AlertComponent, { + size: "sm", + centered: true, + backdrop: "static" }); - this.editDbModal(id, modalRef); - break; - } - case "ES": { - modalRef = this.modalService.open(ElasticsearchComponent, { - size: "lg", - centered: true + modalRef.componentInstance.message = "ARE_YOU_SURE_DELETE"; + modalRef.componentInstance.passEntry.subscribe(recevicedEntry => { + this.restApiService.deleteDb(id).subscribe( + res => { + this.ngOnInit(); + setTimeout(() => { + this.notificationService.success("SUCCESSFULLY_DELETED"); + }, 500); + }, + err => { + this.notificationService.error(err); + } + ); + modalRef.close(); }); - this.editDbModal(id, modalRef); break; - } - case "MONGO": { - modalRef = this.modalService.open(MongodbComponent, { - size: "lg", - centered: true + } + } + + openModal(mode: string = "", id: number | string) { + const modalRef = this.modalService.open(ModalComponent, { + size: "lg", + centered: true, + backdrop: "static" + }); + + switch (mode) { + case "new": + let newDB: Db = new Db(); + let componentNew = new ModalContentData(DbModalComponent, newDB); + + modalRef.componentInstance.title = "NEW_DB"; + modalRef.componentInstance.notice = ""; + modalRef.componentInstance.mode = "new"; + modalRef.componentInstance.component = componentNew; + + modalRef.componentInstance.passEntry.subscribe((data: Db) => { + newDB = Object.assign({}, data); + console.log(newDB.dbTypeId); + console.log(newDB); + this.restApiService.addDb(newDB).subscribe( + res => { + this.ngOnInit(); + setTimeout(() => { + this.notificationService.success("SUCCESSFULLY_CREARED"); + }, 500); + }, + err => { + this.notificationService.error(err); + } + ); + modalRef.close(); }); - this.editDbModal(id, modalRef); break; - } - case "HDFS": { - modalRef = this.modalService.open(HdfsComponent, { - size: "lg", - centered: true + case "edit": + let index: number = this.dbs.findIndex(db => db.id === id); + let editDb: Db = this.dbs[index]; + let componentEdit = new ModalContentData(DbModalComponent, editDb); + + modalRef.componentInstance.title = editDb.name; + modalRef.componentInstance.notice = ""; + modalRef.componentInstance.mode = "edit"; + modalRef.componentInstance.component = componentEdit; + + modalRef.componentInstance.passEntry.subscribe((data: Db) => { + editDb = Object.assign({}, data); + this.restApiService.updateDb(editDb).subscribe( + res => { + this.ngOnInit(); + setTimeout(() => { + this.notificationService.success("SUCCESSFULLY_UPDATED"); + }, 500); + }, + err => { + this.notificationService.error(err); + } + ); + modalRef.close(); }); - this.editDbModal(id, modalRef); - break; - } - default: { break; - } } } - - editDbModal(id: number, modalRef) { - console.log("id", id); - const index = this.dbList.findIndex(t => t.id === id); - modalRef.componentInstance.editDb = this.dbList[index]; - modalRef.componentInstance.passEntry.subscribe(receivedEntry => { - this.dbNew = receivedEntry; - this.dbApiService - .updateDb(this.dbNew) - .subscribe( - res => { - if (res.statusCode == 200) { - this.dbList[index] = this.dbNew; - this.dbList = [...this.dbList]; - this.notificationService.success("SUCCESSFULLY_UPDATED"); - this.initData(); - } else { - this.notificationService.error("FAILED_UPDATED"); - this.initData(); - } - modalRef.close(); - }, - err => { - this.notificationService.error(err); - modalRef.close(); - } - ); - }) - } - - onActivate(event) { - - } } diff --git a/components/datalake-handler/admin/src/src/app/views/database/database-list/db-modal/db-modal.component.css b/components/datalake-handler/admin/src/src/app/views/database/database-list/db-modal/db-modal.component.css new file mode 100644 index 00000000..0b713d55 --- /dev/null +++ b/components/datalake-handler/admin/src/src/app/views/database/database-list/db-modal/db-modal.component.css @@ -0,0 +1,25 @@ +/* +* ============LICENSE_START======================================================= +* ONAP : DataLake +* ================================================================================ +* Copyright 2019 - 2020 QCT +*================================================================================= +* 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. +* ============LICENSE_END========================================================= +*/ + +/* + * For every Angular component you write, you may define not only an HTML template, + * but also the CSS styles that go with that template, specifying any selectors, + * rules, and media queries that you need. +*/ diff --git a/components/datalake-handler/admin/src/src/app/views/database/database-list/db-modal/db-modal.component.html b/components/datalake-handler/admin/src/src/app/views/database/database-list/db-modal/db-modal.component.html new file mode 100644 index 00000000..276b8fbc --- /dev/null +++ b/components/datalake-handler/admin/src/src/app/views/database/database-list/db-modal/db-modal.component.html @@ -0,0 +1,128 @@ + + +
+ +
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+ +
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+ +
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+ +
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+ +
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
diff --git a/components/datalake-handler/admin/src/src/app/views/database/database-list/db-modal/db-modal.component.spec.ts b/components/datalake-handler/admin/src/src/app/views/database/database-list/db-modal/db-modal.component.spec.ts new file mode 100644 index 00000000..7e48dcb1 --- /dev/null +++ b/components/datalake-handler/admin/src/src/app/views/database/database-list/db-modal/db-modal.component.spec.ts @@ -0,0 +1,44 @@ +/* + * ============LICENSE_START======================================================= + * ONAP : DataLake + * ================================================================================ + * Copyright 2019 - 2020 QCT + *================================================================================= + * 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. + * ============LICENSE_END========================================================= + */ + +import { async, ComponentFixture, TestBed } from "@angular/core/testing"; + +import { DbModalComponent } from "./db-modal.component"; + +describe("DbModalComponent", () => { + let component: DbModalComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [DbModalComponent] + }).compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(DbModalComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it("should create", () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/components/datalake-handler/admin/src/src/app/views/database/database-list/db-modal/db-modal.component.ts b/components/datalake-handler/admin/src/src/app/views/database/database-list/db-modal/db-modal.component.ts new file mode 100644 index 00000000..b7ca5b1f --- /dev/null +++ b/components/datalake-handler/admin/src/src/app/views/database/database-list/db-modal/db-modal.component.ts @@ -0,0 +1,74 @@ +/* + * ============LICENSE_START======================================================= + * ONAP : DataLake + * ================================================================================ + * Copyright 2019 - 2020 QCT + *================================================================================= + * 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. + * ============LICENSE_END========================================================= + */ + +/** + * + * @author Ekko Chang + * + */ + +import { Component, OnInit, Input, ViewChild } from "@angular/core"; +import { NgxSpinnerService } from "ngx-spinner"; +import { NgbActiveModal } from "@ng-bootstrap/ng-bootstrap"; +import { RestApiService } from "src/app/core/services/rest-api.service"; +import { AdminService } from "src/app/core/services/admin.service"; +import { Db, DbType } from "src/app/core/models/db.model"; +import { from, forkJoin } from "rxjs"; +import { mergeMap, map } from "rxjs/operators"; + +@Component({ + selector: "app-db-modal", + templateUrl: "./db-modal.component.html", + styleUrls: ["./db-modal.component.css"] +}) +export class DbModalComponent implements OnInit { + @Input() data: Db; + @Input() mode: string; + + dbTypes: Array = []; + + constructor( + public activeModal: NgbActiveModal, + public adminService: AdminService, + private restApiService: RestApiService, + private spinner: NgxSpinnerService + ) {} + + ngOnInit() { + // this.spinner.show(); + + // get database types + const get_dbTypes = this.restApiService.getDbTypes().pipe( + mergeMap(dbTypes => from(dbTypes)), + map(dbType => { + if (!dbType.tool) this.dbTypes.push(dbType); + }) + ); + + forkJoin(get_dbTypes).subscribe(data => { + if (this.mode === "new") { + // default value + if (this.dbTypes.length > 0) { + this.data.dbTypeId = this.dbTypes[0].id; + } + } + }); + } +} diff --git a/components/datalake-handler/admin/src/src/assets/i18n/en-us.json b/components/datalake-handler/admin/src/src/assets/i18n/en-us.json index 2e0892fa..b5e7d28a 100644 --- a/components/datalake-handler/admin/src/src/assets/i18n/en-us.json +++ b/components/datalake-handler/admin/src/src/assets/i18n/en-us.json @@ -76,7 +76,7 @@ "TIME_OUT": "Time out(sec)", "EDIT_KAFKA": "Edit Kafka", "NEW_DB": "New Database", - "DB_TYPE": "DbType", + "DB_TYPE": "Db Type", "NEW_DRUID": "New Druid", "NEW_ELASTICSEARCH": "New Elasticsearch", "NEW_COUCHBASE": "New Couchbase", @@ -84,5 +84,11 @@ "NEW_HDFS": "New Hdfs", "SECURE_COMMUNICATION": "Secure Communication", "NEW_TOOL": "New Tool", - "NEW_KIBANA": "New Kibana" + "NEW_KIBANA": "New Kibana", + "COUCHBASE": "Couchbase", + "DRUID": "Druid", + "ELASTICSEARCH": "Elasticsearch", + "MONGODB": "MongoDB", + "HDFS": "Hdfs", + "DATABASE_NAME": "Database Name" } -- cgit 1.2.3-korg