From 5eccbc9521924639707faac81a1f03f62d6537f8 Mon Sep 17 00:00:00 2001
From: Hoang Nguyen <hoangnm@unitech.vn>
Date: Thu, 30 Dec 2021 17:51:40 +0700
Subject: [PATCH] ui: Add footer text option for login screen (#5628)

* add footer text option for login screen

* using single key for policy

* set empty for default policy text

* rename footer text key

* rename the footer text property name

* change position avoid breaking with docHelp

* change position of properties
---
 ui/public/config.json         |  1 +
 ui/src/layouts/UserLayout.vue | 23 +++++++++++++++++++++++
 2 files changed, 24 insertions(+)

diff --git a/ui/public/config.json b/ui/public/config.json
index 6c134087101..e9994804568 100644
--- a/ui/public/config.json
+++ b/ui/public/config.json
@@ -10,6 +10,7 @@
   "docBase": "http://docs.cloudstack.apache.org/en/latest",
   "appTitle": "CloudStack",
   "footer": "Licensed under the <a href='http://www.apache.org/licenses/' target='_blank'>Apache License</a>, Version 2.0.",
+  "loginFooter": "",
   "logo": "assets/logo.svg",
   "banner": "assets/banner.svg",
   "error": {
diff --git a/ui/src/layouts/UserLayout.vue b/ui/src/layouts/UserLayout.vue
index e25bab4c8cb..97faff1b446 100644
--- a/ui/src/layouts/UserLayout.vue
+++ b/ui/src/layouts/UserLayout.vue
@@ -31,6 +31,9 @@
       </div>
       <route-view></route-view>
     </div>
+    <div class="user-layout-footer" v-if="$config.loginFooter">
+      <label v-html="$config.loginFooter"></label>
+    </div>
   </div>
 </template>
 
@@ -97,5 +100,25 @@ export default {
       margin-bottom: 1rem;
     }
   }
+
+  &-footer {
+    display: flex;
+    flex-direction: column;
+    position: absolute;
+    bottom: 20px;
+    text-align: center;
+    width: 100%;
+
+    @media (max-height: 600px) {
+      position: relative;
+      margin-top: 50px;
+    }
+
+    label {
+      width: 368px;
+      font-weight: 500;
+      margin: 0 auto;
+    }
+  }
 }
 </style>