Moved footer to login page

ayanova/devdocs/todo.txt

@@ -5,7 +5,7 @@
 
 ### SMALL QUICK ITEMS #####
 
-todo: Default sample logos are fugly, make them smaller and cleaner and less ugly, maybe just a stylized text and faint background, classier looking
+todo: make our logo smaller or move it when a biz logo is displaying on the login form
 
 todo: Direct report view URL doesn't work if already logged in due to code only being in login form
 	need to hijack the router before navigation to intercept special urls
@@ -32,7 +32,6 @@ todo: DataListFilter UI pretty shitty
 	how to make a new filter?
 
 
-todo: make our logo smaller or move it when a biz logo is displaying on the login form
 
 todo: hide swagger logo and branding in api explorer
 

ayanova/src/App.vue

@@ -244,42 +244,12 @@
         </transition>
       </v-container>
     </v-main>
-    <!-- <v-footer
-      v-if="!isAuthenticated"
-      absolute
-      class="font-weight-medium body-2"
-    >
-      <v-col class="primary py-4 text-center white--text" cols="12">
-        <a
-          href="https://ayanova.com"
-          target="_blank"
-          style="text-decoration:none"
-          class="primary py-md-4 px-md-12 text-center white--text"
-        >
-          AyaNova {{ version }} {{ copyright }}
-        </a>
-      </v-col>
-    </v-footer> -->
-
-    <v-footer color="primary" padless v-if="!isAuthenticated">
-      <v-col class="text-center mb-10 mb-sm-2" cols="12">
-        <a
-          href="https://ayanova.com"
-          target="_blank"
-          style="text-decoration:none"
-          class="primary white--text text-caption"
-        >
-          AyaNova {{ version }} {{ copyright }}
-        </a>
-      </v-col>
-    </v-footer>
   </v-app>
 </template>
 
 <script>
 /*  Xeslint-disable    */
 
-import ayaNovaVersion from "./api/ayanova-version";
 import gzconfirm from "./components/gzconfirm";
 import gznotify from "./components/gznotify";
 import openObjectHandler from "./api/open-object-handler";
@@ -304,7 +274,6 @@ export default {
   },
   created() {
     //Detect version change, wipe persisted form settings if has changed
-
     let currentVersion = window.$gz.clientInfo.version;
     if (currentVersion != window.$gz.store.state.lastClientVersion) {
       window.$gz.store.commit(
@@ -393,12 +362,6 @@ export default {
     navItems() {
       return this.$store.state.navItems;
     },
-    copyright() {
-      return ayaNovaVersion.copyright;
-    },
-    version() {
-      return ayaNovaVersion.version;
-    },
     helpUrl() {
       return this.$store.state.helpUrl;
     }

ayanova/src/views/login.vue

@@ -1,4 +1,5 @@
 <template>
+  <div>
     <v-row align="center" justify="center" class="mx-auto mt-sm-12 mb-8">
       <v-col cols="12" offset-md="4">
         <form>
@@ -16,15 +17,21 @@
               </div>
             </v-col>
 
-          <!-- Our branding -->
-          <v-col cols="12" class="hidden-md-and-up">
+            <!-- Small AyaNova logo -->
+            <v-col cols="12" class="hidden-md-and-up" v-if="!hasSmallLogo">
               <v-img
                 :src="require('../assets/logo.svg')"
                 contain
                 height="64"
               ></v-img>
             </v-col>
-          <v-col cols="12" md="7" class="hidden-sm-and-down">
+            <!-- Large AyaNova logo -->
+            <v-col
+              cols="12"
+              md="7"
+              class="hidden-sm-and-down"
+              v-if="!hasMediumLogo"
+            >
               <v-img
                 :src="require('../assets/logo.svg')"
                 contain
@@ -94,12 +101,43 @@
         </form>
       </v-col>
     </v-row>
+    <v-footer color="primary" padless absolute>
+     
+      <div style="text-align: center;" class="mx-auto pa-4">
+        <a
+          href="https://ayanova.com"
+          target="_blank"
+          style="text-decoration:none"
+          class="primary white--text text-caption"
+        >
+          <div style="width: 100%;" class="mx-auto" v-if="true">
+            <v-img
+              style="margin: 0 auto;"
+              :src="require('../assets/logo.svg')"
+              width="48px"
+              height="48px"
+              max-height="48px"
+              max-width="48px"
+              contain
+            ></v-img>
+          </div>
+          <div class="mx-auto">AyaNova {{ version }}</div>
+          <div class="mx-auto">
+            <span class="primary white--text text-caption">{{
+              copyright
+            }}</span>
+          </div>
+        </a>
+      </div>
+    </v-footer>
+  </div>
 </template>
 
 <script>
 /*  xeslint-disable */
 
 import { processLogin, processLogout } from "../api/authutil";
+import ayaNovaVersion from "../api/ayanova-version";
 
 export default {
   data() {
@@ -274,7 +312,14 @@ export default {
       //squash it, this isn't critical
     }
   },
-
+  computed: {
+    copyright() {
+      return ayaNovaVersion.copyright;
+    },
+    version() {
+      return ayaNovaVersion.version;
+    }
+  },
   methods: {
     trialUserSelected(item) {
       this.input.password = item.p;
@@ -291,6 +336,7 @@ export default {
       //move focus to password
       document.getElementsByName("password")[0].focus();
     },
+
     async login() {
       let vm = this;
       if (vm.input.username != "" && vm.input.password != "") {