Auth: Remove release info from login page footer #98 #782

frontend/.eslintrc.js

@@ -51,6 +51,13 @@ module.exports = {
     "no-console": 0,
     "no-case-declarations": 0,
     "no-prototype-builtins": 0,
+    "vue/first-attribute-linebreak": [
+      "error",
+      {
+        singleline: "ignore",
+        multiline: "ignore",
+      },
+    ],
     "prettier-vue/prettier": [
       "error",
       {

frontend/src/component/footer.vue

@@ -3,16 +3,17 @@
     <v-card-actions class="px-4 py-2">
       <v-layout wrap align-top pt-3>
         <v-flex xs12 sm6 class="px-0 pb-2 body-1 text-selectable">
-          PhotoPrism® {{ $config.get("version") }}<br>
-          <router-link to="/about">100% self-funded and independent</router-link>
+          <template v-if="sponsor"><router-link to="/about"><translate>Thank you very much for your support!</translate></router-link></template>
+          <template v-else><router-link to="/about" class="text-link">Help us make a difference and become a sponsor today!</router-link></template>
+          <br>
+          PhotoPrism® {{ $config.get("version") }}
         </v-flex>
 
         <v-flex xs12 sm6 class="px-0 pb-2 body-1 text-xs-left text-sm-right">
-          <a href="https://photoprism.app/team/" target="_blank">© 2018-2022 Michael Mayer</a>
-          <br>
           <a href="https://raw.githubusercontent.com/photoprism/photoprism/develop/NOTICE"
              target="_blank">
-            3rd-party software packages</a>
+            3rd-party software packages</a><br>
+          <a href="https://photoprism.app/team/" target="_blank">© 2018-2022 Michael Mayer</a>
         </v-flex>
       </v-layout>
     </v-card-actions>
@@ -23,7 +24,9 @@
 export default {
   name: 'PAboutFooter',
   data() {
-    return {};
+    return {
+      sponsor: this.$config.values.sponsor,
+    };
   },
   methods: {},
 };

frontend/src/pages/login.vue

@@ -39,11 +39,9 @@
               ></v-text-field>
             </v-flex>
             <v-flex xs12 class="px-2 py-3">
-              <v-btn color="primary-button"
+              <v-btn depressed :disabled="loading || !password || !username"
                      class="white--text ml-0 action-confirm"
-                     depressed
-                     :disabled="loading || !password || !username"
-                     @click.stop="login">
+                     color="primary-button" @click.stop="login">
                 <translate>Sign in</translate>
                 <v-icon :right="!rtl" :left="rtl" dark>login</v-icon>
               </v-btn>
@@ -53,13 +51,13 @@
       </v-card>
     </v-form>
 
-    <p-about-footer></p-about-footer>
+    <p-about-footer v-if="!sponsor"></p-about-footer>
   </div>
 </template>
 
 <script>
 export default {
-  name: 'Login',
+  name: "PPageLogin",
   data() {
     const c = this.$config.values;
 
@@ -68,6 +66,7 @@ export default {
       showPassword: false,
       username: "admin",
       password: "",
+      sponsor: this.$config.values.sponsor,
       siteDescription: c.siteDescription ? c.siteDescription : c.siteCaption,
       nextUrl: this.$route.params.nextUrl ? this.$route.params.nextUrl : "/",
       rtl: this.$rtl,