Add the card shared module

Issue-ID: DCAEGEN2-1671

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

27 files changed, 779 insertions, 36 deletions

diff --git a/.gitignore b/.gitignore
index 4ec8d6b6..ea342fa3 100644
--- a/.gitignore
+++ b/.gitignore
@@ -122,3 +122,5 @@ buildNumber.properties
 
 # End of https://www.gitignore.io/api/java,maven,intellij
 
+.project
+.settings/
diff --git a/components/datalake-handler/admin/src/.gitignore b/components/datalake-handler/admin/src/.gitignore
index 5dbed0df..ea958f76 100644
--- a/components/datalake-handler/admin/src/.gitignore
+++ b/components/datalake-handler/admin/src/.gitignore
@@ -47,3 +47,6 @@ Thumbs.db
 
 # CSS vendor
 src/assets/vendor
+
+# Proxy config
+proxy.conf.json
diff --git a/components/datalake-handler/admin/src/package-lock.json b/components/datalake-handler/admin/src/package-lock.json
index 72052d39..31103a8e 100644
--- a/components/datalake-handler/admin/src/package-lock.json
+++ b/components/datalake-handler/admin/src/package-lock.json
@@ -1091,6 +1091,14 @@
       "integrity": "sha1-SlKCrBZHKek2Gbz9OtFR+BfOkfU=",
       "dev": true
     },
+    "angular-svg-icon": {
+      "version": "7.2.1",
+      "resolved": "https://registry.npmjs.org/angular-svg-icon/-/angular-svg-icon-7.2.1.tgz",
+      "integrity": "sha512-N31QL1IejPqpeMQnuCx92yFLpTZLLsi3ffQ/8HpuP3chevVBbydd5kSmPBYR++awhVUxBB7IOt0VjCJL5TV7xQ==",
+      "requires": {
+        "tslib": "^1.9.0"
+      }
+    },
     "ansi-colors": {
       "version": "3.2.4",
       "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-3.2.4.tgz",
diff --git a/components/datalake-handler/admin/src/package.json b/components/datalake-handler/admin/src/package.json
index 01b5d534..5b2769d3 100644
--- a/components/datalake-handler/admin/src/package.json
+++ b/components/datalake-handler/admin/src/package.json
@@ -23,6 +23,7 @@
     "@ngx-translate/core": "^11.0.1",
     "@ngx-translate/http-loader": "^4.0.0",
     "@swimlane/ngx-datatable": "^14.0.0",
+    "angular-svg-icon": "^7.2.1",
     "bootstrap": "^4.3.1",
     "core-js": "^2.5.4",
     "jquery": "^3.4.1",
diff --git a/components/datalake-handler/admin/src/proxy.conf.json b/components/datalake-handler/admin/src/proxy.conf.json
deleted file mode 100644
index 1dde4e8c..00000000
--- a/components/datalake-handler/admin/src/proxy.conf.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
-  "/datalake/v1": {
-    "target": "http://10.73.242.196:1680",
-    "secure": false,
-    "logLevel": "debug",
-    "changeOrigin": true
-  }
-}
\ No newline at end of file
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 6bf83055..8cdef597 100644
--- a/components/datalake-handler/admin/src/src/app/app.module.ts
+++ b/components/datalake-handler/admin/src/src/app/app.module.ts
@@ -92,6 +92,9 @@ import { ButtonComponent } from "./shared/components/Button/button.component";
 import { ModalDirective } from "./shared/modules/modal/modal.directive";
 import { ModalDemoComponent } from "./views/test/modal-demo/modal-demo.component";
 
+// Angular SVG Icon
+import { AngularSvgIconModule } from "angular-svg-icon";
+
 @NgModule({
   declarations: [
     AppComponent,
@@ -144,7 +147,8 @@ import { ModalDemoComponent } from "./views/test/modal-demo/modal-demo.component
     }),
     FormsModule,
     NgxDatatableModule,
-    NgxSpinnerModule
+    NgxSpinnerModule,
+    AngularSvgIconModule
   ],
   providers: [AdminService, RestApiService, ToastrNotificationService],
   bootstrap: [AppComponent],
diff --git a/components/datalake-handler/admin/src/src/app/shared/modules/card/card.component.css b/components/datalake-handler/admin/src/src/app/shared/modules/card/card.component.css
index e69de29b..4b76e13c 100644
--- a/components/datalake-handler/admin/src/src/app/shared/modules/card/card.component.css
+++ b/components/datalake-handler/admin/src/src/app/shared/modules/card/card.component.css
@@ -0,0 +1,38 @@
+/*
+* ============LICENSE_START=======================================================
+* ONAP : DataLake
+* ================================================================================
+* Copyright 2019 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=========================================================
+*/
+
+.card-panel {
+  background: #FFFFFF;
+  box-shadow: 3px 3px 11px 0 #D2D3D5;
+  border-radius: 20px;
+  min-height: 220px;
+}
+
+.card-panel .title {
+  color: #5DBEBB;
+  letter-spacing: 1.79px;
+}
+
+.card-panel .infoname {
+  color: #313032;
+  font-family: "Open Sans", sans-serif;
+  font-weight: 600;
+  font-size: 16px;
+}
diff --git a/components/datalake-handler/admin/src/src/app/shared/modules/card/card.component.html b/components/datalake-handler/admin/src/src/app/shared/modules/card/card.component.html
index 0f9abc54..7081054f 100644
--- a/components/datalake-handler/admin/src/src/app/shared/modules/card/card.component.html
+++ b/components/datalake-handler/admin/src/src/app/shared/modules/card/card.component.html
@@ -1,3 +1,63 @@
-<p>
-  card works!
-</p>
+<!--
+============LICENSE_START=======================================================
+ONAP : DataLake
+================================================================================
+Copyright 2019 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=========================================================
+-->
+<div class="card-panel d-flex flex-column">
+  <div class="d-flex flex-row p-2">
+    <div class="dl-h4 title mr-auto ml-3 mt-2">{{ this.title }}</div>
+
+    <div *ngIf="this.modifiable" class="ml-auto dropdown action-icon-dropdown" data-boundary="window">
+      <a class="badge badge-light action-icon-dropdown" data-toggle="dropdown" style="cursor: pointer">
+        <i class="fas fa-ellipsis-h fa-2x dl-icon-enable"></i>
+      </a>
+      <div class="dropdown-menu action-icon-btn">
+        <button class="dropdown-item" type="button">
+          {{ 'EDIT' | translate }}
+        </button>
+        <button class="dropdown-item" type="button">
+          {{ 'DELETE' | translate }}
+        </button>
+      </div>
+    </div>
+  </div>
+
+  <div class="mt-auto align-self-center p-2">
+    <!-- show icon -->
+    <div *ngIf="this.iconPath">
+      <span [ngSwitch]="this.iconSize">
+        <span *ngSwitchCase="'sm'">
+          <svg-icon [src]="this.iconPath" [svgStyle]="{ 'width.px':80 }"></svg-icon>
+        </span>
+        <span *ngSwitchCase="'lg'">
+          <svg-icon [src]="this.iconPath" [svgStyle]="{ 'width.px':180 }"></svg-icon>
+        </span>
+        <span *ngSwitchDefault>
+          <svg-icon [src]="this.iconPath" [svgStyle]="{ 'width.px':150 }"></svg-icon>
+        </span>
+      </span>
+    </div>
+    <!-- show string -->
+    <div *ngIf="this.content" class="dl-h1">
+      {{ this.content }}
+    </div>
+  </div>
+
+  <div class="infoname align-self-center mt-auto p-2">
+    {{ this.subcontent }}
+  </div>
+</div>
diff --git a/components/datalake-handler/admin/src/src/app/shared/modules/card/card.component.ts b/components/datalake-handler/admin/src/src/app/shared/modules/card/card.component.ts
index 4e934bc8..c5f90d22 100644
--- a/components/datalake-handler/admin/src/src/app/shared/modules/card/card.component.ts
+++ b/components/datalake-handler/admin/src/src/app/shared/modules/card/card.component.ts
@@ -1,15 +1,44 @@
-import { Component, OnInit } from '@angular/core';
+/*
+ * ============LICENSE_START=======================================================
+ * ONAP : DataLake
+ * ================================================================================
+ * Copyright 2019 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 } from "@angular/core";
 
 @Component({
-  selector: 'app-card',
-  templateUrl: './card.component.html',
-  styleUrls: ['./card.component.css']
+  selector: "app-card",
+  templateUrl: "./card.component.html",
+  styleUrls: ["./card.component.css"]
 })
 export class CardComponent implements OnInit {
+  @Input() title: string;
+  @Input() iconPath: string;
+  @Input() content: string;
+  @Input() subcontent: string;
+  @Input() modifiable: boolean;
+  @Input() iconSize: string[] = ["sm", "md", "lg"];
 
-  constructor() { }
-
-  ngOnInit() {
-  }
+  constructor() {}
 
+  ngOnInit() {}
 }
diff --git a/components/datalake-handler/admin/src/src/app/views/test/test.component.html b/components/datalake-handler/admin/src/src/app/views/test/test.component.html
index 7b58bd76..6f077f60 100644
--- a/components/datalake-handler/admin/src/src/app/views/test/test.component.html
+++ b/components/datalake-handler/admin/src/src/app/views/test/test.component.html
@@ -2,8 +2,16 @@
   <h3>Test module is used for some public business modules sample</h3>
   <div>
     <p>Module 1 -----> card</p>
-    <app-card></app-card>
-
+    <app-card [iconPath]="this.cardIconPath" [iconSize]="'md'" [subcontent]="this.cardSubcontent"
+      [modifiable]="this.cardModifiable">
+    </app-card>
+    <br>
+    <app-card [title]="this.cardTitle" [content]="this.cardContent">
+    </app-card>
+    <br>
+    <app-card [iconPath]="this.cardAddicon" [iconSize]="'sm'">
+    </app-card>
+    <br>
   </div>
   <div>
     <p>Module 2 -----> modal</p>
@@ -38,4 +46,10 @@
     <app-button [text]="'plus'" [style]="'inlineicon'" [color]="'dark'"></app-button>
     <app-button [text]="'trash'" [style]="'icon'" [color]="'light'" (click)="buttonAction('trash')"></app-button>
   </div>
+
+  <div>
+    <p>components----icons</p>
+    <svg-icon src="assets/icons/couchbase_able.svg" [svgStyle]="{ 'width.px':100 }">
+    </svg-icon>
+  </div>
 </div>
diff --git a/components/datalake-handler/admin/src/src/app/views/test/test.component.ts b/components/datalake-handler/admin/src/src/app/views/test/test.component.ts
index a04220ff..97866123 100644
--- a/components/datalake-handler/admin/src/src/app/views/test/test.component.ts
+++ b/components/datalake-handler/admin/src/src/app/views/test/test.component.ts
@@ -22,6 +22,15 @@ export class TestComponent implements OnInit {
   topic: Topic;
   // Modal example end
 
+  // Card example
+  cardTitle: string;
+  cardIconPath: string;
+  cardContent: string;
+  cardSubcontent: string;
+  cardModifiable: boolean;
+  cardAddicon: string;
+  // Card example end
+
   constructor(
     private notificationService: ToastrNotificationService,
     // Modal example
@@ -85,6 +94,18 @@ export class TestComponent implements OnInit {
     this.topic.messageIdPath = "";
     this.topic.type = false;
     // Modal example end
+
+    // Card example
+    this.cardTitle = "Topics";
+    // Display content as string
+    this.cardContent = "1234";
+    // or display content as svg-icons(path)
+    this.cardIconPath = "assets/icons/couchbase_able.svg";
+    this.cardSubcontent = "QCT-Kafka";
+    this.cardModifiable = true;
+
+    this.cardAddicon = "assets/icons/add.svg";
+    // Card example end
   }
 
   buttonAction(string: string = "") {
diff --git a/components/datalake-handler/admin/src/src/assets/icons/add.svg b/components/datalake-handler/admin/src/src/assets/icons/add.svg
new file mode 100644
index 00000000..d38e3dc1
--- /dev/null
+++ b/components/datalake-handler/admin/src/src/assets/icons/add.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>

+<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->

+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"

+	 viewBox="-174 52.4 491.9 491.9" style="enable-background:new -174 52.4 491.9 491.9;" xml:space="preserve">

+<style type="text/css">

+	.st0{fill:#5DBEBB;}

+</style>

+<g>

+	<g>

+		<path class="st0" d="M291.2,264H106.2V79.1c0-8.4-11.4-26.7-34.3-26.7S37.6,70.7,37.6,79.1V264h-184.9c-8.4,0-26.7,11.4-26.7,34.3

+			c0,22.9,18.3,34.3,26.7,34.3H37.6v184.9c0,8.4,11.4,26.7,34.3,26.7s34.3-18.3,34.3-26.7V332.7h184.9c8.4,0,26.7-11.4,26.7-34.3

+			S299.6,264,291.2,264z"/>

+	</g>

+</g>

+</svg>

diff --git a/components/datalake-handler/admin/src/src/assets/icons/couchbase_able.svg b/components/datalake-handler/admin/src/src/assets/icons/couchbase_able.svg
new file mode 100755
index 00000000..92a0a4e6
--- /dev/null
+++ b/components/datalake-handler/admin/src/src/assets/icons/couchbase_able.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>

+<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->

+<svg version="1.1" id="圖層_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"

+	 viewBox="-408 285.3 25 25" style="enable-background:new -408 285.3 25 25;" xml:space="preserve">

+<style type="text/css">

+	.st0{fill:#5DBEBB;}

+</style>

+<path class="st0" d="M-395.5,285.3c-6.9,0-12.5,5.6-12.5,12.5s5.6,12.5,12.5,12.5s12.5-5.6,12.5-12.5S-388.6,285.3-395.5,285.3z

+	 M-387.1,300c0,0.8-0.4,1.4-1.3,1.6c-1.5,0.3-4.6,0.4-7.2,0.4s-5.7-0.2-7.2-0.4c-0.8-0.2-1.3-0.8-1.3-1.6v-4.9

+	c0-0.8,0.6-1.5,1.3-1.6c0.4-0.1,1.5-0.2,2.2-0.2c0.3,0,0.5,0.2,0.5,0.6v3.4l4.4-0.1l4.4,0.1v-3.4c0-0.4,0.2-0.6,0.5-0.6

+	c0.8,0,1.8,0.1,2.2,0.2c0.7,0.1,1.3,0.8,1.3,1.6C-387.1,296.7-387.1,298.3-387.1,300L-387.1,300z"/>

+</svg>

diff --git a/components/datalake-handler/admin/src/src/assets/icons/couchbase_disable.svg b/components/datalake-handler/admin/src/src/assets/icons/couchbase_disable.svg
new file mode 100755
index 00000000..3219ca98
--- /dev/null
+++ b/components/datalake-handler/admin/src/src/assets/icons/couchbase_disable.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>

+<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->

+<svg version="1.1" id="圖層_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"

+	 viewBox="-408 285.3 25 25" style="enable-background:new -408 285.3 25 25;" xml:space="preserve">

+<style type="text/css">

+	.st0{fill:#D2D3D5;}

+</style>

+<path class="st0" d="M-395.5,285.3c-6.9,0-12.5,5.6-12.5,12.5s5.6,12.5,12.5,12.5s12.5-5.6,12.5-12.5S-388.6,285.3-395.5,285.3z

+	 M-387.1,300c0,0.8-0.4,1.4-1.3,1.6c-1.5,0.3-4.6,0.4-7.2,0.4s-5.7-0.2-7.2-0.4c-0.8-0.2-1.3-0.8-1.3-1.6v-4.9

+	c0-0.8,0.6-1.5,1.3-1.6c0.4-0.1,1.5-0.2,2.2-0.2c0.3,0,0.5,0.2,0.5,0.6v3.4l4.4-0.1l4.4,0.1v-3.4c0-0.4,0.2-0.6,0.5-0.6

+	c0.8,0,1.8,0.1,2.2,0.2c0.7,0.1,1.3,0.8,1.3,1.6C-387.1,296.7-387.1,298.3-387.1,300L-387.1,300z"/>

+</svg>

diff --git a/components/datalake-handler/admin/src/src/assets/icons/druid_able.svg b/components/datalake-handler/admin/src/src/assets/icons/druid_able.svg
new file mode 100755
index 00000000..bac3794c
--- /dev/null
+++ b/components/datalake-handler/admin/src/src/assets/icons/druid_able.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>

+<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->

+<svg version="1.1" id="圖層_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"

+	 viewBox="-403 285.3 34 25" style="enable-background:new -403 285.3 34 25;" xml:space="preserve">

+<style type="text/css">

+	.st0{fill:#5DBEBB;}

+</style>

+<g>

+	<path class="st0" d="M-385.5,285.3c2.2,0,4.3,0,6.5,0c4.2,0,8,2.7,9.4,6.6c0.6,1.7,0.8,3.4,0.6,5.2c-0.3,2.6-1,5-2.5,7.2

+		c-2.3,3.4-5.5,5.2-9.5,5.8c-1.4,0.2-2.7,0.2-4.1,0.2c-0.6,0-0.9-0.3-0.9-0.7c0-0.5,0.3-0.9,0.8-0.9c0.6,0,1.2,0,1.9,0

+		c3.7-0.1,7-1.4,9.6-4.2c1.8-1.9,2.7-4.3,3-6.9c0.2-1.8,0.2-3.6-0.5-5.3c-1.1-2.6-3.1-4.2-5.8-5c-1.1-0.3-2.1-0.3-3.2-0.4

+		c-4,0-8.1,0-12.1,0c-0.2,0-0.3,0-0.5,0c-0.4,0-0.7-0.4-0.7-0.8s0.3-0.7,0.6-0.8c0.2,0,0.4,0,0.6,0L-385.5,285.3L-385.5,285.3z"/>

+	<path class="st0" d="M-389.7,304.6h-7.2c-0.2,0-0.3,0-0.5,0c-0.4-0.1-0.7-0.3-0.7-0.7c0-0.4,0.2-0.7,0.6-0.9

+		c0.2-0.1,0.5-0.1,0.8-0.1c4.7,0,9.5,0,14.2,0c1.7,0,3.1-0.6,4.2-1.8c1-1,1.5-2.3,1.6-3.7c0.1-1.1,0-2.1-0.7-3.1

+		c-0.8-1-1.8-1.5-3.1-1.5c-4.5,0-9,0-13.5,0c-0.5,0-1,0-1.4-0.1c-0.4,0-0.6-0.3-0.7-0.7c0-0.5,0.2-0.8,0.6-0.9c0.1,0,0.3,0,0.4,0

+		h14.4c2.4,0,4.5,1.5,5.3,3.8c0.5,1.6,0.4,3.3-0.3,4.8c-1.2,3-3.9,4.9-7.2,4.9C-385,304.6-387.3,304.6-389.7,304.6L-389.7,304.6z

+		 M-400.4,292.6c-0.6,0-1.1,0-1.7,0c-0.5,0-0.8-0.3-0.9-0.7s0.2-0.8,0.7-0.9c0.3,0,0.5-0.1,0.8-0.1c0.8,0,1.5,0,2.3,0

+		c0.2,0,0.5,0,0.7,0.1c0.4,0.1,0.6,0.5,0.6,0.9s-0.3,0.7-0.7,0.7C-399.2,292.7-399.8,292.6-400.4,292.6L-400.4,292.6z M-390.3,310.3

+		c-0.5,0-1,0-1.6,0c-0.5,0-0.8-0.3-0.9-0.7c0-0.5,0.3-0.9,0.7-0.9c1.1-0.1,2.2-0.1,3.4,0c0.4,0,0.8,0.4,0.7,0.8l0,0

+		c0,0.5-0.4,0.7-0.9,0.8L-390.3,310.3L-390.3,310.3z"/>

+</g>

+</svg>

diff --git a/components/datalake-handler/admin/src/src/assets/icons/druid_disable.svg b/components/datalake-handler/admin/src/src/assets/icons/druid_disable.svg
new file mode 100755
index 00000000..667d52cb
--- /dev/null
+++ b/components/datalake-handler/admin/src/src/assets/icons/druid_disable.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>

+<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->

+<svg version="1.1" id="圖層_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"

+	 viewBox="-403 285.3 34 25" style="enable-background:new -403 285.3 34 25;" xml:space="preserve">

+<style type="text/css">

+	.st0{fill:#D2D3D5;}

+</style>

+<g>

+	<path class="st0" d="M-385.5,285.3c2.2,0,4.3,0,6.5,0c4.2,0,8,2.7,9.4,6.6c0.6,1.7,0.8,3.4,0.6,5.2c-0.3,2.6-1,5-2.5,7.2

+		c-2.3,3.4-5.5,5.2-9.5,5.8c-1.4,0.2-2.7,0.2-4.1,0.2c-0.6,0-0.9-0.3-0.9-0.7c0-0.5,0.3-0.9,0.8-0.9c0.6,0,1.2,0,1.9,0

+		c3.7-0.1,7-1.4,9.6-4.2c1.8-1.9,2.7-4.3,3-6.9c0.2-1.8,0.2-3.6-0.5-5.3c-1.1-2.6-3.1-4.2-5.8-5c-1.1-0.3-2.1-0.3-3.2-0.4

+		c-4,0-8.1,0-12.1,0c-0.2,0-0.3,0-0.5,0c-0.4,0-0.7-0.4-0.7-0.8s0.3-0.7,0.6-0.8c0.2,0,0.4,0,0.6,0L-385.5,285.3L-385.5,285.3z"/>

+	<path class="st0" d="M-389.7,304.6h-7.2c-0.2,0-0.3,0-0.5,0c-0.4-0.1-0.7-0.3-0.7-0.7c0-0.4,0.2-0.7,0.6-0.9

+		c0.2-0.1,0.5-0.1,0.8-0.1c4.7,0,9.5,0,14.2,0c1.7,0,3.1-0.6,4.2-1.8c1-1,1.5-2.3,1.6-3.7c0.1-1.1,0-2.1-0.7-3.1

+		c-0.8-1-1.8-1.5-3.1-1.5c-4.5,0-9,0-13.5,0c-0.5,0-1,0-1.4-0.1c-0.4,0-0.6-0.3-0.7-0.7c0-0.5,0.2-0.8,0.6-0.9c0.1,0,0.3,0,0.4,0

+		h14.4c2.4,0,4.5,1.5,5.3,3.8c0.5,1.6,0.4,3.3-0.3,4.8c-1.2,3-3.9,4.9-7.2,4.9C-385,304.6-387.3,304.6-389.7,304.6L-389.7,304.6z

+		 M-400.4,292.6c-0.6,0-1.1,0-1.7,0c-0.5,0-0.8-0.3-0.9-0.7s0.2-0.8,0.7-0.9c0.3,0,0.5-0.1,0.8-0.1c0.8,0,1.5,0,2.3,0

+		c0.2,0,0.5,0,0.7,0.1c0.4,0.1,0.6,0.5,0.6,0.9s-0.3,0.7-0.7,0.7C-399.2,292.7-399.8,292.6-400.4,292.6L-400.4,292.6z M-390.3,310.3

+		c-0.5,0-1,0-1.6,0c-0.5,0-0.8-0.3-0.9-0.7c0-0.5,0.3-0.9,0.7-0.9c1.1-0.1,2.2-0.1,3.4,0c0.4,0,0.8,0.4,0.7,0.8l0,0

+		c0,0.5-0.4,0.7-0.9,0.8L-390.3,310.3L-390.3,310.3z"/>

+</g>

+</svg>

diff --git a/components/datalake-handler/admin/src/src/assets/icons/elasticsearch_able.svg b/components/datalake-handler/admin/src/src/assets/icons/elasticsearch_able.svg
new file mode 100755
index 00000000..36dececc
--- /dev/null
+++ b/components/datalake-handler/admin/src/src/assets/icons/elasticsearch_able.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>

+<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->

+<svg version="1.1" id="圖層_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"

+	 viewBox="2066.4 284.8 25.1 25" style="enable-background:new 2066.4 284.8 25.1 25;" xml:space="preserve">

+<style type="text/css">

+	.st0{fill:#FFFFFF;}

+	.st1{fill:#5DBEBB;}

+</style>

+<g>

+	<path class="st0" d="M2091.6,297.9c0-2.1-1.3-3.9-3.3-4.7c0.1-0.4,0.1-0.9,0.1-1.4c0-3.9-3.2-7.1-7.1-7.1c-2.3,0-4.4,1.1-5.7,3

+		c-0.7-0.5-1.5-0.8-2.3-0.8c-2.1,0-3.8,1.7-3.8,3.8c0,0.5,0.1,0.9,0.2,1.3c-2,0.7-3.3,2.6-3.3,4.7c0,2.1,1.3,4,3.3,4.7

+		c-0.1,0.4-0.1,0.9-0.1,1.4c0,3.9,3.2,7.1,7.1,7.1c2.3,0,4.4-1.1,5.7-3c0.7,0.5,1.5,0.8,2.3,0.8c2.1,0,3.8-1.7,3.8-3.8

+		c0-0.5-0.1-0.9-0.2-1.3C2090.2,301.8,2091.6,300,2091.6,297.9L2091.6,297.9z"/>

+	<path class="st1" d="M2076.3,295.5l5.6,2.6l5.7-5c0.1-0.4,0.1-0.8,0.1-1.3c0-3.5-2.8-6.3-6.3-6.3c-2.1,0-4,1-5.2,2.7l-0.9,4.9

+		L2076.3,295.5L2076.3,295.5z"/>

+	<path class="st1" d="M2070.5,301.4c-0.1,0.4-0.1,0.8-0.1,1.3c0,3.5,2.8,6.3,6.3,6.3c2.1,0,4.1-1,5.2-2.8l0.9-4.9l-1.3-2.4l-5.6-2.6

+		L2070.5,301.4L2070.5,301.4z"/>

+	<path class="st1" d="M2070.4,291.7l3.8,0.9l0.9-4.4c-0.5-0.4-1.2-0.6-1.8-0.6c-1.7,0-3,1.4-3,3

+		C2070.2,291.1,2070.3,291.4,2070.4,291.7L2070.4,291.7z"/>

+	<path class="st1" d="M2070.1,292.7c-1.7,0.6-2.9,2.2-2.9,4c0,1.8,1.1,3.3,2.7,4l5.4-4.9l-1-2.1L2070.1,292.7L2070.1,292.7z"/>

+	<path class="st1" d="M2082.9,306.3c0.5,0.4,1.2,0.6,1.8,0.6c1.7,0,3-1.4,3-3c0-0.4-0.1-0.7-0.2-1l-3.8-0.9L2082.9,306.3

+		L2082.9,306.3z"/>

+	<path class="st1" d="M2083.7,300.9l4.2,1c1.7-0.6,2.9-2.2,2.9-4c0-1.8-1.1-3.3-2.7-4l-5.5,4.8L2083.7,300.9L2083.7,300.9z"/>

+</g>

+</svg>

diff --git a/components/datalake-handler/admin/src/src/assets/icons/elasticsearch_disable.svg b/components/datalake-handler/admin/src/src/assets/icons/elasticsearch_disable.svg
new file mode 100755
index 00000000..f5ef2b98
--- /dev/null
+++ b/components/datalake-handler/admin/src/src/assets/icons/elasticsearch_disable.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>

+<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->

+<svg version="1.1" id="圖層_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"

+	 viewBox="2066.4 284.8 25.1 25" style="enable-background:new 2066.4 284.8 25.1 25;" xml:space="preserve">

+<style type="text/css">

+	.st0{fill:#FFFFFF;}

+	.st1{fill:#D2D3D5;}

+</style>

+<g>

+	<path class="st0" d="M2091.6,297.9c0-2.1-1.3-3.9-3.3-4.7c0.1-0.4,0.1-0.9,0.1-1.4c0-3.9-3.2-7.1-7.1-7.1c-2.3,0-4.4,1.1-5.7,3

+		c-0.7-0.5-1.5-0.8-2.3-0.8c-2.1,0-3.8,1.7-3.8,3.8c0,0.5,0.1,0.9,0.2,1.3c-2,0.7-3.3,2.6-3.3,4.7c0,2.1,1.3,4,3.3,4.7

+		c-0.1,0.4-0.1,0.9-0.1,1.4c0,3.9,3.2,7.1,7.1,7.1c2.3,0,4.4-1.1,5.7-3c0.7,0.5,1.5,0.8,2.3,0.8c2.1,0,3.8-1.7,3.8-3.8

+		c0-0.5-0.1-0.9-0.2-1.3C2090.2,301.8,2091.6,300,2091.6,297.9L2091.6,297.9z"/>

+	<path class="st1" d="M2076.3,295.5l5.6,2.6l5.7-5c0.1-0.4,0.1-0.8,0.1-1.3c0-3.5-2.8-6.3-6.3-6.3c-2.1,0-4,1-5.2,2.7l-0.9,4.9

+		L2076.3,295.5L2076.3,295.5z"/>

+	<path class="st1" d="M2070.5,301.4c-0.1,0.4-0.1,0.8-0.1,1.3c0,3.5,2.8,6.3,6.3,6.3c2.1,0,4.1-1,5.2-2.8l0.9-4.9l-1.3-2.4l-5.6-2.6

+		L2070.5,301.4L2070.5,301.4z"/>

+	<path class="st1" d="M2070.4,291.7l3.8,0.9l0.9-4.4c-0.5-0.4-1.2-0.6-1.8-0.6c-1.7,0-3,1.4-3,3

+		C2070.2,291.1,2070.3,291.4,2070.4,291.7L2070.4,291.7z"/>

+	<path class="st1" d="M2070.1,292.7c-1.7,0.6-2.9,2.2-2.9,4c0,1.8,1.1,3.3,2.7,4l5.4-4.9l-1-2.1L2070.1,292.7L2070.1,292.7z"/>

+	<path class="st1" d="M2082.9,306.3c0.5,0.4,1.2,0.6,1.8,0.6c1.7,0,3-1.4,3-3c0-0.4-0.1-0.7-0.2-1l-3.8-0.9L2082.9,306.3

+		L2082.9,306.3z"/>

+	<path class="st1" d="M2083.7,300.9l4.2,1c1.7-0.6,2.9-2.2,2.9-4c0-1.8-1.1-3.3-2.7-4l-5.5,4.8L2083.7,300.9L2083.7,300.9z"/>

+</g>

+</svg>

diff --git a/components/datalake-handler/admin/src/src/assets/icons/hadoop_able.svg b/components/datalake-handler/admin/src/src/assets/icons/hadoop_able.svg
new file mode 100755
index 00000000..e48a60f1
--- /dev/null
+++ b/components/datalake-handler/admin/src/src/assets/icons/hadoop_able.svg
@@ -0,0 +1,148 @@
+<?xml version="1.0" encoding="utf-8"?>

+<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->

+<svg version="1.1" id="圖層_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"

+	 viewBox="290 -397 2500 1875" style="enable-background:new 290 -397 2500 1875;" xml:space="preserve">

+<style type="text/css">

+	.st0{fill:#5DBEBB;}

+	.st1{fill:#AEDEDD;}

+	.st2{fill:#53ABA8;}

+	.st3{fill:#4A9895;}

+</style>

+<g>

+	<path class="st0" d="M1212.6,19L1047,45.9l-151.1,66.2l-128.3,80.7l-122.1,149l-69,73.1l-66.7,24.6l-17.6-43.1l30.8-44.5l6.9-62.8

+		l20.7,0.8l22.6,20.6l-6.1-64l-25-16.8l0.8-24.4l-59.3,33.5l-53.7,63.3l-11.3,56.7l23,45.3l21.4,77l43.5,20.6l45.8-2.2l43.4-25.2

+		l-29,146.9l29,163.5l-31.9,75.5L459.4,972.8L478,1040l49.5,77.9l93.3,65.7l49.5,6.8l55,1.9L691,1333.2l126.2,51.7l157.3,20.7

+		l53.8-35.2l4.1-95.2l60-99.3l4.1-78.6l144.9,10.4l134.5-12.4l-134.5,80.7l22.8,97.3l84.8,132.5l82.8,35.2l66.2-26.9l26.9-53.8

+		l138.7-105.5l26.9,22.8l217.3,8.3l43.5-35.2l4.1-62.1l-14.5-26.9l-10.4-167.6l-72.4-144.9l12.4-64.2l43.5,22.8l122.1,113.8l60,4.2

+		l66.2-26.9l66.2-49.7l33.1-107.6l194.6,12.4l118-45.5l95.2-89l68.3-128.3l16.5-151.1l-14.5-175.9l-37-157.6l-37.3-49.7l-51.7-16.6

+		l-91.1,99.4l-82.8,29l-72.4-120l-72.4-66.2l-39.3-24.8l-157.3-130.4L1972.2-341L1846-351.3l-146.9,24.8l-128.5,47.4l-89,72.4

+		l-70.4,84.9l-72.4,20.7L1212.6,19"/>

+	<path class="st1" d="M732.3,392.5c-141.8,165.4-110.3,366-71,562.6c-21-53-42-106-62.9-159l-23.2-145.8

+		c2.2-49.7,4.4-99.4,6.6-149.1l59.6-142.4l89.4-132.5l139.1-115.9l152.4-62.9l178.9-23.2l-165.6,188.8

+		C902.6,256.2,824.2,285.3,732.3,392.5"/>

+	<path class="st1" d="M1400-111.5c-98.6,96.2-152.4,168.8-215.2,281.4c-44.9,80.6-95.2,158.2-142.4,237.6

+		c-23.9,40.2-26.1,73.9-33.3,120.3L939.6,445c11.1-33.1,22.1-66.2,33.1-99.4l112.6-202.1l238.5-235.2

+		C1349.2-98.3,1374.6-104.9,1400-111.5 M1886.9-350c-79,29.6-210.1,39.4-219.2,130c-6.5,64.4,4.9,96.7,43.7,164.8

+		c-95.8-99.2-119.5-83.8-304.7-53l79.5-112.6l139.1-86.1l178.9-39.7L1886.9-350"/>

+	<path class="st2" d="M2104.8,876c26.3,16.2,25.7,28,21.3,39.1c20.7-8.3,41.5-16.6,62.2-24.9l40.3-54.1l30-77.1l-38.2-28.7

+		l-167.1,21.3c-4.1,11.2-8.3,22.5-12.4,33.8c1.2,16,2.4,32,3.6,48c5.3,9.5,10.7,19,16,28.4c8.3,4.1,16.6,8.3,24.9,12.4

+		C2091.8,874.8,2098.3,875.4,2104.8,876 M2089.3,590.3c-83.8,24.2-83.1,30.8-107.8,113.9C2014.1,651.8,2038.3,625.4,2089.3,590.3

+		 M2646.1-31.5c-14.9,6.9-29.4,10.2-38.7,23.8c-20,29.3-37.2,54-70.3,74.6c-16.7,10.4-33.9,17.1-51.6,22.6

+		c-14.7,4.6-23.5,0.5-36,9.5c7.4,1.3,14.8,2.6,22.2,3.9h49l60.4-37.3l35.5-37.3L2646.1-31.5 M1312,154.3

+		c-32.9,90.2-61.7,167.5-111.6,249.1c63.9-68.9,102.7-127.5,139.4-205.4c14.2-30.3,16.9-65.8,56.6-52.6c1.8,30.2,8.2,60.4,9.9,90.6

+		c21.4-153.5,81.8-217.7,222.2-277.3L1509.4-27l-112,24.9l-55.1,80L1312,154.3 M1584,150.8c30.3,142.5,73.9,279.2,92.8,424

+		c12.3,94.1,13.6,139.2-33.7,220.4c-51.7-3.3-83.8,2.5-133.9,18.9c-199.2,65.3-313.4,161.3-447.6-32.1l128.5,60.6

+		c30.5-6,61.1-12,91.6-18c53.9-31.4,107.8-62.8,161.8-94.2l126.2-24.9l40.9-170.6L1580.5,309c-1.2-35.5-2.4-71.1-3.6-106.6

+		C1579.3,185.2,1581.7,168,1584,150.8 M1927.1,1032.4c-16.7,115.8,38.5,178,15.6,210c-6.5,9-15.3,24.8-25,29.2

+		c-35,15.5-83.1-2.9-86.6,6.2h-115.5l-46.2-19.6l71.1-83.5c23.1-50.4,46.2-100.7,69.3-151.1l44.4-152.9h23.1L1927.1,1032.4"/>

+	<path class="st2" d="M1732.9,695.9c9.4,52.6,25.7,65,50.4,115.9c-16.5,83-42.9,181.7-74.7,255c-13.4,30.9-24.2,47.9-47.9,71.8

+		c-39.9,40.3-80.3,75.4-125.6,110.4c-32.6,25.1-55.4,12.5-95.6,6.8c-17.1,31-21.8,48.2-53.3,64c-48.4,24.2-91.7-28-129.8-58.7

+		c27.4,42.9,54.9,85.7,82.3,128.6c19,17.8,37.9,35.5,56.9,53.3l48,7.1l64-39.1c11.3-21.3,22.5-42.7,33.8-64

+		c23.7-17.8,47.4-35.5,71.1-53.3c29-24.9,58.1-49.8,87.1-74.6l55.1-78.2l49.8-92.4c21.3-64,42.7-128,64-192

+		c1.8-24.3,3.5-48.6,5.3-72.9c-26.7-11.8-53.3-23.7-80-35.5C1774.2,729.7,1752.4,714.3,1732.9,695.9 M1095.2,1066.2

+		c89.7,0,184.5-5,266.6-42.7c23.2-34.9,46.2-63.4,74.6-94.2c-25.9,48.9-34,76.5-40.9,131.5l-26.7,39.1

+		c-67.5,1.8-135.1,3.5-202.6,5.3c-21.9-2.4-43.8-4.7-65.8-7.1c-2.4-2.4-4.7-4.8-7.1-7.1C1094,1082.8,1094.6,1074.5,1095.2,1066.2

+		 M1082.8,1004l-7-63.1c-15.3,92.3-11.6,154.1-54.1,236.7c-31.7,36.7-70.8,70.2-115.5,88.1c3.8,22.7,4.9,36.8,2.7,53.4

+		c-7.9,59.8-127.4,33.4-176.6,31L969,1411l53.3-21.3c5.9-34.4,11.9-68.7,17.8-103.1l49.8-92.4l8.9-56.9L1082.8,1004 M949.4,483.2

+		c-2.5,44.9-5.4,63.6,14.4,103.2c25.1,50.4,56,97.7,83.3,147.4l8.9-99.5C1020.6,583.9,985,533.5,949.4,483.2 M584.6,822

+		c-7.7,16.4-15.4,32.8-23.1,49.1c21.2,71.3,40,116.5,80.3,178.8c-7,25.2-12.3,36.3-28.4,56.9c-35.5-5.4-67-7-103-6.9

+		c39.7,30.8,79.4,61.6,119.1,92.4c19.6-3.6,39.1-7.1,58.7-10.7l58.7-58.7l-83.5-129.8C637,936.2,610.8,879.1,584.6,822 M2646.4-55.1

+		c24.2,108.8,55.4,209.1,52.5,320.5c-3.6,136.7-30.2,309.3-156.8,391.7c-141.8,92.3-308.3,48.6-463.9,9.1l190.2,78.2

+		c59.2,3,118.5,5.9,177.8,8.9c40.3-11.8,80.6-23.7,120.9-35.5c31.4-26.1,62.8-52.1,94.2-78.2l71.1-149.3l26.7-172.4

+		c-7.1-56.3-14.2-112.6-21.3-168.9l-39.1-167.1C2681.1-30.4,2663.8-42.8,2646.4-55.1 M530,269.1c-64.4,41.9-89.7,60.3-82.6,138

+		l19.2,69.8l27.3,18.5l33.7,11.2l61-14.4c10.4-32.4,20.9-64.7,31.3-97.1l-86.6,42.5h-20c-7.5-11.5-15-23-22.5-34.5l27.3-40.1

+		l14.4-76.2c6.2,1.9,12.3,3.8,18.4,5.6c7.5,5.9,15,11.8,22.5,17.6l-3.2-40.1L555,244.2c-5.1-4.3-10.2-8.6-15.2-12.8L530,269.1

+		 M1974.4-342.9c57.1,53.1,127.3,99.2,173,164c17.7,25.1,37.3,37.9-0.3,73.4c39.8-11.4,54.5-10.1,86.4-6.3

+		c57.9,7,112.2,89.3,115.6,148.3c-0.7,5.5-16.1,18-60.9,30.4c-0.9,1.7-25.3-3.3-24.7-1.7c4.7,12.7,10.9,14.7,20.4,20.6

+		c2.1,14.2,3.4,36,13,51.5c28.2-0.5,55.7,2.6,83.3,8c9.3,15.4,7.9,30.8,7.1,46.2l32-5.3c-2.9-24.3-5.9-48.6-8.9-72.9

+		c9.5-16,18.9-32,28.4-48L2398.1-27c-26.1-24.9-52.1-49.8-78.2-74.7l-7.5-0.4c-29.3-18-58.6-36-88-54l-143.5-117.4L1974.4-342.9

+		 M2070.7,95.1c-3,5.3-7.6,13.7-13.4,19.5c23.8,22.5,35.5,37.6,44,69.4c-26.9,13.3-53.8,26.7-80.7,40.1l-68.3,65.5

+		c-30-16.1-37.4-28.5-51.9-59.3c-16.9,4.5-32.9,8.8-46.8,3.7c8.8,0.1,14.3-2.1,23.1-7.6l43.5-45.1c25.6-19.4,51.2-38.8,76.8-58.1

+		l50.2-16.4C2053.5,104.1,2064.3,97.7,2070.7,95.1"/>

+	<path class="st2" d="M2145,175.3c-85.6,46.1-167.6,92.4-211.3,180C1933.6,244.2,2045.2,195.3,2145,175.3 M1916.6-43.2

+		c-63.6,43.3-108.5,130.8-102.9,216C1793,99,1800.3,29.3,1863.9-21.7c10.7-5.2,21.5-10.4,32.2-15.6

+		C1903-39.3,1909.8-41.2,1916.6-43.2"/>

+	<path class="st3" d="M2772,158c-11.5-72.7-30.6-143.2-57.2-194c-3.2-6.2-8.1-12.5-14.2-18.5c-13.2-13-32.7-25.3-52.8-32.2

+		c-21.3-7.3-43.9-8.8-61.7,0.5c-4.6,2.4-9,5.6-12.8,9.5c-11.6,11.7-21.3,26-31.1,40.2c-10.9,15.9-21.8,31.9-34.9,43

+		c-15.2,13-34.1,20.8-52,28c-7.5-18.3-16.6-35.9-27.1-52.6c-12.2-19.5-26.2-37.8-41.5-56.1c-11.2-13.5-23.9-25.6-37.9-36.2

+		c-13.2-10.1-26.8-18.6-42.5-28.4c-42.3-26.5-78.2-58-114.9-90.2c-16.7-14.6-33.5-29.4-50-43c-87.4-72.1-168.9-107-256.1-112.5

+		c-86.6-5.4-178,18.3-286,63.8c-52.1,21.9-90.8,47.8-124.5,79c-32.2,29.8-59.5,64.1-89.6,104.1c-17.5,1.2-33,3.8-48.8,10.2

+		c-17.4,7-35,18.3-56,36.8c-14.6,12.9-29,26.1-43,39.7c-12.8,12.5-25.5,25.1-37.8,38.1c-98.3,15.8-178.4,33.2-250.1,61

+		c-73.3,28.4-138,67.5-204.4,126.4c-26.1,23.1-50,48.7-71.2,76.4c-20.2,26.5-37.5,54.3-52.6,83.6c-13.3,14.7-26.6,29.5-41,42.5

+		c-14,12.6-29,23.3-45.8,29.8l0,0c-9.8,3.8-13.8,6-14.2,5.8c-0.5-0.3-0.8-1.7-1.4-4.4c24.1-23,27.9-56.8,30.1-90.3

+		c2.9,3.5,5.7,7.7,8.5,12.2c3.2,4.9,6.4,10,10.4,14.9l16.4,20.6L590,340c4.8-21.6,8.4-50.3,2.8-75.2c-3.6-16.2-11.1-30.6-24.2-40.8

+		c1.2-3.3,2.4-6.3,3.6-9.2c4.1-10.5,8.3-21.3,11.9-31.4l7.1-20.2l-21.1,3.7c-28.1,4.9-88.4,38-130.9,82.1

+		c-15.8,16.4-29.3,34.5-38.2,53.5c-9.3,19.8-13.4,40.4-9.8,61.1c3.1,18.1,12.2,35.8,28.6,52.6c3,12.1,5.8,22.6,8.7,32

+		c3.4,10.8,7,20.4,11.6,29.8c12.4,25.7,32.1,41.4,54.9,48.7c18.3,5.9,38.6,6.2,58.5,1.8c-4,23.7-6.5,47.6-7.3,71.6

+		c-1.3,33.5,0,70.6,3.7,113.6c0.8,9.4,2,19.8,3.6,31.1c1.4,9.6,3,19.1,4.7,28.5c-3.7,10.1-7.5,20.3-11.2,30.4l-17.4,47.2l-38.2,37.8

+		c-11.9,11.7-23.8,23.5-35.6,35.3c-1,1-5,4.8-8.6,8.3c-24.1,23.2-28.8,27.8-22,68.5c4.4,26.1,12.9,51.3,25.2,74.7

+		c11.8,22.5,27.7,44.4,48,64.8c25.4,25.4,67,57.1,110.6,73.6c24.9,9.5,50.6,14.1,74.7,10.2c-1.2,3.7-2.4,7.4-3.8,11.1

+		c-3.8,10.6-8,21-12.7,31.2c-29.6,64.8,0.8,98.6,48,120.2c23.6,10.7,51.6,18,77.7,24.8c5.3,1.4,10.7,2.8,17.4,4.6

+		c30.9,8.3,84.2,23.7,132.9,26.7c53.2,3.4,101.1-7.6,114-55.3c5.1-18.9,8-33.4,9.2-47.6c1.1-13.2,0.7-26.5-0.9-42.9

+		c15.2-33.6,21.6-43,32.7-59.2c2.2-3.2,4.8-7,5.6-8.2c11.9-17.6,17.5-30.1,19.5-44.2c2-13.6,0.3-27.1-2.2-47.8

+		c-0.2-2-0.6-4.8-1.1-8.6c30.6,4,61.4,6.1,92.3,6.3c15.5,0.1,31-0.4,46.4-1.2c-4,2-7.8,4-12.1,6.2l-5.8,3

+		c-41.1,21.1-42.8,61.1-29.9,102.2c11.6,37.1,35.4,75,50.4,98c31.4,48.5,61.5,89.5,97.8,111.8c38.1,23.4,81.7,26.1,137.9-4.3

+		c28.6-15.5,37.6-31.3,49.8-52.6c3.7-6.5,7.8-13.6,12.4-20.6c11.8-7.8,41.2-32.1,70.1-56c9.8-8.1,19.7-16.2,30.7-25.2

+		c7.6,5.6,16.9,9.5,28,12.2c14.5,3.5,31.7,5,52.4,6.5c15.5,1.1,65.9,1.1,98.4,1.1c10.1,0,18.4,0,23.4,0c33.6,0.2,60.8-1.6,81.3-13.2

+		c21.9-12.4,34.8-34.3,37.6-73.7c1.2-17.5,1.5-28.3-1-39.3c-2.3-10.3-6.7-19.7-14.3-33.3c-0.5-17-0.9-34-1.4-51

+		c-0.5-18-1-36.1-1.4-54.1c-0.6-21.3-2.9-38.6-7.2-55.6c-4.3-16.9-10.4-33.1-18.6-52.6c-5.1-12.3-9.9-24.7-14.4-37.2l-11.8,4.3

+		l1.8-0.7l10-3.7l0,0c-7-19-14-37.4-23.7-57.2c0.6-3.8,1.3-7.9,1.9-12.3l18.7,18.1l27.6,26.6c21.1,20.3,40.3,38.8,63,52.1

+		c23.4,13.8,49.7,21.8,83.8,20.2c35.7-1.7,73.9-16.7,105.3-39.9c30.4-22.5,54.8-52.7,65-86.2l8.8-29.1l7.1-23.2

+		c50,8.5,103.7,11.2,155.6,5.8c50.1-5.3,98.4-18,140.1-40.3c61.3-32.7,107.3-80.9,140.3-138.1l0,0c36.9-63.9,57.6-139.3,65.4-216.8

+		C2788.4,324.1,2784.9,239.5,2772,158L2772,158z M2123.7,680.7c-28.8-9.7-48.9-23.9-74.2-39.8c6.9,31.1,10,64,0.8,95

+		c-14.6,49.2-38.1,129.8,28.7,144.6c25.4,5.6,37,4.8,72.9-13.7c-29.1,6.6-43.7,5-63.7,1.3c-18.1-3.3-27.7-14.8-32.8-28.4

+		c6.3,4.6,16.6,7,34.3,11.3c49.6,12,96.8-11.9,106-46.3c5.4-20.1,4.5-30.6,15.9-58c10.3,3.2,20.8,6.1,31.7,8.7l-18.4,60

+		c-15.9,52-78,93.8-132.8,92.9c-50.6-0.9-82.8-32.6-117.7-63.7c-24.1-21.4-47.3-41.9-70.2-62.3c-63-19.9-113.6-43.1-172.1-86.4

+		c41.6,48.9,69.9,76,127.9,100.4c-8.4,86.1-38.4,148.9-63.9,231.4c-11.6,37.3-102.7,186.6-128,201.2c-18,10.4-130.9,105.4-152.1,118

+		c-15.8,21-29.7,50-53.5,62.6c-72.4,38.3-119-35-158-97c-17.7-28.2-67-109.5-24.1-132.3c40.6-21.5,63.4-36.9,104.8-64.1

+		c6.1,11.1,16.5,21.8,23.3,32.9l-4.5-36.4c-2.7-22-2.6-39.8-0.9-61.9c1.7-21.4,3.4-42.8,5.1-64.2c-6.2,21.8-18.7,43.5-24.9,65.3

+		c-2.5,8.7-4.6,15.7-5.7,22.3c-93,19-185.3,20.2-278.4,3.6c-5.9-34.4-13.2-70.3-19.2-96.1c-1.8,28.8-0.7,108.5-0.8,153.1

+		c-0.1,34.6-1.6,46.4-19.4,75.8c-16.7,27.5-23.7,33.8-47.1,80.3c2,29.3,2,48.7-5.8,76.6c-13,46.3-143.8,10.4-178.2,1

+		c-42.5-11.6-130.3-28.9-108.2-85.5c19.4-49.8,31.8-102.4,41.3-172.1C684,998.7,611.6,845,597.7,708.8

+		c-10.8-105.7-4.3-170.8,18.6-235.4c36.2-102.5,87-191.2,168.3-262.6c109.8-96.3,212.4-135,373-159.5c-38.6,43.3-76.9,89-118.5,138

+		c-42.2,49.6-67.2,99.8-94,154.1c-37,75-36.2,103.5,12.8,169.4c42.3,56.7,65.1,82.3,83.5,137.8c-15.2,31.4-20.8,58-25.9,100.8

+		c51.7,56.6,90.2,95.3,140.4,107.3c49.3,11.7,90.4,9.5,134.5-13.1c97.9-50.1,188.5-114.7,299-117.4

+		c51.1-125.6,45.9-230.6,21.4-352.2c-16.8-83-23.5-161.6-28.7-246.2c-20.7,87.2-24.6,163.8-9.2,250.6

+		c18.5,104.6,32.9,220.2-18.6,312.2c-99.9,7.6-185.5,68.4-275.5,115c-36.2,18.8-73.9,20.6-113.9,9.6c-37.2-10.2-62.3-34.8-102.3-81

+		c-0.6-46.4,9.8-67.8,31.1-109.8c34.2-67.5,72-130.2,113.4-196.6c-50.7,61.3-98.8,112.4-138.8,174c-15.3-43.5-37.1-65.6-73.3-114.6

+		c-35.3-47.8-39-68.8-12.6-124.2c26.6-55.6,49.1-104.5,94.3-153.3c78.1-84.3,149.6-178.2,235.1-261.3

+		c46.4-45.1,65.2-43.5,126.7-52.9c55.6-8.4,109.9-19.1,166.6-32.2c-54.8,5.1-107.8,7-161.2,8.3h-1.7c52.5-67.1,83-104.5,168.3-141.5

+		c210-91.2,343.5-101.1,508.5,37.6c42.8,36,80.1,70.8,123.5,101.9c-15.7,1.3-29.3,4.2-47.2,11.2c21.8-4.2,47,0,69.6,4.1

+		c6.3,4.1,12.9,8.1,19.6,12.1c30.6,18,48,28,68.7,56.8c21.9,30.5,40.1,60.9,56.2,94.5c-10.5-3.8-19.4-6.9-27.2-9.3

+		c-17.8-8.2-38.6-6.9-55.2,3.4l-1.3,0.6c-16.9,8.3-43.2,17.6-60.7,20.5c9,3.1,28.8,4.2,38.1,0.5c1.2-0.5,2.5-0.9,3.8-1.2

+		c-4.3,7.4-7,15.6-7.8,24.1c-1.1,11.2,1.1,22.5,6.3,32.6v0.1c1.6,3.7,3.8,7.2,6.2,9.6c-8,3-16.2,6.3-24.7,10c39.2-6,74.4-7,112.6-2

+		c2.5,12,5.1,24.8,7.4,37.8l-14.2,1.1c-0.4,0-0.8,0.1-1.1,0.1c-18.1-14.4-38.2-12-65.7-5.7c-83.7,19.1-64,66-102.5,136.8

+		c40-48.8,37-100,102.1-115.4c15.2-3.6,25.5-8.1,35.8-6.5c-18.5,9.3-34.5,24.7-40.8,42.6c-17.9,50.5-6.8,93-26.4,140.2

+		c24.3-42.1,25.8-83.3,47.5-127.6c7.8-15.9,36.8-41.4,54.6-41.8l14.6-0.3c4.3,28,6.9,55.9,5.2,79c-3,42.2-14,104.8-20.5,128.7

+		c22-28.3,32.1-88.3,41.7-130.6c10.1-44,7.5-96.7-1.3-144c-12.1-64.8,54.6-54.3,93.4-84.8c28.5-22.5,48.1-58.3,74.2-83.7

+		c25.9-25.2,66.7,11.8,76.9,36.4c44.2,106.9,64.3,275.1,52.6,382.8c-13.1,120.9-71.5,252.9-178.2,312.5

+		C2419.1,772.5,2258.8,726.2,2123.7,680.7L2123.7,680.7z M1930.5,1217.7c-4.4,49.9-21.1,53.2-64.9,52.4

+		c-19.9-0.4-99.2-0.7-119.3-2.4c-28.4-2.5-44.4-5-53.1-11.5c44.6-32.8,120.5-168.1,135.3-214.7c15.6-49.2,32.8-92.2,45.5-137.7

+		c5.9,19,10.5,37.9,19,58c14.2,33.7,21.2,54.6,22.2,90.8l3.2,114.6C1930.7,1188.7,1932.7,1193.3,1930.5,1217.7L1930.5,1217.7z

+		 M586.8,839.8c28.3,98.1,76.7,194.5,130.2,275.5v1.4c-3.4,13.9-7.2,27.5-15.4,38.4c-38.3,51.2-135.6-24-163.8-52.7

+		c-30.8-31.5-51.4-68.7-56.3-103.6c-3.6-25.5-0.1-26.1,17.7-44.1l71.9-72.8L586.8,839.8L586.8,839.8z M532.7,223

+		c-7.3,15.6-12.4,27.4-15.9,39.6c-15.3,52.7,6.9,99.8-41,138c22.5,45.4,21.5,63.5,73.8,42.5c20.2-8.1,36.8-19.4,51.7-32.9

+		c-7.2,18.7-13.8,37.6-19.8,56.7c-1,3.2-2,6.5-3,9.7c-37.4,15.9-86.6,26-105.4-13.3c-9.1-19.1-14.3-37.8-21-61.9

+		C390.4,337.5,482.5,253.2,532.7,223L532.7,223z M562.9,290.6c-7.6-7.6-13.7-12.8-23.5-11.7c0.8-6.4,1.9-12.7,3.5-18.5

+		c0.8-3,1.6-6,2.5-8.9C558.2,258.9,561.5,272.4,562.9,290.6L562.9,290.6z M2410.4,52.2c2.3,4.9,4.6,9.9,6.9,14.9

+		c-1.9,1.4-3.6,2.8-5.3,4.3c-3-7.1-7.4-13.5-12.9-18.9C2402.7,52.4,2406.5,52.2,2410.4,52.2L2410.4,52.2z M631.6,341.9L631.6,341.9

+		L631.6,341.9L631.6,341.9z M1105.2,1114.4L1105.2,1114.4L1105.2,1114.4z M1660.6,1280.2L1660.6,1280.2L1660.6,1280.2z

+		 M1886.2,851.2L1886.2,851.2L1886.2,851.2L1886.2,851.2z M539,418.6L539,418.6l-0.4-1.1L539,418.6L539,418.6z M2705.6,596.7

+		l0.3,0.2L2705.6,596.7z M321.6,403.3c9.8-111,31.4-158.9,110.3-242.5C332.9,230.5,308.3,262.2,321.6,403.3"/>

+	<path class="st3" d="M296.1,312.6c10.9-50,21-68.8,51.9-109.8C298,237.7,291.5,252,296.1,312.6 M1456.7-383.9

+		c-59.3,14.3-70.6,25.2-88.3,83.3C1396.8-343.1,1413.1-356.9,1456.7-383.9"/>

+	<path class="st3" d="M1550.2-392.3c-117.5,28.8-152.1,49.3-191.1,185.5C1408.7-306.6,1446.3-343.3,1550.2-392.3 M1803.4,104.3

+		c12.5-55.5,34.8-109,121-150.4C1810.1-17.5,1788.7,30.5,1803.4,104.3 M2530.4,108.1c67.7-24.1,100.3-78.5,116.5-142.5

+		c-26.5,53.6-67.4,98.5-122.9,126c-29.8,14.7-48.8,9.6-82.1,6.4C2475.7,107.8,2497.2,120,2530.4,108.1 M2069.4,162.5

+		c-8.7-18.2-24.2-32.3-43.1-39.2c16.6-8.9,32.9-18.2,45.6-29.7c-37.3,17.2-80.6,13-112.6,34.6c-28.2,19-67,79.3-95.6,104.9

+		c20.7-8,40.7-22,59.1-36.6c0.2,28.4,16.1,54.3,41.2,67.4c-10.6,13.9-19,29.2-25,45.6c54.5-64.6,133.5-113.3,207.8-134.2

+		c-20.8-0.3-45.3,3.6-70.4,11.8C2075.5,178.6,2073.1,170.3,2069.4,162.5 M1991,650.4c-2.6,16.7-6.3,37.5-8.9,54.2

+		c7.1-18.9,15.6-40.9,23.8-59c8.7-19.1,13.6-20.9,32.2-31c13.1-7.1,37-17,50.1-24.1c-13.5,2.3-37.7,7.2-51.2,9.5

+		C2000.9,606.2,1996.6,614.9,1991,650.4 M1374.5,4.9c-41.9,41.4-82.6,183.5-95.6,240.4c20.5-47.2,71.7-179.3,111-212.9

+		c10.9-9.3,18.4-15,26.6-19.1c-28.1,47.2-26.1,58.9-16.2,122.2c8.4-64.3,30.6-89.1,67.1-137.1c40-10,77.4-22.1,118.4-38

+		c-46.2,5.2-92.4,10-138.7,14.4C1408.3-21.7,1402-22.3,1374.5,4.9"/>

+	<path class="st1" d="M1945.2,246.8c-7.6-16-0.8-35.2,15.2-42.8c16.1-7.6,35.4-0.8,43,15.3c0.7,1.4,1.3,2.9,1.7,4.5

+		c-15.3,11.4-29.3,24.7-41.1,40.2C1956.1,260.8,1949.1,255,1945.2,246.8 M2302.9,108.4c1.3-13.2,12.6-23,25.8-21.7

+		c13.3,1.3,23,13.1,21.7,26.3c-0.3,2.7-1,5.4-2.2,7.9c-12.1,2.1-24.2,5.6-36.7,10.2C2306.3,125.8,2302.2,116,2302.9,108.4"/>

+</g>

+</svg>

diff --git a/components/datalake-handler/admin/src/src/assets/icons/hadoop_disable.svg b/components/datalake-handler/admin/src/src/assets/icons/hadoop_disable.svg
new file mode 100755
index 00000000..8bfd2664
--- /dev/null
+++ b/components/datalake-handler/admin/src/src/assets/icons/hadoop_disable.svg
@@ -0,0 +1,148 @@
+<?xml version="1.0" encoding="utf-8"?>

+<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->

+<svg version="1.1" id="圖層_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"

+	 viewBox="285 -392.5 2490.2 1865.5" style="enable-background:new 285 -392.5 2490.2 1865.5;" xml:space="preserve">

+<style type="text/css">

+	.st0{fill:#D2D3D5;}

+	.st1{fill:#E1E2E3;}

+	.st2{fill:#BDBDBF;}

+	.st3{fill:#A8A8AA;}

+</style>

+<g>

+	<path class="st0" d="M1202.7,18.8l-165.6,26.9L886,111.9l-128.3,80.7l-122.1,149l-69,73.1l-66.7,24.6l-17.6-43.1l30.8-44.5

+		l6.9-62.8l20.7,0.8l22.6,20.6l-6.1-64l-25-16.8l0.8-24.4l-59.3,33.5L420,301.9l-11.3,56.7l23,45.3l21.4,77l43.5,20.6l45.8-2.2

+		l43.4-25.2l-29,146.9l29,163.5L553.9,860L449.5,972.6l18.6,67.2l49.5,77.9l93.3,65.7l49.5,6.8l55,1.9L681.1,1333l126.2,51.7

+		l157.3,20.7l53.8-35.2l4.1-95.2l60-99.3l4.1-78.6l144.9,10.4l134.5-12.4l-134.5,80.7l22.8,97.3l84.8,132.5l82.8,35.2l66.2-26.9

+		l26.9-53.8l138.7-105.5l26.9,22.8l217.3,8.3l43.5-35.2l4.1-62.1l-14.5-26.9l-10.4-167.6L1848.2,849l12.4-64.2l43.5,22.8

+		l122.1,113.8l60,4.2l66.2-26.9l66.2-49.7l33.1-107.6l194.6,12.4l118-45.5l95.2-89l68.3-128.3l16.5-151.1L2729.8,164l-37-157.6

+		l-37.3-49.7l-51.7-16.6l-91.1,99.4l-82.8,29l-72.4-120l-72.4-66.2l-39.3-24.8l-157.3-130.4l-126.2-68.3l-126.2-10.3l-146.9,24.8

+		l-128.5,47.4l-89,72.4l-70.4,84.9l-72.4,20.7L1202.7,18.8"/>

+	<path class="st1" d="M722.4,392.3c-141.8,165.4-110.3,366-71,562.6c-21-53-42-106-62.9-159l-23.2-145.8

+		c2.2-49.7,4.4-99.4,6.6-149.1l59.6-142.4l89.4-132.5L860,110.2l152.4-62.9l178.9-23.2l-165.6,188.8

+		C892.7,256,814.3,285.1,722.4,392.3"/>

+	<path class="st1" d="M1390.1-111.7c-98.6,96.2-152.4,168.8-215.2,281.4c-44.9,80.6-95.2,158.2-142.4,237.6

+		c-23.9,40.2-26.1,73.9-33.3,120.3l-69.5-82.8c11.1-33.1,22.1-66.2,33.1-99.4l112.6-202.1l238.5-235.2

+		C1339.3-98.5,1364.7-105.1,1390.1-111.7 M1877-350.2c-79,29.6-210.1,39.4-219.2,130c-6.5,64.4,4.9,96.7,43.7,164.8

+		c-95.8-99.2-119.5-83.8-304.7-53l79.5-112.6l139.1-86.1l178.9-39.7L1877-350.2"/>

+	<path class="st2" d="M2094.9,875.8c26.3,16.2,25.7,28,21.3,39.1c20.7-8.3,41.5-16.6,62.2-24.9l40.3-54.1l30-77.1l-38.2-28.7

+		l-167.1,21.3c-4.1,11.2-8.3,22.5-12.4,33.8c1.2,16,2.4,32,3.6,48c5.3,9.5,10.7,19,16,28.4c8.3,4.1,16.6,8.3,24.9,12.4

+		C2081.9,874.6,2088.4,875.2,2094.9,875.8 M2079.4,590.1c-83.8,24.2-83.1,30.8-107.8,113.9C2004.2,651.6,2028.4,625.2,2079.4,590.1

+		 M2636.2-31.7c-14.9,6.9-29.4,10.2-38.7,23.8c-20,29.3-37.2,54-70.3,74.6c-16.7,10.4-33.9,17.1-51.6,22.6

+		c-14.7,4.6-23.5,0.5-36,9.5c7.4,1.3,14.8,2.6,22.2,3.9h49l60.4-37.3l35.5-37.3L2636.2-31.7 M1302.1,154.1

+		c-32.9,90.2-61.7,167.5-111.6,249.1c63.9-68.9,102.7-127.5,139.4-205.4c14.2-30.3,16.9-65.8,56.6-52.6c1.8,30.2,8.2,60.4,9.9,90.6

+		c21.4-153.5,81.8-217.7,222.2-277.3l-119.1,14.3l-112,24.9l-55.1,80L1302.1,154.1 M1574.1,150.6c30.3,142.5,73.9,279.2,92.8,424

+		c12.3,94.1,13.6,139.2-33.7,220.4c-51.7-3.3-83.8,2.5-133.9,18.9c-199.2,65.3-313.4,161.3-447.6-32.1l128.5,60.6

+		c30.5-6,61.1-12,91.6-18c53.9-31.4,107.8-62.8,161.8-94.2l126.2-24.9l40.9-170.6l-30.1-225.9c-1.2-35.5-2.4-71.1-3.6-106.6

+		C1569.4,185,1571.8,167.8,1574.1,150.6 M1917.2,1032.2c-16.7,115.8,38.5,178,15.6,210c-6.5,9-15.3,24.8-25,29.2

+		c-35,15.5-83.1-2.9-86.6,6.2h-115.5l-46.2-19.6l71.1-83.5c23.1-50.4,46.2-100.7,69.3-151.1l44.4-152.9h23.1L1917.2,1032.2"/>

+	<path class="st2" d="M1723,695.7c9.4,52.6,25.7,65,50.4,115.9c-16.5,83-42.9,181.7-74.7,255c-13.4,30.9-24.2,47.9-47.9,71.8

+		c-39.9,40.3-80.3,75.4-125.6,110.4c-32.6,25.1-55.4,12.5-95.6,6.8c-17.1,31-21.8,48.2-53.3,64c-48.4,24.2-91.7-28-129.8-58.7

+		c27.4,42.9,54.9,85.7,82.3,128.6c19,17.8,37.9,35.5,56.9,53.3l48,7.1l64-39.1c11.3-21.3,22.5-42.7,33.8-64

+		c23.7-17.8,47.4-35.5,71.1-53.3c29-24.9,58.1-49.8,87.1-74.6l55.1-78.2l49.8-92.4c21.3-64,42.7-128,64-192

+		c1.8-24.3,3.5-48.6,5.3-72.9c-26.7-11.8-53.3-23.7-80-35.5C1764.3,729.5,1742.5,714.1,1723,695.7 M1085.3,1066

+		c89.7,0,184.5-5,266.6-42.7c23.2-34.9,46.2-63.4,74.6-94.2c-25.9,48.9-34,76.5-40.9,131.5l-26.7,39.1

+		c-67.5,1.8-135.1,3.5-202.6,5.3c-21.9-2.4-43.8-4.7-65.8-7.1c-2.4-2.4-4.7-4.8-7.1-7.1C1084.1,1082.6,1084.7,1074.3,1085.3,1066

+		 M1072.9,1003.8l-7-63.1c-15.3,92.3-11.6,154.1-54.1,236.7c-31.7,36.7-70.8,70.2-115.5,88.1c3.8,22.7,4.9,36.8,2.7,53.4

+		c-7.9,59.8-127.4,33.4-176.6,31l236.7,60.9l53.3-21.3c5.9-34.4,11.9-68.7,17.8-103.1l49.8-92.4l8.9-56.9L1072.9,1003.8 M939.5,483

+		c-2.5,44.9-5.4,63.6,14.4,103.2c25.1,50.4,56,97.7,83.3,147.4l8.9-99.5C1010.7,583.7,975.1,533.3,939.5,483 M574.7,821.8

+		c-7.7,16.4-15.4,32.8-23.1,49.1c21.2,71.3,40,116.5,80.3,178.8c-7,25.2-12.3,36.3-28.4,56.9c-35.5-5.4-67-7-103-6.9

+		c39.7,30.8,79.4,61.6,119.1,92.4c19.6-3.6,39.1-7.1,58.7-10.7l58.7-58.7l-83.5-129.8C627.1,936,600.9,878.9,574.7,821.8

+		 M2636.5-55.3c24.2,108.8,55.4,209.1,52.5,320.5c-3.6,136.7-30.2,309.3-156.8,391.7c-141.8,92.3-308.3,48.6-463.9,9.1l190.2,78.2

+		c59.2,3,118.5,5.9,177.8,8.9c40.3-11.8,80.6-23.7,120.9-35.5c31.4-26.1,62.8-52.1,94.2-78.2l71.1-149.3l26.7-172.4

+		c-7.1-56.3-14.2-112.6-21.3-168.9l-39.1-167.1C2671.2-30.6,2653.9-43,2636.5-55.3 M520.1,268.9c-64.4,41.9-89.7,60.3-82.6,138

+		l19.2,69.8l27.3,18.5l33.7,11.2l61-14.4c10.4-32.4,20.9-64.7,31.3-97.1l-86.6,42.5h-20c-7.5-11.5-15-23-22.5-34.5l27.3-40.1

+		l14.4-76.2c6.2,1.9,12.3,3.8,18.4,5.6c7.5,5.9,15,11.8,22.5,17.6l-3.2-40.1L545.1,244c-5.1-4.3-10.2-8.6-15.2-12.8L520.1,268.9

+		 M1964.5-343.1c57.1,53.1,127.3,99.2,173,164c17.7,25.1,37.3,37.9-0.3,73.4c39.8-11.4,54.5-10.1,86.4-6.3

+		c57.9,7,112.2,89.3,115.6,148.3c-0.7,5.5-16.1,18-60.9,30.4c-0.9,1.7-25.3-3.3-24.7-1.7c4.7,12.7,10.9,14.7,20.4,20.6

+		c2.1,14.2,3.4,36,13,51.5c28.2-0.5,55.7,2.6,83.3,8c9.3,15.4,7.9,30.8,7.1,46.2l32-5.3c-2.9-24.3-5.9-48.6-8.9-72.9

+		c9.5-16,18.9-32,28.4-48l-40.7-92.3c-26.1-24.9-52.1-49.8-78.2-74.7l-7.5-0.4c-29.3-18-58.6-36-88-54L2071-273.7L1964.5-343.1

+		 M2060.8,94.9c-3,5.3-7.6,13.7-13.4,19.5c23.8,22.5,35.5,37.6,44,69.4c-26.9,13.3-53.8,26.7-80.7,40.1l-68.3,65.5

+		c-30-16.1-37.4-28.5-51.9-59.3c-16.9,4.5-32.9,8.8-46.8,3.7c8.8,0.1,14.3-2.1,23.1-7.6l43.5-45.1c25.6-19.4,51.2-38.8,76.8-58.1

+		l50.2-16.4C2043.6,103.9,2054.4,97.5,2060.8,94.9"/>

+	<path class="st2" d="M2135.1,175.1c-85.6,46.1-167.6,92.4-211.3,180C1923.7,244,2035.3,195.1,2135.1,175.1 M1906.7-43.4

+		c-63.6,43.3-108.5,130.8-102.9,216c-20.7-73.8-13.4-143.5,50.2-194.5c10.7-5.2,21.5-10.4,32.2-15.6

+		C1893.1-39.5,1899.9-41.4,1906.7-43.4"/>

+	<path class="st3" d="M2762.1,157.8c-11.5-72.7-30.6-143.2-57.2-194c-3.2-6.2-8.1-12.5-14.2-18.5c-13.2-13-32.7-25.3-52.8-32.2

+		c-21.3-7.3-43.9-8.8-61.7,0.5c-4.6,2.4-9,5.6-12.8,9.5c-11.6,11.7-21.3,26-31.1,40.2c-10.9,15.9-21.8,31.9-34.9,43

+		c-15.2,13-34.1,20.8-52,28c-7.5-18.3-16.6-35.9-27.1-52.6c-12.2-19.5-26.2-37.8-41.5-56.1c-11.2-13.5-23.9-25.6-37.9-36.2

+		c-13.2-10.1-26.8-18.6-42.5-28.4c-42.3-26.5-78.2-58-114.9-90.2c-16.7-14.6-33.5-29.4-50-43c-87.4-72.1-168.9-107-256.1-112.5

+		c-86.6-5.4-178,18.3-286,63.8c-52.1,21.9-90.8,47.8-124.5,79c-32.2,29.8-59.5,64.1-89.6,104.1c-17.5,1.2-33,3.8-48.8,10.2

+		c-17.4,7-35,18.3-56,36.8c-14.6,12.9-29,26.1-43,39.7C1214.7-38.6,1202-26,1189.7-13c-98.3,15.8-178.4,33.2-250.1,61

+		c-73.3,28.4-138,67.5-204.4,126.4c-26.1,23.1-50,48.7-71.2,76.4c-20.2,26.5-37.5,54.3-52.6,83.6c-13.3,14.7-26.6,29.5-41,42.5

+		c-14,12.6-29,23.3-45.8,29.8l0,0c-9.8,3.8-13.8,6-14.2,5.8c-0.5-0.3-0.8-1.7-1.4-4.4c24.1-23,27.9-56.8,30.1-90.3

+		c2.9,3.5,5.7,7.7,8.5,12.2c3.2,4.9,6.4,10,10.4,14.9l16.4,20.6l5.7-25.7c4.8-21.6,8.4-50.3,2.8-75.2c-3.6-16.2-11.1-30.6-24.2-40.8

+		c1.2-3.3,2.4-6.3,3.6-9.2c4.1-10.5,8.3-21.3,11.9-31.4l7.1-20.2l-21.1,3.7c-28.1,4.9-88.4,38-130.9,82.1

+		c-15.8,16.4-29.3,34.5-38.2,53.5c-9.3,19.8-13.4,40.4-9.8,61.1c3.1,18.1,12.2,35.8,28.6,52.6c3,12.1,5.8,22.6,8.7,32

+		c3.4,10.8,7,20.4,11.6,29.8c12.4,25.7,32.1,41.4,54.9,48.7c18.3,5.9,38.6,6.2,58.5,1.8c-4,23.7-6.5,47.6-7.3,71.6

+		c-1.3,33.5,0,70.6,3.7,113.6c0.8,9.4,2,19.8,3.6,31.1c1.4,9.6,3,19.1,4.7,28.5c-3.7,10.1-7.5,20.3-11.2,30.4l-17.4,47.2l-38.2,37.8

+		c-11.9,11.7-23.8,23.5-35.6,35.3c-1,1-5,4.8-8.6,8.3c-24.1,23.2-28.8,27.8-22,68.5c4.4,26.1,12.9,51.3,25.2,74.7

+		c11.8,22.5,27.7,44.4,48,64.8c25.4,25.4,67,57.1,110.6,73.6c24.9,9.5,50.6,14.1,74.7,10.2c-1.2,3.7-2.4,7.4-3.8,11.1

+		c-3.8,10.6-8,21-12.7,31.2c-29.6,64.8,0.8,98.6,48,120.2c23.6,10.7,51.6,18,77.7,24.8c5.3,1.4,10.7,2.8,17.4,4.6

+		c30.9,8.3,84.2,23.7,132.9,26.7c53.2,3.4,101.1-7.6,114-55.3c5.1-18.9,8-33.4,9.2-47.6c1.1-13.2,0.7-26.5-0.9-42.9

+		c15.2-33.6,21.6-43,32.7-59.2c2.2-3.2,4.8-7,5.6-8.2c11.9-17.6,17.5-30.1,19.5-44.2c2-13.6,0.3-27.1-2.2-47.8

+		c-0.2-2-0.6-4.8-1.1-8.6c30.6,4,61.4,6.1,92.3,6.3c15.5,0.1,31-0.4,46.4-1.2c-4,2-7.8,4-12.1,6.2l-5.8,3

+		c-41.1,21.1-42.8,61.1-29.9,102.2c11.6,37.1,35.4,75,50.4,98c31.4,48.5,61.5,89.5,97.8,111.8c38.1,23.4,81.7,26.1,137.9-4.3

+		c28.6-15.5,37.6-31.3,49.8-52.6c3.7-6.5,7.8-13.6,12.4-20.6c11.8-7.8,41.2-32.1,70.1-56c9.8-8.1,19.7-16.2,30.7-25.2

+		c7.6,5.6,16.9,9.5,28,12.2c14.5,3.5,31.7,5,52.4,6.5c15.5,1.1,65.9,1.1,98.4,1.1c10.1,0,18.4,0,23.4,0c33.6,0.2,60.8-1.6,81.3-13.2

+		c21.9-12.4,34.8-34.3,37.6-73.7c1.2-17.5,1.5-28.3-1-39.3c-2.3-10.3-6.7-19.7-14.3-33.3c-0.5-17-0.9-34-1.4-51

+		c-0.5-18-1-36.1-1.4-54.1c-0.6-21.3-2.9-38.6-7.2-55.6c-4.3-16.9-10.4-33.1-18.6-52.6c-5.1-12.3-9.9-24.7-14.4-37.2l-11.8,4.3

+		l1.8-0.7l10-3.7l0,0c-7-19-14-37.4-23.7-57.2c0.6-3.8,1.3-7.9,1.9-12.3l18.7,18.1l27.6,26.6c21.1,20.3,40.3,38.8,63,52.1

+		c23.4,13.8,49.7,21.8,83.8,20.2c35.7-1.7,73.9-16.7,105.3-39.9c30.4-22.5,54.8-52.7,65-86.2l8.8-29.1l7.1-23.2

+		c50,8.5,103.7,11.2,155.6,5.8c50.1-5.3,98.4-18,140.1-40.3c61.3-32.7,107.3-80.9,140.3-138.1l0,0c36.9-63.9,57.6-139.3,65.4-216.8

+		C2778.5,323.9,2775,239.3,2762.1,157.8L2762.1,157.8z M2113.8,680.5c-28.8-9.7-48.9-23.9-74.2-39.8c6.9,31.1,10,64,0.8,95

+		c-14.6,49.2-38.1,129.8,28.7,144.6c25.4,5.6,37,4.8,72.9-13.7c-29.1,6.6-43.7,5-63.7,1.3c-18.1-3.3-27.7-14.8-32.8-28.4

+		c6.3,4.6,16.6,7,34.3,11.3c49.6,12,96.8-11.9,106-46.3c5.4-20.1,4.5-30.6,15.9-58c10.3,3.2,20.8,6.1,31.7,8.7l-18.4,60

+		c-15.9,52-78,93.8-132.8,92.9c-50.6-0.9-82.8-32.6-117.7-63.7c-24.1-21.4-47.3-41.9-70.2-62.3c-63-19.9-113.6-43.1-172.1-86.4

+		c41.6,48.9,69.9,76,127.9,100.4c-8.4,86.1-38.4,148.9-63.9,231.4c-11.6,37.3-102.7,186.6-128,201.2c-18,10.4-130.9,105.4-152.1,118

+		c-15.8,21-29.7,50-53.5,62.6c-72.4,38.3-119-35-158-97c-17.7-28.2-67-109.5-24.1-132.3c40.6-21.5,63.4-36.9,104.8-64.1

+		c6.1,11.1,16.5,21.8,23.3,32.9l-4.5-36.4c-2.7-22-2.6-39.8-0.9-61.9c1.7-21.4,3.4-42.8,5.1-64.2c-6.2,21.8-18.7,43.5-24.9,65.3

+		c-2.5,8.7-4.6,15.7-5.7,22.3c-93,19-185.3,20.2-278.4,3.6c-5.9-34.4-13.2-70.3-19.2-96.1c-1.8,28.8-0.7,108.5-0.8,153.1

+		c-0.1,34.6-1.6,46.4-19.4,75.8c-16.7,27.5-23.7,33.8-47.1,80.3c2,29.3,2,48.7-5.8,76.6c-13,46.3-143.8,10.4-178.2,1

+		c-42.5-11.6-130.3-28.9-108.2-85.5c19.4-49.8,31.8-102.4,41.3-172.1c-77.8-112.1-150.2-265.8-164.1-402

+		c-10.8-105.7-4.3-170.8,18.6-235.4c36.2-102.5,87-191.2,168.3-262.6c109.8-96.3,212.4-135,373-159.5c-38.6,43.3-76.9,89-118.5,138

+		c-42.2,49.6-67.2,99.8-94,154.1c-37,75-36.2,103.5,12.8,169.4c42.3,56.7,65.1,82.3,83.5,137.8c-15.2,31.4-20.8,58-25.9,100.8

+		c51.7,56.6,90.2,95.3,140.4,107.3c49.3,11.7,90.4,9.5,134.5-13.1c97.9-50.1,188.5-114.7,299-117.4

+		c51.1-125.6,45.9-230.6,21.4-352.2c-16.8-83-23.5-161.6-28.7-246.2c-20.7,87.2-24.6,163.8-9.2,250.6

+		c18.5,104.6,32.9,220.2-18.6,312.2c-99.9,7.6-185.5,68.4-275.5,115c-36.2,18.8-73.9,20.6-113.9,9.6c-37.2-10.2-62.3-34.8-102.3-81

+		c-0.6-46.4,9.8-67.8,31.1-109.8c34.2-67.5,72-130.2,113.4-196.6c-50.7,61.3-98.8,112.4-138.8,174c-15.3-43.5-37.1-65.6-73.3-114.6

+		c-35.3-47.8-39-68.8-12.6-124.2c26.6-55.6,49.1-104.5,94.3-153.3c78.1-84.3,149.6-178.2,235.1-261.3

+		c46.4-45.1,65.2-43.5,126.7-52.9c55.6-8.4,109.9-19.1,166.6-32.2c-54.8,5.1-107.8,7-161.2,8.3h-1.7c52.5-67.1,83-104.5,168.3-141.5

+		c210-91.2,343.5-101.1,508.5,37.6c42.8,36,80.1,70.8,123.5,101.9c-15.7,1.3-29.3,4.2-47.2,11.2c21.8-4.2,47,0,69.6,4.1

+		c6.3,4.1,12.9,8.1,19.6,12.1c30.6,18,48,28,68.7,56.8c21.9,30.5,40.1,60.9,56.2,94.5c-10.5-3.8-19.4-6.9-27.2-9.3

+		c-17.8-8.2-38.6-6.9-55.2,3.4l-1.3,0.6c-16.9,8.3-43.2,17.6-60.7,20.5c9,3.1,28.8,4.2,38.1,0.5c1.2-0.5,2.5-0.9,3.8-1.2

+		c-4.3,7.4-7,15.6-7.8,24.1c-1.1,11.2,1.1,22.5,6.3,32.6v0.1c1.6,3.7,3.8,7.2,6.2,9.6c-8,3-16.2,6.3-24.7,10c39.2-6,74.4-7,112.6-2

+		c2.5,12,5.1,24.8,7.4,37.8l-14.2,1.1c-0.4,0-0.8,0.1-1.1,0.1c-18.1-14.4-38.2-12-65.7-5.7c-83.7,19.1-64,66-102.5,136.8

+		c40-48.8,37-100,102.1-115.4c15.2-3.6,25.5-8.1,35.8-6.5c-18.5,9.3-34.5,24.7-40.8,42.6c-17.9,50.5-6.8,93-26.4,140.2

+		c24.3-42.1,25.8-83.3,47.5-127.6c7.8-15.9,36.8-41.4,54.6-41.8l14.6-0.3c4.3,28,6.9,55.9,5.2,79c-3,42.2-14,104.8-20.5,128.7

+		c22-28.3,32.1-88.3,41.7-130.6c10.1-44,7.5-96.7-1.3-144c-12.1-64.8,54.6-54.3,93.4-84.8c28.5-22.5,48.1-58.3,74.2-83.7

+		c25.9-25.2,66.7,11.8,76.9,36.4c44.2,106.9,64.3,275.1,52.6,382.8C2710,505,2651.6,637,2544.9,696.6

+		C2409.2,772.3,2248.9,726,2113.8,680.5L2113.8,680.5z M1920.6,1217.5c-4.4,49.9-21.1,53.2-64.9,52.4c-19.9-0.4-99.2-0.7-119.3-2.4

+		c-28.4-2.5-44.4-5-53.1-11.5c44.6-32.8,120.5-168.1,135.3-214.7c15.6-49.2,32.8-92.2,45.5-137.7c5.9,19,10.5,37.9,19,58

+		c14.2,33.7,21.2,54.6,22.2,90.8l3.2,114.6C1920.8,1188.5,1922.8,1193.1,1920.6,1217.5L1920.6,1217.5z M576.9,839.6

+		c28.3,98.1,76.7,194.5,130.2,275.5v1.4c-3.4,13.9-7.2,27.5-15.4,38.4c-38.3,51.2-135.6-24-163.8-52.7

+		c-30.8-31.5-51.4-68.7-56.3-103.6c-3.6-25.5-0.1-26.1,17.7-44.1l71.9-72.8L576.9,839.6L576.9,839.6z M522.8,222.8

+		c-7.3,15.6-12.4,27.4-15.9,39.6c-15.3,52.7,6.9,99.8-41,138c22.5,45.4,21.5,63.5,73.8,42.5c20.2-8.1,36.8-19.4,51.7-32.9

+		c-7.2,18.7-13.8,37.6-19.8,56.7c-1,3.2-2,6.5-3,9.7c-37.4,15.9-86.6,26-105.4-13.3c-9.1-19.1-14.3-37.8-21-61.9

+		C380.5,337.3,472.6,253,522.8,222.8L522.8,222.8z M553,290.4c-7.6-7.6-13.7-12.8-23.5-11.7c0.8-6.4,1.9-12.7,3.5-18.5

+		c0.8-3,1.6-6,2.5-8.9C548.3,258.7,551.6,272.2,553,290.4L553,290.4z M2400.5,52c2.3,4.9,4.6,9.9,6.9,14.9c-1.9,1.4-3.6,2.8-5.3,4.3

+		c-3-7.1-7.4-13.5-12.9-18.9C2392.8,52.2,2396.6,52,2400.5,52L2400.5,52z M621.7,341.7L621.7,341.7L621.7,341.7L621.7,341.7z

+		 M1095.3,1114.2L1095.3,1114.2L1095.3,1114.2z M1650.7,1280L1650.7,1280L1650.7,1280z M1876.3,851L1876.3,851L1876.3,851

+		L1876.3,851z M529.1,418.4L529.1,418.4l-0.4-1.1L529.1,418.4L529.1,418.4z M2695.7,596.5l0.3,0.2L2695.7,596.5z M311.7,403.1

+		c9.8-111,31.4-158.9,110.3-242.5C323,230.3,298.4,262,311.7,403.1"/>

+	<path class="st3" d="M286.2,312.4c10.9-50,21-68.8,51.9-109.8C288.1,237.5,281.6,251.8,286.2,312.4 M1446.8-384.1

+		c-59.3,14.3-70.6,25.2-88.3,83.3C1386.9-343.3,1403.2-357.1,1446.8-384.1"/>

+	<path class="st3" d="M1540.3-392.5c-117.5,28.8-152.1,49.3-191.1,185.5C1398.8-306.8,1436.4-343.5,1540.3-392.5 M1793.5,104.1

+		c12.5-55.5,34.8-109,121-150.4C1800.2-17.7,1778.8,30.3,1793.5,104.1 M2520.5,107.9c67.7-24.1,100.3-78.5,116.5-142.5

+		c-26.5,53.6-67.4,98.5-122.9,126c-29.8,14.7-48.8,9.6-82.1,6.4C2465.8,107.6,2487.3,119.8,2520.5,107.9 M2059.5,162.3

+		c-8.7-18.2-24.2-32.3-43.1-39.2c16.6-8.9,32.9-18.2,45.6-29.7c-37.3,17.2-80.6,13-112.6,34.6c-28.2,19-67,79.3-95.6,104.9

+		c20.7-8,40.7-22,59.1-36.6c0.2,28.4,16.1,54.3,41.2,67.4c-10.6,13.9-19,29.2-25,45.6c54.5-64.6,133.5-113.3,207.8-134.2

+		c-20.8-0.3-45.3,3.6-70.4,11.8C2065.6,178.4,2063.2,170.1,2059.5,162.3 M1981.1,650.2c-2.6,16.7-6.3,37.5-8.9,54.2

+		c7.1-18.9,15.6-40.9,23.8-59c8.7-19.1,13.6-20.9,32.2-31c13.1-7.1,37-17,50.1-24.1c-13.5,2.3-37.7,7.2-51.2,9.5

+		C1991,606,1986.7,614.7,1981.1,650.2 M1364.6,4.7c-41.9,41.4-82.6,183.5-95.6,240.4c20.5-47.2,71.7-179.3,111-212.9

+		c10.9-9.3,18.4-15,26.6-19.1c-28.1,47.2-26.1,58.9-16.2,122.2c8.4-64.3,30.6-89.1,67.1-137.1c40-10,77.4-22.1,118.4-38

+		c-46.2,5.2-92.4,10-138.7,14.4C1398.4-21.9,1392.1-22.5,1364.6,4.7"/>

+	<path class="st1" d="M1935.3,246.6c-7.6-16-0.8-35.2,15.2-42.8c16.1-7.6,35.4-0.8,43,15.3c0.7,1.4,1.3,2.9,1.7,4.5

+		c-15.3,11.4-29.3,24.7-41.1,40.2C1946.2,260.6,1939.2,254.8,1935.3,246.6 M2293,108.2c1.3-13.2,12.6-23,25.8-21.7

+		c13.3,1.3,23,13.1,21.7,26.3c-0.3,2.7-1,5.4-2.2,7.9c-12.1,2.1-24.2,5.6-36.7,10.2C2296.4,125.6,2292.3,115.8,2293,108.2"/>

+</g>

+</svg>

diff --git a/components/datalake-handler/admin/src/src/assets/icons/kafka_able.svg b/components/datalake-handler/admin/src/src/assets/icons/kafka_able.svg
new file mode 100755
index 00000000..3bb663c2
--- /dev/null
+++ b/components/datalake-handler/admin/src/src/assets/icons/kafka_able.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>

+<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->

+<svg version="1.1" id="圖層_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"

+	 viewBox="348 -952.7 1538 2500" style="enable-background:new 348 -952.7 1538 2500;" xml:space="preserve">

+<style type="text/css">

+	.st0{fill:#5DBEBB;}

+</style>

+<path class="st0" d="M1560.5,430.7c-97.2,0-184.4,43.1-244.1,110.9l-153-108.3c16.2-44.7,25.6-92.7,25.6-143

+	c0-49.4-9-96.6-24.7-140.6l152.6-107.1c59.7,67.5,146.6,110.3,243.6,110.3c179.5,0,325.5-146,325.5-325.5s-146-325.5-325.5-325.5

+	s-325.5,146-325.5,325.5c0,32.1,4.9,63.1,13.6,92.5L1095.8,27.1C1032-52.1,940.1-107.3,835.4-124.2v-184.1

+	c147.5-31,258.6-162,258.6-318.5c0-179.5-146-325.5-325.5-325.5s-325.5,146-325.5,325.5c0,154.4,108.2,283.8,252.7,317v186.5

+	C498.5-88.7,348,83.4,348,290.4c0,208,151.9,380.7,350.6,414.2v196.9c-146,32.1-255.6,162.3-255.6,317.8

+	c0,179.5,146,325.5,325.5,325.5s325.5-146,325.5-325.5c0-155.5-109.7-285.7-255.6-317.8V704.6c100.5-16.9,191.5-69.8,255.9-148.8

+	l154,109c-8.5,29.1-13.3,59.8-13.3,91.6c0,179.5,146,325.5,325.5,325.5s325.5-146,325.5-325.5S1740,430.7,1560.5,430.7L1560.5,430.7

+	z M1560.5-330.4c87,0,157.8,70.8,157.8,157.8s-70.8,157.8-157.8,157.8s-157.8-70.8-157.8-157.8S1473.4-330.4,1560.5-330.4

+	L1560.5-330.4z M610.6-626.8c0-87,70.8-157.8,157.8-157.8s157.8,70.8,157.8,157.8S855.5-469,768.5-469S610.6-539.8,610.6-626.8

+	L610.6-626.8z M926.3,1219.3c0,87-70.8,157.8-157.8,157.8s-157.8-70.8-157.8-157.8c0-87,70.8-157.8,157.8-157.8

+	S926.3,1132.2,926.3,1219.3z M768.5,510.5c-121.4,0-220.1-98.7-220.1-220.1c0-121.4,98.8-220.1,220.1-220.1

+	c121.4,0,220.1,98.8,220.1,220.1C988.6,411.8,889.8,510.5,768.5,510.5z M1560.5,914.1c-87,0-157.8-70.8-157.8-157.8

+	s70.8-157.8,157.8-157.8s157.8,70.8,157.8,157.8S1647.5,914.1,1560.5,914.1z"/>

+</svg>

diff --git a/components/datalake-handler/admin/src/src/assets/icons/kafka_disable.svg b/components/datalake-handler/admin/src/src/assets/icons/kafka_disable.svg
new file mode 100755
index 00000000..27d290fa
--- /dev/null
+++ b/components/datalake-handler/admin/src/src/assets/icons/kafka_disable.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>

+<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->

+<svg version="1.1" id="圖層_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"

+	 viewBox="348 -952.7 1538 2500" style="enable-background:new 348 -952.7 1538 2500;" xml:space="preserve">

+<style type="text/css">

+	.st0{fill:#D2D3D5;}

+</style>

+<path class="st0" d="M1560.5,430.7c-97.2,0-184.4,43.1-244.1,110.9l-153-108.3c16.2-44.7,25.6-92.7,25.6-143

+	c0-49.4-9-96.6-24.7-140.6l152.6-107.1c59.7,67.5,146.6,110.3,243.6,110.3c179.5,0,325.5-146,325.5-325.5s-146-325.5-325.5-325.5

+	s-325.5,146-325.5,325.5c0,32.1,4.9,63.1,13.6,92.5L1095.8,27.1C1032-52.1,940.1-107.3,835.4-124.2v-184.1

+	c147.5-31,258.6-162,258.6-318.5c0-179.5-146-325.5-325.5-325.5s-325.5,146-325.5,325.5c0,154.4,108.2,283.8,252.7,317v186.5

+	C498.5-88.7,348,83.4,348,290.4c0,208,151.9,380.7,350.6,414.2v196.9c-146,32.1-255.6,162.3-255.6,317.8

+	c0,179.5,146,325.5,325.5,325.5s325.5-146,325.5-325.5c0-155.5-109.7-285.7-255.6-317.8V704.6c100.5-16.9,191.5-69.8,255.9-148.8

+	l154,109c-8.5,29.1-13.3,59.8-13.3,91.6c0,179.5,146,325.5,325.5,325.5s325.5-146,325.5-325.5S1740,430.7,1560.5,430.7L1560.5,430.7

+	z M1560.5-330.4c87,0,157.8,70.8,157.8,157.8s-70.8,157.8-157.8,157.8s-157.8-70.8-157.8-157.8S1473.4-330.4,1560.5-330.4

+	L1560.5-330.4z M610.6-626.8c0-87,70.8-157.8,157.8-157.8s157.8,70.8,157.8,157.8S855.5-469,768.5-469S610.6-539.8,610.6-626.8

+	L610.6-626.8z M926.3,1219.3c0,87-70.8,157.8-157.8,157.8s-157.8-70.8-157.8-157.8c0-87,70.8-157.8,157.8-157.8

+	S926.3,1132.2,926.3,1219.3z M768.5,510.5c-121.4,0-220.1-98.7-220.1-220.1c0-121.4,98.8-220.1,220.1-220.1

+	c121.4,0,220.1,98.8,220.1,220.1C988.6,411.8,889.8,510.5,768.5,510.5z M1560.5,914.1c-87,0-157.8-70.8-157.8-157.8

+	s70.8-157.8,157.8-157.8s157.8,70.8,157.8,157.8S1647.5,914.1,1560.5,914.1z"/>

+</svg>

diff --git a/components/datalake-handler/admin/src/src/assets/icons/kibana_able.svg b/components/datalake-handler/admin/src/src/assets/icons/kibana_able.svg
new file mode 100755
index 00000000..5a483202
--- /dev/null
+++ b/components/datalake-handler/admin/src/src/assets/icons/kibana_able.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>

+<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->

+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"

+	 viewBox="1722.5 -151.5 708.9 904.3" style="enable-background:new 1722.5 -151.5 708.9 904.3;" xml:space="preserve">

+<style type="text/css">

+	.st0{fill:#5DBEBB;}

+	.st1{fill:#37A595;}

+	.st2{fill:#19A2A2;}

+</style>

+<path class="st0" d="M1760.3,189.5c114.1,0,221.9,29.7,315.6,79.7l334.4-401.6h-662.5v796.9v-475H1760.3L1760.3,189.5z"/>

+<path class="st0" d="M2075.9,269.2l-328.1,395.3V727h660.9C2371.2,530.1,2246.2,362.9,2075.9,269.2z"/>

+<path class="st1" d="M2075.9,269.2l-328.1,395.3V727h117.2l318.7-384.4c0,0-21.9-17.2-51.6-39.1

+	C2110.2,287.9,2075.9,269.2,2075.9,269.2z"/>

+<path class="st2" d="M1760.3,189.5h-12.5v475l328.1-395.3C1982.1,219.2,1874.3,189.5,1760.3,189.5L1760.3,189.5z"/>

+</svg>

diff --git a/components/datalake-handler/admin/src/src/assets/icons/kibana_disable.svg b/components/datalake-handler/admin/src/src/assets/icons/kibana_disable.svg
new file mode 100755
index 00000000..1bd8e585
--- /dev/null
+++ b/components/datalake-handler/admin/src/src/assets/icons/kibana_disable.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>

+<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->

+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"

+	 viewBox="1722.5 -151.5 708.9 904.3" style="enable-background:new 1722.5 -151.5 708.9 904.3;" xml:space="preserve">

+<style type="text/css">

+	.st0{fill:#D2D3D5;}

+	.st1{fill:#C2BFBF;}

+	.st2{fill:#C4C6C8;}

+</style>

+<path class="st0" d="M1760.3,189.5c114.1,0,221.9,29.7,315.6,79.7l334.4-401.6h-662.5v796.9v-475H1760.3L1760.3,189.5z"/>

+<path class="st0" d="M2075.9,269.2l-328.1,395.3V727h660.9C2371.2,530.1,2246.2,362.9,2075.9,269.2z"/>

+<path class="st1" d="M2075.9,269.2l-328.1,395.3V727h117.2l318.7-384.4c0,0-21.9-17.2-51.6-39.1

+	C2110.2,287.9,2075.9,269.2,2075.9,269.2z"/>

+<path class="st2" d="M1760.3,189.5h-12.5v475l328.1-395.3C1982.1,219.2,1874.3,189.5,1760.3,189.5L1760.3,189.5z"/>

+</svg>

diff --git a/components/datalake-handler/admin/src/src/assets/icons/mongoDB_able.svg b/components/datalake-handler/admin/src/src/assets/icons/mongoDB_able.svg
new file mode 100755
index 00000000..1feb0c6f
--- /dev/null
+++ b/components/datalake-handler/admin/src/src/assets/icons/mongoDB_able.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>

+<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->

+<svg version="1.1" id="圖層_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"

+	 viewBox="-397.2 285.8 11.2 25" style="enable-background:new -397.2 285.8 11.2 25;" xml:space="preserve">

+<style type="text/css">

+	.st0{fill:#19A2A2;}

+	.st1{fill:#5DBEBB;}

+	.st2{fill:#CEEBEA;}

+</style>

+<g transform="matrix(1.2754196 0 0 1.2754196 -16.030009 -21.83192)">

+	<path class="st0" d="M-294.5,241.2c0.2,0.3,0.4,0.7,0.5,1c0.1,0.2,0.2,0.4,0.4,0.5c0.4,0.4,0.9,0.9,1.2,1.4

+		c0.9,1.2,1.5,2.5,1.9,3.9c0.3,0.9,0.4,1.7,0.4,2.6c0,2.7-0.9,4.9-2.7,6.8c-0.3,0.3-0.6,0.6-1,0.8c-0.2,0-0.3-0.2-0.4-0.3

+		c-0.2-0.2-0.2-0.5-0.3-0.8c-0.1-0.3-0.1-0.6-0.1-1c0,0,0-0.1,0-0.2C-294.4,256.1-294.6,241.3-294.5,241.2z"/>

+	<path class="st1" d="M-294.5,241.2C-294.5,241.2-294.5,241.2-294.5,241.2c-0.1,0.2-0.2,0.4-0.3,0.6c-0.1,0.2-0.3,0.3-0.5,0.5

+		c-0.9,0.8-1.7,1.8-2.3,2.9c-0.8,1.5-1.2,3.1-1.3,4.8c0,0.6,0.2,2.8,0.4,3.4c0.5,1.6,1.4,3,2.7,4.2c0.3,0.3,0.6,0.5,0.9,0.8

+		c0.1,0,0.1-0.1,0.1-0.2c0-0.2,0.1-0.3,0.1-0.4c0.1-0.5,0.2-1.1,0.2-1.6C-294.4,256.2-294.4,241.3-294.5,241.2L-294.5,241.2z"/>

+	<path class="st2" d="M-294,258.9c0-0.2,0.2-0.4,0.3-0.7c-0.1,0-0.2-0.2-0.3-0.3c-0.1-0.1-0.1-0.2-0.2-0.4c-0.2-0.4-0.2-0.9-0.2-1.4

+		c0,0,0-0.1,0-0.2s0-0.1,0-0.2c0,0-0.1,0.4-0.1,0.5c0,0.5-0.1,1-0.2,1.4c0,0.2,0,0.4-0.2,0.5c0,0,0,0,0,0.1c0.2,0.5,0.2,1.1,0.3,1.7

+		v0.2c0,0.3,0,0.2,0.2,0.3c0.1,0,0.2,0,0.3,0.1c0.1,0,0.1,0,0.1-0.1c0-0.1,0-0.2,0-0.4c0-0.3,0-0.7,0-1

+		C-294,259.3-294,259.1-294,258.9z"/>

+</g>

+</svg>

diff --git a/components/datalake-handler/admin/src/src/assets/icons/mongoDB_disable.svg b/components/datalake-handler/admin/src/src/assets/icons/mongoDB_disable.svg
new file mode 100755
index 00000000..9d1d506d
--- /dev/null
+++ b/components/datalake-handler/admin/src/src/assets/icons/mongoDB_disable.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>

+<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->

+<svg version="1.1" id="圖層_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"

+	 viewBox="-397.2 285.8 11.2 25" style="enable-background:new -397.2 285.8 11.2 25;" xml:space="preserve">

+<style type="text/css">

+	.st0{fill:#C4C6C8;}

+	.st1{fill:#D2D3D5;}

+	.st2{fill:#C2BFBF;}

+</style>

+<g transform="matrix(1.2754196 0 0 1.2754196 -16.030009 -21.83192)">

+	<path class="st0" d="M-294.5,241.2c0.2,0.3,0.4,0.7,0.5,1c0.1,0.2,0.2,0.4,0.4,0.5c0.4,0.4,0.9,0.9,1.2,1.4

+		c0.9,1.2,1.5,2.5,1.9,3.9c0.3,0.9,0.4,1.7,0.4,2.6c0,2.7-0.9,4.9-2.7,6.8c-0.3,0.3-0.6,0.6-1,0.8c-0.2,0-0.3-0.2-0.4-0.3

+		c-0.2-0.2-0.2-0.5-0.3-0.8c-0.1-0.3-0.1-0.6-0.1-1c0,0,0-0.1,0-0.2C-294.4,256.1-294.6,241.3-294.5,241.2z"/>

+	<path class="st1" d="M-294.5,241.2C-294.5,241.2-294.5,241.2-294.5,241.2c-0.1,0.2-0.2,0.4-0.3,0.6c-0.1,0.2-0.3,0.3-0.5,0.5

+		c-0.9,0.8-1.7,1.8-2.3,2.9c-0.8,1.5-1.2,3.1-1.3,4.8c0,0.6,0.2,2.8,0.4,3.4c0.5,1.6,1.4,3,2.7,4.2c0.3,0.3,0.6,0.5,0.9,0.8

+		c0.1,0,0.1-0.1,0.1-0.2c0-0.2,0.1-0.3,0.1-0.4c0.1-0.5,0.2-1.1,0.2-1.6C-294.4,256.2-294.4,241.3-294.5,241.2L-294.5,241.2z"/>

+	<path class="st2" d="M-294,258.9c0-0.2,0.2-0.4,0.3-0.7c-0.1,0-0.2-0.2-0.3-0.3c-0.1-0.1-0.1-0.2-0.2-0.4c-0.2-0.4-0.2-0.9-0.2-1.4

+		c0,0,0-0.1,0-0.2s0-0.1,0-0.2c0,0-0.1,0.4-0.1,0.5c0,0.5-0.1,1-0.2,1.4c0,0.2,0,0.4-0.2,0.5c0,0,0,0,0,0.1c0.2,0.5,0.2,1.1,0.3,1.7

+		v0.2c0,0.3,0,0.2,0.2,0.3c0.1,0,0.2,0,0.3,0.1c0.1,0,0.1,0,0.1-0.1c0-0.1,0-0.2,0-0.4c0-0.3,0-0.7,0-1

+		C-294,259.3-294,259.1-294,258.9z"/>

+</g>

+</svg>

diff --git a/components/datalake-handler/admin/src/src/styles.css b/components/datalake-handler/admin/src/src/styles.css
index 9feefc91..096bd228 100644
--- a/components/datalake-handler/admin/src/src/styles.css
+++ b/components/datalake-handler/admin/src/src/styles.css
@@ -298,6 +298,22 @@ hr {
 }
 
 /*
+  Action dropdown
+*/
+.action-icon-dropdown {
+  background-color: #ffffff;
+}
+
+.action-icon-dropdown:hover {
+  background-color: #ffffff;
+}
+
+.dropdown-menu.action-icon-btn {
+  min-width: 2rem !important;
+  left: -70px !important;
+}
+
+/*
   Form elements
 */
 
@@ -540,15 +556,18 @@ hr {
   transition: 0.4s;
 }
 
-input#switch:checked+.dl-slider,input#switchs:checked+.dl-slider {
+input#switch:checked+.dl-slider,
+input#switchs:checked+.dl-slider {
   background-color: #5dbebb;
 }
 
-input#switch:focus+.dl-slider,input#switchs:checked+.dl-slider  {
+input#switch:focus+.dl-slider,
+input#switchs:checked+.dl-slider {
   box-shadow: 0 0 1px #5dbebb;
 }
 
-input#switch:checked+.dl-slider:before,input#switchs:checked+.dl-slider:before {
+input#switch:checked+.dl-slider:before,
+input#switchs:checked+.dl-slider:before {
   -webkit-transform: translateX(26px);
   -ms-transform: translateX(26px);
   transform: translateX(26px);
@@ -601,33 +620,40 @@ input#switch:checked+.dl-slider:before,input#switchs:checked+.dl-slider:before {
 .p-1 .alert-delete-content {
   padding: 1.25rem 4.5rem !important;
 }
+
 ngb-modal-window.templatess .modal-dialog-centered {
   max-width: 900px !important;
   overflow: auto !important;
 }
-.close-btn-icon{
+
+.close-btn-icon {
   color: #b5b6b8;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   float: right;
   cursor: pointer;
 }
-.truecheck{
-  color:#5DBEBB
-}
-.falsecheck{
-  color:#BDBEC0
+
+.truecheck {
+  color: #5DBEBB
 }
-input::-webkit-input-placeholder{
-color:#313032!important;
+
+.falsecheck {
+  color: #BDBEC0
 }
-:-moz-placeholder{
+
+input::-webkit-input-placeholder {
   color: #313032 !important;
 }
-::-moz-placeholder{
+
+:-moz-placeholder {
   color: #313032 !important;
 }
-:-ms-input-placeholder{
+
+::-moz-placeholder {
   color: #313032 !important;
 }
 
+:-ms-input-placeholder {
+  color: #313032 !important;
+}