Add function

1. Add i18n language pattern
2. Add new page for verison control
3. Git tracked files fix

Issue-ID: DCAEGEN2-1188

Change-Id: I93ead79b9ae7f6291b4f2d04718c7a14f4213cb2
Signed-off-by: Ekko Chang <ekko.chang@qct.io>

28 files changed, 0 insertions, 843 deletions

diff --git a/components/datalake-handler/admin/src/app/database/database-list/database-add-modal/database-add-modal.component.css b/components/datalake-handler/admin/src/app/database/database-list/database-add-modal/database-add-modal.component.css
deleted file mode 100644
index 8b137891..00000000
--- a/components/datalake-handler/admin/src/app/database/database-list/database-add-modal/database-add-modal.component.css
+++ /dev/null
@@ -1 +0,0 @@
-
diff --git a/components/datalake-handler/admin/src/app/database/database-list/database-add-modal/database-add-modal.component.html b/components/datalake-handler/admin/src/app/database/database-list/database-add-modal/database-add-modal.component.html
deleted file mode 100644
index 4a8e8774..00000000
--- a/components/datalake-handler/admin/src/app/database/database-list/database-add-modal/database-add-modal.component.html
+++ /dev/null
@@ -1,59 +0,0 @@
-<div class="modal-header border-0">
-
-</div>
-<div class="modal-body">
-  <div class="container-fluid">
-
-    <div class="row">
-      <div class="col-md-3 border-right">
-        <div class="row">
-
-
-
-          <ul class="nav nav-tabs flex-column">
-            <li class="nav-item">
-              <a class="nav-link active" id="all-tab" data-toggle="tab" href="#all" role="tab" aria-controls="all"
-                aria-selected="true">All</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" id="tsdb-tab" data-toggle="tab" href="#tsdb" role="tab" aria-controls="tsdb"
-                aria-selected="false">TSDB</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" id="olap-tab" data-toggle="tab" href="#olap" role="tab" aria-controls="olap"
-                aria-selected="false">OLAP</a>
-            </li>
-          </ul>
-
-
-        </div>
-      </div>
-      <div class="col-md-9">
-        <div class="tab-content" id="dbTabContent">
-          <div class="tab-pane fade show active" id="all" role="tabpanel" aria-labelledby="all-tab">
-
-            <div class="list-group">
-              <a class="list-group-item list-group-item-action" [ngClass]="{'active': seletedDb == 'Couchbase'}"
-                (click)="clickDb('Couchbase')">Couchbase</a>
-              <a class="list-group-item list-group-item-action" [ngClass]="{'active': seletedDb == 'Druid'}"
-                (click)="clickDb('Druid')">Druid</a>
-              <a class="list-group-item list-group-item-action" [ngClass]="{'active': seletedDb == 'Elasticsearch'}"
-                (click)="clickDb('Elasticsearch')">Elasticsearch</a>
-              <a class="list-group-item list-group-item-action" [ngClass]="{'active': seletedDb == 'MongoDB'}"
-                (click)="clickDb('MongoDB')">MongoDB</a>
-            </div>
-
-          </div>
-
-          <div class="tab-pane fade" id="tsdb" role="tabpanel" aria-labelledby="tsdb-tab">tsdb dbs</div>
-          <div class="tab-pane fade" id="olap" role="tabpanel" aria-labelledby="olap-tab">olap dbs</div>
-        </div>
-      </div>
-    </div>
-
-  </div>
-</div>
-<div class="modal-footer border-0">
-  <button type="submit" class="btn btn-primary" (click)="openDbDetailModal()">OK</button>
-  <button type="button" class="btn btn-outline-dark" (click)="activeModal.close('Close click')">Cancel</button>
-</div>
diff --git a/components/datalake-handler/admin/src/app/database/database-list/database-add-modal/database-add-modal.component.spec.ts b/components/datalake-handler/admin/src/app/database/database-list/database-add-modal/database-add-modal.component.spec.ts
deleted file mode 100644
index fec2d097..00000000
--- a/components/datalake-handler/admin/src/app/database/database-list/database-add-modal/database-add-modal.component.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { DatabaseAddModalComponent } from './database-add-modal.component';
-
-describe('DatabaseAddModalComponent', () => {
-  let component: DatabaseAddModalComponent;
-  let fixture: ComponentFixture<DatabaseAddModalComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ DatabaseAddModalComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(DatabaseAddModalComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/components/datalake-handler/admin/src/app/database/database-list/database-add-modal/database-add-modal.component.ts b/components/datalake-handler/admin/src/app/database/database-list/database-add-modal/database-add-modal.component.ts
deleted file mode 100644
index 022220ce..00000000
--- a/components/datalake-handler/admin/src/app/database/database-list/database-add-modal/database-add-modal.component.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-import { Component, OnInit, Input, ViewChild } from "@angular/core";
-import { NgbModal, NgbActiveModal } from "@ng-bootstrap/ng-bootstrap";
-
-// DB modal components
-import { CouchbaseComponent } from "../dbs-modal/couchbase/couchbase.component";
-import { DruidComponent } from "../dbs-modal/druid/druid.component";
-import { ElasticsearchComponent } from "../dbs-modal/elasticsearch/elasticsearch.component";
-import { MongodbComponent } from "../dbs-modal/mongodb/mongodb.component";
-
-@Component({
-  selector: "app-database-add-modal",
-  templateUrl: "./database-add-modal.component.html",
-  styleUrls: ["./database-add-modal.component.css"]
-})
-export class DatabaseAddModalComponent implements OnInit {
-  seletedDb: string;
-
-  constructor(
-    private modalService: NgbModal,
-    public activeModal: NgbActiveModal
-  ) {}
-
-  ngOnInit() {}
-
-  clickDb(name: any) {
-    console.log("seleted: " + name);
-    if (name != null) {
-      this.seletedDb = name;
-    }
-  }
-
-  openDbDetailModal() {
-    this.activeModal.close();
-
-    switch (this.seletedDb) {
-      case "Couchbase": {
-        const modalRef = this.modalService.open(CouchbaseComponent, {
-          size: "lg",
-          centered: true
-        });
-        modalRef.componentInstance.name = "World";
-        break;
-      }
-      case "Druid": {
-        const modalRef = this.modalService.open(DruidComponent, {
-          size: "lg",
-          centered: true
-        });
-        modalRef.componentInstance.name = "World";
-        break;
-      }
-      case "Elasticsearch": {
-        const modalRef = this.modalService.open(ElasticsearchComponent, {
-          size: "lg",
-          centered: true
-        });
-        modalRef.componentInstance.name = "World";
-        break;
-      }
-      case "MongoDB": {
-        const modalRef = this.modalService.open(MongodbComponent, {
-          size: "lg",
-          centered: true
-        });
-        modalRef.componentInstance.name = "World";
-        break;
-      }
-      default: {
-        break;
-      }
-    }
-  }
-}
diff --git a/components/datalake-handler/admin/src/app/database/database-list/database-list.component.css b/components/datalake-handler/admin/src/app/database/database-list/database-list.component.css
deleted file mode 100644
index ef7724a1..00000000
--- a/components/datalake-handler/admin/src/app/database/database-list/database-list.component.css
+++ /dev/null
@@ -1,14 +0,0 @@
-.db-panel {
-  background: #FFFFFF;
-  box-shadow: 3px 3px 11px 0 #D2D3D5;
-  border-radius: 20px;
-  position: relative;
-  /*width: 100%;
-  padding-top: 75%;*/
-  /* 4:3 Aspect Ratio */
-  font-family: "Open Sans", sans-serif;
-  font-size: 18px;
-  color: #313032;
-  /*vertical-align: middle;*/
-  text-align: center;
-}
diff --git a/components/datalake-handler/admin/src/app/database/database-list/database-list.component.html b/components/datalake-handler/admin/src/app/database/database-list/database-list.component.html
deleted file mode 100644
index 2f560350..00000000
--- a/components/datalake-handler/admin/src/app/database/database-list/database-list.component.html
+++ /dev/null
@@ -1,22 +0,0 @@
-<div class="d-flex flex-wrap">
-  <div *ngFor="let db of dbs; let i = index; let lastRecord = last" class="col-3 p-2">
-    <div class="db-panel w-100 mh-100">
-      <div class="row">
-        <div class="col-12">
-          <button type="button" class="btn" (click)="openDbDetailModal(db)">
-            icon
-          </button>
-        </div>
-        <div class="col-12">{{ db.name }}</div>
-      </div>
-    </div>
-  </div>
-  <div class="col-3 p-2">
-    <div class="db-panel w-100 mh-100">
-      <button type="button" class="btn btn-dl-dark-plus" (click)="openDbAddModal()">
-        <i class="fas fa-plus fa-2x"></i>
-      </button>
-    </div>
-
-  </div>
-</div>
diff --git a/components/datalake-handler/admin/src/app/database/database-list/database-list.component.spec.ts b/components/datalake-handler/admin/src/app/database/database-list/database-list.component.spec.ts
deleted file mode 100644
index c65f8266..00000000
--- a/components/datalake-handler/admin/src/app/database/database-list/database-list.component.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { DatabaseListComponent } from './database-list.component';
-
-describe('DatabaseListComponent', () => {
-  let component: DatabaseListComponent;
-  let fixture: ComponentFixture<DatabaseListComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ DatabaseListComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(DatabaseListComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/components/datalake-handler/admin/src/app/database/database-list/database-list.component.ts b/components/datalake-handler/admin/src/app/database/database-list/database-list.component.ts
deleted file mode 100644
index 5fb941b9..00000000
--- a/components/datalake-handler/admin/src/app/database/database-list/database-list.component.ts
+++ /dev/null
@@ -1,118 +0,0 @@
-import { Component, OnInit, ViewChild, ElementRef } from "@angular/core";
-import { Db } from "../../core/models/DB/db.model";
-import { NgbModal, ModalDismissReasons } from "@ng-bootstrap/ng-bootstrap";
-import { DatabaseAddModalComponent } from "./database-add-modal/database-add-modal.component";
-
-// DB modal components
-import { CouchbaseComponent } from "./dbs-modal/couchbase/couchbase.component";
-import { DruidComponent } from "./dbs-modal/druid/druid.component";
-import { ElasticsearchComponent } from "./dbs-modal/elasticsearch/elasticsearch.component";
-import { MongodbComponent } from "./dbs-modal/mongodb/mongodb.component";
-
-@Component({
-  selector: "app-database-list",
-  templateUrl: "./database-list.component.html",
-  styleUrls: ["./database-list.component.css"]
-})
-export class DatabaseListComponent implements OnInit {
-  constructor(private modalService: NgbModal) {}
-
-  @ViewChild("addDbModal") private addDBModal: ElementRef;
-
-  dbs: Db[] = [];
-
-  dbSupports: any[];
-
-  ngOnInit() {
-    // TODO: rest api
-    this.dbs.push(
-      {
-        name: "Couchbase",
-        host: "host1",
-        login: "login1",
-        pass: "pass1",
-        port: 111,
-        ssl: true
-      },
-      {
-        name: "Druid",
-        host: "host2",
-        login: "login2",
-        pass: "pass2",
-        port: 222,
-        ssl: true
-      },
-      {
-        name: "Elasticsearch",
-        host: "host3",
-        login: "login3",
-        pass: "pass3",
-        port: 333,
-        ssl: false
-      },
-      {
-        name: "MongoDB",
-        host: "host4",
-        login: "login4",
-        pass: "pass4",
-        port: 444,
-        ssl: false
-      }
-    );
-  }
-
-  openDbAddModal() {
-    this.modalService.open(DatabaseAddModalComponent, {
-      size: "lg",
-      centered: true
-    });
-  }
-
-  openDbDetailModal(db: Db) {
-    console.log("db name: " + db.name);
-
-    switch (db.name) {
-      case "Couchbase": {
-        const modalRef = this.modalService.open(CouchbaseComponent, {
-          size: "lg",
-          centered: true
-        });
-        modalRef.componentInstance.dbname = "Couchbase";
-        modalRef.componentInstance.name = db.name;
-        modalRef.componentInstance.host = db.host;
-        modalRef.componentInstance.port = db.port;
-        modalRef.componentInstance.login = db.login;
-        modalRef.componentInstance.pass = db.pass;
-        modalRef.componentInstance.ssl = db.ssl;
-        break;
-      }
-      case "Druid": {
-        const modalRef = this.modalService.open(DruidComponent, {
-          size: "lg",
-          centered: true
-        });
-        modalRef.componentInstance.name = "World";
-        break;
-      }
-      case "Elasticsearch": {
-        const modalRef = this.modalService.open(ElasticsearchComponent, {
-          size: "lg",
-          centered: true
-        });
-        modalRef.componentInstance.name = "World";
-        break;
-      }
-      case "MongoDB": {
-        const modalRef = this.modalService.open(MongodbComponent, {
-          size: "lg",
-          centered: true
-        });
-        modalRef.componentInstance.name = "World";
-        break;
-      }
-      default: {
-        break;
-      }
-    }
-  }
-}
diff --git a/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/couchbase/couchbase.component.css b/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/couchbase/couchbase.component.css
deleted file mode 100644
index e69de29b..00000000
--- a/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/couchbase/couchbase.component.css
+++ /dev/null
diff --git a/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/couchbase/couchbase.component.html b/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/couchbase/couchbase.component.html
deleted file mode 100644
index 523d6dbb..00000000
--- a/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/couchbase/couchbase.component.html
+++ /dev/null
@@ -1,80 +0,0 @@
-<div class="modal-header border border-bottom">
-  <h1><label>Document store | {{ dbname }}</label></h1>
-  <hr>
-</div>
-<div class="modal-body border-0">
-
-  <div class="form-group">
-    <div class="row">
-      <div class="col-md-4"><label for="inputBucket">Bucket</label></div>
-      <div class="col-md-8">
-        <input class="form-control input-dl-field" id="inputBucket" type="text" placeholder="" value="{{ name }}">
-      </div>
-    </div>
-  </div>
-
-  <div class="form-group">
-    <div class="row">
-      <div class="col-md-4"><label for="inputHost">Host</label></div>
-      <div class="col-md-8">
-        <input class="form-control input-dl-field" id="inputHost" type="text" placeholder="" value="{{ host }}">
-      </div>
-    </div>
-  </div>
-
-  <div class="form-group">
-    <div class="row">
-      <div class="col-md-4"><label for="inputPort">Port</label></div>
-      <div class="col-md-8">
-        <input class="form-control input-dl-field" id="inputPort" type="text" placeholder="" value="{{ port }}">
-      </div>
-    </div>
-  </div>
-
-  <div class="form-group">
-    <div class="row">
-      <div class="col-md-4"><label for="inputUserName">Authentication</label></div>
-      <div class="col-md-8">
-        <div class="row">
-          <div class="col-md-6">
-            <input class="form-control input-dl-field" id="inputUserName" type="text" placeholder="Username"
-              value="{{ login }}">
-          </div>
-          <div class="col-md-6">
-            <input class="form-control input-dl-field" id="inputPass" type="text" placeholder="Password"
-              value="{{ pass }}">
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-
-  <div class="form-group">
-    <div class="row">
-      <div class="col-md-4"><label for="inputSsl">SSL</label></div>
-      <div class="col-md-8">
-        <div class="custom-control custom-checkbox">
-          <input type="checkbox" id="inputSsl" name="customRadio" class="custom-control-input" checked="ssl">
-          <label class="custom-control-label" for="inputSsl">Enable</label>
-        </div>
-      </div>
-    </div>
-  </div>
-
-</div>
-<div class="modal-footer border-0">
-
-  <div class="d-flex align-items-start">
-    <div class="p-2 mr-auto">
-      <button type="button" class="btn btn-outline-dark">Verify</button>
-    </div>
-    <div class="p-2">
-      <button type="button" class="btn btn-outline-dark">Save</button>
-    </div>
-    <div class="p-2">
-      <button type="button" class="btn btn-outline-dark" (click)="activeModal.close('Close click')">Close</button>
-    </div>
-
-  </div>
-
-</div>
diff --git a/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/couchbase/couchbase.component.spec.ts b/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/couchbase/couchbase.component.spec.ts
deleted file mode 100644
index 3f9ca6d0..00000000
--- a/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/couchbase/couchbase.component.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { CouchbaseComponent } from './couchbase.component';
-
-describe('CouchbaseComponent', () => {
-  let component: CouchbaseComponent;
-  let fixture: ComponentFixture<CouchbaseComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ CouchbaseComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(CouchbaseComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/couchbase/couchbase.component.ts b/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/couchbase/couchbase.component.ts
deleted file mode 100644
index 9632174c..00000000
--- a/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/couchbase/couchbase.component.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Component, OnInit, Input } from "@angular/core";
-import { NgbModal, NgbActiveModal } from "@ng-bootstrap/ng-bootstrap";
-
-@Component({
-  selector: "app-couchbase",
-  templateUrl: "./couchbase.component.html",
-  styleUrls: ["./couchbase.component.css"]
-})
-export class CouchbaseComponent implements OnInit {
-  constructor(public activeModal: NgbActiveModal) {}
-
-  ngOnInit() {}
-}
diff --git a/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/druid/druid.component.css b/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/druid/druid.component.css
deleted file mode 100644
index e69de29b..00000000
--- a/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/druid/druid.component.css
+++ /dev/null
diff --git a/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/druid/druid.component.html b/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/druid/druid.component.html
deleted file mode 100644
index 29639f97..00000000
--- a/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/druid/druid.component.html
+++ /dev/null
@@ -1,78 +0,0 @@
-<div class="modal-header border border-bottom">
-  <h1><label>OLAP store | Druid</label></h1>
-  <hr>
-</div>
-<div class="modal-body border-0">
-
-  <div class="form-group">
-    <div class="row">
-      <div class="col-md-4"><label for="inputBucket">Database</label></div>
-      <div class="col-md-8">
-        <input class="form-control input-dl-field" id="inputBucket" type="text" placeholder="">
-      </div>
-    </div>
-  </div>
-
-  <div class="form-group">
-    <div class="row">
-      <div class="col-md-4"><label for="inputHost">Host</label></div>
-      <div class="col-md-8">
-        <input class="form-control input-dl-field" id="inputHost" type="text" placeholder="">
-      </div>
-    </div>
-  </div>
-
-  <div class="form-group">
-    <div class="row">
-      <div class="col-md-4"><label for="inputPort">Port</label></div>
-      <div class="col-md-8">
-        <input class="form-control input-dl-field" id="inputPort" type="text" placeholder="">
-      </div>
-    </div>
-  </div>
-
-  <div class="form-group">
-    <div class="row">
-      <div class="col-md-4"><label for="inputUserName">Authentication</label></div>
-      <div class="col-md-8">
-        <div class="row">
-          <div class="col-md-6">
-            <input class="form-control input-dl-field" id="inputUserName" type="text" placeholder="Username">
-          </div>
-          <div class="col-md-6">
-            <input class="form-control input-dl-field" id="inputPass" type="text" placeholder="Password">
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-
-  <div class="form-group">
-    <div class="row">
-      <div class="col-md-4"><label for="inputSsl">SSL</label></div>
-      <div class="col-md-8">
-        <div class="custom-control custom-checkbox">
-          <input type="checkbox" id="inputSsl" name="customRadio" class="custom-control-input">
-          <label class="custom-control-label" for="inputSsl">Enable</label>
-        </div>
-      </div>
-    </div>
-  </div>
-
-</div>
-<div class="modal-footer border-0">
-
-  <div class="d-flex align-items-start">
-    <div class="p-2 mr-auto">
-      <button type="button" class="btn btn-outline-dark">Verify</button>
-    </div>
-    <div class="p-2">
-      <button type="button" class="btn btn-outline-dark">Save</button>
-    </div>
-    <div class="p-2">
-      <button type="button" class="btn btn-outline-dark" (click)="activeModal.close('Close click')">Close</button>
-    </div>
-
-  </div>
-
-</div>
diff --git a/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/druid/druid.component.spec.ts b/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/druid/druid.component.spec.ts
deleted file mode 100644
index 4418b99b..00000000
--- a/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/druid/druid.component.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { DruidComponent } from './druid.component';
-
-describe('DruidComponent', () => {
-  let component: DruidComponent;
-  let fixture: ComponentFixture<DruidComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ DruidComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(DruidComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/druid/druid.component.ts b/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/druid/druid.component.ts
deleted file mode 100644
index e2688a8e..00000000
--- a/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/druid/druid.component.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Component, OnInit } from "@angular/core";
-import { NgbModal, NgbActiveModal } from "@ng-bootstrap/ng-bootstrap";
-
-@Component({
-  selector: "app-druid",
-  templateUrl: "./druid.component.html",
-  styleUrls: ["./druid.component.css"]
-})
-export class DruidComponent implements OnInit {
-  constructor(public activeModal: NgbActiveModal) {}
-
-  ngOnInit() {}
-}
diff --git a/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/elasticsearch/elasticsearch.component.css b/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/elasticsearch/elasticsearch.component.css
deleted file mode 100644
index e69de29b..00000000
--- a/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/elasticsearch/elasticsearch.component.css
+++ /dev/null
diff --git a/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/elasticsearch/elasticsearch.component.html b/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/elasticsearch/elasticsearch.component.html
deleted file mode 100644
index 65d8525b..00000000
--- a/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/elasticsearch/elasticsearch.component.html
+++ /dev/null
@@ -1,69 +0,0 @@
-<div class="modal-header border border-bottom">
-  <h1><label>Search Engine | Elasticsearch</label></h1>
-  <hr>
-</div>
-<div class="modal-body border-0">
-
-  <div class="form-group">
-    <div class="row">
-      <div class="col-md-4"><label for="inputHost">Host</label></div>
-      <div class="col-md-8">
-        <input class="form-control input-dl-field" id="inputHost" type="text" placeholder="">
-      </div>
-    </div>
-  </div>
-
-  <div class="form-group">
-    <div class="row">
-      <div class="col-md-4"><label for="inputPort">Port</label></div>
-      <div class="col-md-8">
-        <input class="form-control input-dl-field" id="inputPort" type="text" placeholder="">
-      </div>
-    </div>
-  </div>
-
-  <div class="form-group">
-    <div class="row">
-      <div class="col-md-4"><label for="inputUserName">Authentication</label></div>
-      <div class="col-md-8">
-        <div class="row">
-          <div class="col-md-6">
-            <input class="form-control input-dl-field" id="inputUserName" type="text" placeholder="Username">
-          </div>
-          <div class="col-md-6">
-            <input class="form-control input-dl-field" id="inputPass" type="text" placeholder="Password">
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-
-  <div class="form-group">
-    <div class="row">
-      <div class="col-md-4"><label for="inputSsl">SSL</label></div>
-      <div class="col-md-8">
-        <div class="custom-control custom-checkbox">
-          <input type="checkbox" id="inputSsl" name="customRadio" class="custom-control-input">
-          <label class="custom-control-label" for="inputSsl">Enable</label>
-        </div>
-      </div>
-    </div>
-  </div>
-
-</div>
-<div class="modal-footer border-0">
-
-  <div class="d-flex align-items-start">
-    <div class="p-2 mr-auto">
-      <button type="button" class="btn btn-outline-dark">Verify</button>
-    </div>
-    <div class="p-2">
-      <button type="button" class="btn btn-outline-dark">Save</button>
-    </div>
-    <div class="p-2">
-      <button type="button" class="btn btn-outline-dark" (click)="activeModal.close('Close click')">Close</button>
-    </div>
-
-  </div>
-
-</div>
diff --git a/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/elasticsearch/elasticsearch.component.spec.ts b/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/elasticsearch/elasticsearch.component.spec.ts
deleted file mode 100644
index 96b18a8a..00000000
--- a/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/elasticsearch/elasticsearch.component.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { ElasticsearchComponent } from './elasticsearch.component';
-
-describe('ElasticsearchComponent', () => {
-  let component: ElasticsearchComponent;
-  let fixture: ComponentFixture<ElasticsearchComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ ElasticsearchComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(ElasticsearchComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/elasticsearch/elasticsearch.component.ts b/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/elasticsearch/elasticsearch.component.ts
deleted file mode 100644
index 37add661..00000000
--- a/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/elasticsearch/elasticsearch.component.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Component, OnInit } from "@angular/core";
-import { NgbModal, NgbActiveModal } from "@ng-bootstrap/ng-bootstrap";
-
-@Component({
-  selector: "app-elasticsearch",
-  templateUrl: "./elasticsearch.component.html",
-  styleUrls: ["./elasticsearch.component.css"]
-})
-export class ElasticsearchComponent implements OnInit {
-  constructor(public activeModal: NgbActiveModal) {}
-
-  ngOnInit() {}
-}
diff --git a/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/mongodb/mongodb.component.css b/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/mongodb/mongodb.component.css
deleted file mode 100644
index e69de29b..00000000
--- a/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/mongodb/mongodb.component.css
+++ /dev/null
diff --git a/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/mongodb/mongodb.component.html b/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/mongodb/mongodb.component.html
deleted file mode 100644
index 508ee515..00000000
--- a/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/mongodb/mongodb.component.html
+++ /dev/null
@@ -1,78 +0,0 @@
-<div class="modal-header border border-bottom">
-  <h1><label>Document store | MongoDB</label></h1>
-  <hr>
-</div>
-<div class="modal-body border-0">
-
-  <div class="form-group">
-    <div class="row">
-      <div class="col-md-4"><label for="inputBucket">Bucket</label></div>
-      <div class="col-md-8">
-        <input class="form-control input-dl-field" id="inputBucket" type="text" placeholder="">
-      </div>
-    </div>
-  </div>
-
-  <div class="form-group">
-    <div class="row">
-      <div class="col-md-4"><label for="inputHost">Host</label></div>
-      <div class="col-md-8">
-        <input class="form-control input-dl-field" id="inputHost" type="text" placeholder="">
-      </div>
-    </div>
-  </div>
-
-  <div class="form-group">
-    <div class="row">
-      <div class="col-md-4"><label for="inputPort">Port</label></div>
-      <div class="col-md-8">
-        <input class="form-control input-dl-field" id="inputPort" type="text" placeholder="">
-      </div>
-    </div>
-  </div>
-
-  <div class="form-group">
-    <div class="row">
-      <div class="col-md-4"><label for="inputUserName">Authentication</label></div>
-      <div class="col-md-8">
-        <div class="row">
-          <div class="col-md-6">
-            <input class="form-control input-dl-field" id="inputUserName" type="text" placeholder="Username">
-          </div>
-          <div class="col-md-6">
-            <input class="form-control input-dl-field" id="inputPass" type="text" placeholder="Password">
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-
-  <div class="form-group">
-    <div class="row">
-      <div class="col-md-4"><label for="inputSsl">SSL</label></div>
-      <div class="col-md-8">
-        <div class="custom-control custom-checkbox">
-          <input type="checkbox" id="inputSsl" name="customRadio" class="custom-control-input">
-          <label class="custom-control-label" for="inputSsl">Enable</label>
-        </div>
-      </div>
-    </div>
-  </div>
-
-</div>
-<div class="modal-footer border-0">
-
-  <div class="d-flex align-items-start">
-    <div class="p-2 mr-auto">
-      <button type="button" class="btn btn-outline-dark">Verify</button>
-    </div>
-    <div class="p-2">
-      <button type="button" class="btn btn-outline-dark">Save</button>
-    </div>
-    <div class="p-2">
-      <button type="button" class="btn btn-outline-dark" (click)="activeModal.close('Close click')">Close</button>
-    </div>
-
-  </div>
-
-</div>
diff --git a/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/mongodb/mongodb.component.spec.ts b/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/mongodb/mongodb.component.spec.ts
deleted file mode 100644
index 3d7fc234..00000000
--- a/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/mongodb/mongodb.component.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { MongodbComponent } from './mongodb.component';
-
-describe('MongodbComponent', () => {
-  let component: MongodbComponent;
-  let fixture: ComponentFixture<MongodbComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ MongodbComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(MongodbComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/mongodb/mongodb.component.ts b/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/mongodb/mongodb.component.ts
deleted file mode 100644
index 399600ff..00000000
--- a/components/datalake-handler/admin/src/app/database/database-list/dbs-modal/mongodb/mongodb.component.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Component, OnInit, Input } from "@angular/core";
-import { NgbModal, NgbActiveModal } from "@ng-bootstrap/ng-bootstrap";
-
-@Component({
-  selector: "app-mongodb",
-  templateUrl: "./mongodb.component.html",
-  styleUrls: ["./mongodb.component.css"]
-})
-export class MongodbComponent implements OnInit {
-  @Input() title = "1234";
-
-  constructor(public activeModal: NgbActiveModal) {}
-
-  ngOnInit() {}
-}
diff --git a/components/datalake-handler/admin/src/app/database/database.component.css b/components/datalake-handler/admin/src/app/database/database.component.css
deleted file mode 100644
index e69de29b..00000000
--- a/components/datalake-handler/admin/src/app/database/database.component.css
+++ /dev/null
diff --git a/components/datalake-handler/admin/src/app/database/database.component.html b/components/datalake-handler/admin/src/app/database/database.component.html
deleted file mode 100644
index 7ce4bc3e..00000000
--- a/components/datalake-handler/admin/src/app/database/database.component.html
+++ /dev/null
@@ -1,7 +0,0 @@
-<div class="row">
-  <div class="col-md-12 path">
-    Home > Database Connections
-  </div>
-</div>
-
-<app-database-list></app-database-list>
diff --git a/components/datalake-handler/admin/src/app/database/database.component.spec.ts b/components/datalake-handler/admin/src/app/database/database.component.spec.ts
deleted file mode 100644
index f0621e27..00000000
--- a/components/datalake-handler/admin/src/app/database/database.component.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { DatabaseComponent } from './database.component';
-
-describe('DatabaseComponent', () => {
-  let component: DatabaseComponent;
-  let fixture: ComponentFixture<DatabaseComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ DatabaseComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(DatabaseComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/components/datalake-handler/admin/src/app/database/database.component.ts b/components/datalake-handler/admin/src/app/database/database.component.ts
deleted file mode 100644
index ef0ee0cb..00000000
--- a/components/datalake-handler/admin/src/app/database/database.component.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Component, OnInit } from "@angular/core";
-import { HeaderService } from "../core/services/header.service";
-
-@Component({
-  selector: "app-database",
-  templateUrl: "./database.component.html",
-  styleUrls: ["./database.component.css"]
-})
-export class DatabaseComponent implements OnInit {
-  constructor(private headerService: HeaderService) {}
-
-  ngOnInit() {
-    this.headerService.setTitle("SIDEBAR.DATABASE");
-  }
-}