From 2f21b4fec5f3cec67d8108d884f4bc290fc15ecf Mon Sep 17 00:00:00 2001
From: Michael Mayer <michael@photoprism.app>
Date: Thu, 29 Jun 2023 18:12:45 +0200
Subject: [PATCH] Auth: Refactor login page footer #98

Signed-off-by: Michael Mayer <michael@photoprism.app>
---
 frontend/src/component/auth/footer.vue | 38 +++++++++++++-------------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/frontend/src/component/auth/footer.vue b/frontend/src/component/auth/footer.vue
index a7696cff1..4e62be6c6 100644
--- a/frontend/src/component/auth/footer.vue
+++ b/frontend/src/component/auth/footer.vue
@@ -1,28 +1,23 @@
 <template>
   <div class="auth-footer">
-    <footer v-if="sponsor">
+    <footer>
       <v-layout wrap align-top pa-0 ma-0>
         <v-flex xs12 sm6 class="pa-0 body-2 text-selectable text-xs-center white--text text-sm-left">
-          {{ $config.getAbout() }}
+          {{ about }}
         </v-flex>
 
-        <v-flex v-if="config.legalInfo" xs12 sm6 class="pa-0 body-2 text-xs-center text-sm-right white--text">
-          <a v-if="config.legalUrl" :href="config.legalUrl" target="_blank" class="text-link"
-             :style="`color: ${colors.link}!important`">{{ config.legalInfo }}</a>
-          <span v-else>{{ config.legalInfo }}</span>
+        <v-flex v-if="legalInfo" xs12 sm6 class="pa-0 body-2 text-xs-center text-sm-right white--text">
+          <a v-if="legalUrl" :href="legalUrl" target="_blank" class="text-link"
+             :style="`color: ${colors.link}!important`">{{ legalInfo }}</a>
+          <span v-else>{{ legalInfo }}</span>
         </v-flex>
-        <v-flex v-else xs12 class="pa-0 body-2 text-selectable text-xs-center white--text text-sm-right sm6">
-          <strong>{{ config.siteCaption ? config.siteCaption : config.siteTitle }}</strong>
+        <v-flex v-else-if="caption" xs12 sm6
+                class="pa-0 body-2 text-selectable text-xs-center text-sm-right white--text">
+          <strong>{{ caption }}</strong>
         </v-flex>
-      </v-layout>
-    </footer>
-    <footer v-else>
-      <v-layout wrap align-top pa-0 ma-0>
-        <v-flex xs12 sm6 class="pa-0 body-2 text-xs-center text-sm-left white--text text-selectable">
-          <strong>{{ config.siteTitle }}</strong> – {{ config.siteCaption }}
-        </v-flex>
-        <v-flex xs12 sm6 class="pa-0 body-2 text-selectable text-xs-center text-sm-right">
-          <router-link to="/about" class="text-link"><span class="white--text">Made with ❤️ in Berlin</span></router-link>
+        <v-flex v-else xs12 sm6 class="pa-0 body-2 text-selectable text-xs-center text-sm-right white--text">
+          <router-link to="/about" class="text-link"><span class="white--text">Made with ❤️ in Berlin</span>
+          </router-link>
         </v-flex>
       </v-layout>
     </footer>
@@ -46,9 +41,14 @@ export default {
     },
   },
   data() {
+    const config = this.$config;
     return {
-      sponsor: this.$config.isSponsor(),
-      config: this.$config.values,
+      about: config.getAbout(),
+      sponsor: config.isSponsor(),
+      caption: config.values.siteCaption ? config.values.siteCaption : config.values.siteTitle,
+      legalUrl: config.values.legalUrl,
+      legalInfo: config.values.legalInfo,
+      config: config.values,
       rtl: this.$rtl,
     };
   },