From 2ff41664b254f743984f54f78b27c76f5d18e110 Mon Sep 17 00:00:00 2001
From: "Fuhui Peng (c)" <pengf@vmware.com>
Date: Thu, 16 Nov 2017 14:55:44 +0800
Subject: [PATCH] Add setting.json about skinnable #3241

---
 .../app/account/sign-in/sign-in.component.html    |  2 +-
 .../src/app/account/sign-in/sign-in.component.ts  | 10 ++++++++--
 src/ui_ng/src/setting.json                        | 15 +++++++++++++++
 3 files changed, 24 insertions(+), 3 deletions(-)
 create mode 100644 src/ui_ng/src/setting.json

diff --git a/src/ui_ng/src/app/account/sign-in/sign-in.component.html b/src/ui_ng/src/app/account/sign-in/sign-in.component.html
index 359a89b92..e19d06e01 100644
--- a/src/ui_ng/src/app/account/sign-in/sign-in.component.html
+++ b/src/ui_ng/src/app/account/sign-in/sign-in.component.html
@@ -1,6 +1,6 @@
 <div class="login-wrapper login-wrapper-override" [ngStyle]="{'background-image': 'url(' + customLoginBgImg + ')'}">
     <form #signInForm="ngForm" class="login">
-        <label class="title">{{appTitle | translate}}<span class="trademark tm-font">&#8482;</span>
+        <label class="title"> {{customAppTitle? customAppTitle:(appTitle | translate)}}<span class="trademark tm-font">&#8482;</span>
     </label>
         <div class="login-group">
             <label for="username" aria-haspopup="true" role="tooltip" class="tooltip tooltip-validation tooltip-md tooltip-top-left">
diff --git a/src/ui_ng/src/app/account/sign-in/sign-in.component.ts b/src/ui_ng/src/app/account/sign-in/sign-in.component.ts
index 8fcf3bcfa..a9ecc1047 100644
--- a/src/ui_ng/src/app/account/sign-in/sign-in.component.ts
+++ b/src/ui_ng/src/app/account/sign-in/sign-in.component.ts
@@ -51,6 +51,7 @@ export class SignInComponent implements AfterViewChecked, OnInit {
     rememberedName: string = "";
 
     customLoginBgImg: string;
+    customAppTitle: string;
     //Form reference
     signInForm: NgForm;
     @ViewChild('signInForm') currentForm: NgForm;
@@ -77,8 +78,13 @@ export class SignInComponent implements AfterViewChecked, OnInit {
     ngOnInit(): void {
         // custom skin
         let customSkinObj = this.skinableConfig.getSkinConfig();
-        if (customSkinObj && customSkinObj.loginBgImg) {
-            this.customLoginBgImg = customSkinObj.loginBgImg;
+        if (customSkinObj) {
+            if (customSkinObj.loginBgImg) {
+                this.customLoginBgImg = customSkinObj.loginBgImg;
+            }
+           if (customSkinObj.appTitle) {
+               this.customAppTitle = customSkinObj.appTitle;
+           }
         }
 
         //Make sure the updated configuration can be loaded
diff --git a/src/ui_ng/src/setting.json b/src/ui_ng/src/setting.json
new file mode 100644
index 000000000..ad411fd58
--- /dev/null
+++ b/src/ui_ng/src/setting.json
@@ -0,0 +1,15 @@
+{
+  "headerBgColor": "#004a70",
+  "headerLogo": "",
+  "loginBgImg": "",
+  "appTitle": "VMware Harbor",
+  "projects": {
+    "companyName": "vmware",
+    "projectName": "Harbor",
+    "introduction": {
+      "zh-cn": "",
+      "es-es": "",
+      "en-us": ""
+    }
+  }
+}
\ No newline at end of file