1 files changed, 38 insertions, 0 deletions
diff --git a/components/datalake-handler/admin/src/app/header/header.component.ts b/components/datalake-handler/admin/src/app/header/header.component.ts
new file mode 100644
index 00000000..21ed700c
--- /dev/null
+++ b/components/datalake-handler/admin/src/app/header/header.component.ts
@@ -0,0 +1,38 @@
+import { Component } from "@angular/core";
+import { HeaderService } from "../core/services/header.service";
+import { TranslateService } from "@ngx-translate/core";
+
+@Component({
+  selector: "app-header",
+  templateUrl: "./header.component.html",
+  styleUrls: ["./header.component.css"]
+})
+export class HeaderComponent {
+  title = "PageTitle";
+
+  selectedLang: String;
+  langs: Array<any> = [
+    { value: "en-us", name: "EN" },
+    { value: "zh-hans", name: "中文(简)" },
+    { value: "zh-hant", name: "中文(繁)" }
+  ];
+
+  constructor(
+    private headerService: HeaderService,
+    private translateService: TranslateService
+  ) {
+    this.translateService.setDefaultLang("en-us");
+  }
+
+  ngOnInit() {
+    this.headerService.title.subscribe(title => {
+      this.title = title;
+    });
+    this.selectedLang = "en-us";
+  }
+
+  changeLanguage(lang: string) {
+    console.log("Selected:" + lang);
+    this.translateService.use(lang);
+  }
+}