From b3be49ddafbab5ce8ca5efb0de05580164d375fc Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Thu, 31 Oct 2019 19:48:46 +0000
Subject: [PATCH] Updated various changed layout items from 1.5vuetify to 2.x
 vuetify.  Still more grid layout stuff but got sizing changed and some
 classes that were renamed.  Seems nothing is more broken at this point and
 some things are fixed

---
 ayanova/src/App.vue                           |  8 +--
 ayanova/src/components/HelloWorld.vue         |  8 +--
 .../components/inventorypartassemblytop.vue   |  2 +-
 ayanova/src/components/inventoryparttop.vue   |  2 +-
 ayanova/src/components/inventorypotop.vue     |  2 +-
 .../src/components/inventorywarehousetop.vue  |  2 +-
 .../src/components/inventorywidgetlist.vue    |  2 +-
 ayanova/src/views/About.vue                   | 50 +++++++++----------
 ayanova/src/views/inventory-widget-edit.vue   |  4 +-
 ayanova/src/views/inventory.vue               |  4 +-
 ayanova/src/views/login.vue                   | 12 ++---
 ayanova/src/views/notfound.vue                |  2 +-
 12 files changed, 49 insertions(+), 49 deletions(-)

diff --git a/ayanova/src/App.vue b/ayanova/src/App.vue
index c6872760..1118da1c 100644
--- a/ayanova/src/App.vue
+++ b/ayanova/src/App.vue
@@ -23,7 +23,7 @@
       fixed
     >
       <v-app-bar-nav-icon @click.stop="drawer = !drawer"></v-app-bar-nav-icon>
-      <v-toolbar-title style="width: 300px" class="ml-0 pl-3">
+      <v-toolbar-title style="width: 300px" class="ml-0 pl-4">
         <v-icon>{{ appBar.icon }}</v-icon
         >&nbsp;
         <span>{{ appBar.title }}</span>
@@ -45,7 +45,7 @@
           </v-btn>
         </template>
         <v-spacer></v-spacer>
-        <v-menu bottom left>
+        <v-menu bottom float-left>
           <template v-slot:activator="{ on }">
             <v-btn text icon v-on="on">
               <v-icon>fa-ellipsis-v</v-icon>
@@ -87,7 +87,7 @@
       </v-toolbar-items>
     </v-app-bar>
     <v-content>
-      <v-container fluid fill-height>
+      <v-container container--fluid fill-height>
         <v-layout justify-center>
           <transition name="fade" mode="out-in" @after-leave="afterLeave">
             <router-view class="view"></router-view>
@@ -97,7 +97,7 @@
     </v-content>
     <v-footer v-if="!isAuthenticated">
       <v-layout>
-        <v-flex primary py-2 text-xs-center white--text xs12>
+        <v-flex primary py-2 text-center white--text xs12>
           <div>
             <a href="https://ayanova.com" target="_blank">
               <span class="white--text caption"
diff --git a/ayanova/src/components/HelloWorld.vue b/ayanova/src/components/HelloWorld.vue
index 1ab92705..7d5de946 100644
--- a/ayanova/src/components/HelloWorld.vue
+++ b/ayanova/src/components/HelloWorld.vue
@@ -1,16 +1,16 @@
 <template>
   <v-container>
-    <v-layout text-xs-center wrap>
+    <v-layout text-center wrap>
       <v-flex xs12>
         <v-img
           :src="require('../assets/logo.svg')"
-          class="my-3"
+          class="my-4"
           contain
           height="200"
         ></v-img>
       </v-flex>
-      <v-flex mb-4 v-if="this.formReady">
-        <h1 class="display-2 font-weight-bold mb-3">
+      <v-flex mb-6 v-if="this.formReady">
+        <h1 class="display-2 font-weight-bold mb-4">
           {{ lt("Welcome") }}
         </h1>
       </v-flex>
diff --git a/ayanova/src/components/inventorypartassemblytop.vue b/ayanova/src/components/inventorypartassemblytop.vue
index 81532d8d..d0f10082 100644
--- a/ayanova/src/components/inventorypartassemblytop.vue
+++ b/ayanova/src/components/inventorypartassemblytop.vue
@@ -1,7 +1,7 @@
 <template>
   <v-flex xs12 md4>
     <v-card class="elevation-5 transparent">
-      <v-card-text class="text-xs-center">
+      <v-card-text class="text-center">
         <v-icon x-large color="secondary">fa-heart</v-icon>
       </v-card-text>
       <v-card-title primary-title class="layout justify-center">
diff --git a/ayanova/src/components/inventoryparttop.vue b/ayanova/src/components/inventoryparttop.vue
index ade32106..01bc9e32 100644
--- a/ayanova/src/components/inventoryparttop.vue
+++ b/ayanova/src/components/inventoryparttop.vue
@@ -1,7 +1,7 @@
 <template>
   <v-flex xs12 md4>
     <v-card class="elevation-5 transparent">
-      <v-card-text class="text-xs-center">
+      <v-card-text class="text-center">
         <v-icon x-large color="secondary">fa-cannabis</v-icon>
       </v-card-text>
       <v-card-title primary-title class="layout justify-center">
diff --git a/ayanova/src/components/inventorypotop.vue b/ayanova/src/components/inventorypotop.vue
index 164896ad..6677e108 100644
--- a/ayanova/src/components/inventorypotop.vue
+++ b/ayanova/src/components/inventorypotop.vue
@@ -1,7 +1,7 @@
 <template>
   <v-flex xs12 md4>
     <v-card class="elevation-5 transparent">
-      <v-card-text class="text-xs-center">
+      <v-card-text class="text-center">
         <v-icon x-large color="secondary">fa-crow</v-icon>
       </v-card-text>
       <v-card-title primary-title class="layout justify-center">
diff --git a/ayanova/src/components/inventorywarehousetop.vue b/ayanova/src/components/inventorywarehousetop.vue
index ab994071..c0af9204 100644
--- a/ayanova/src/components/inventorywarehousetop.vue
+++ b/ayanova/src/components/inventorywarehousetop.vue
@@ -1,7 +1,7 @@
 <template>
   <v-flex xs12 md4>
     <v-card class="elevation-5 transparent">
-      <v-card-text class="text-xs-center">
+      <v-card-text class="text-center">
         <v-icon x-large color="secondary">fa-heart </v-icon>
       </v-card-text>
       <v-card-title primary-title class="layout justify-center">
diff --git a/ayanova/src/components/inventorywidgetlist.vue b/ayanova/src/components/inventorywidgetlist.vue
index 9cc7b6ce..3cd383cc 100644
--- a/ayanova/src/components/inventorywidgetlist.vue
+++ b/ayanova/src/components/inventorywidgetlist.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-layout column wrap class="my-5" align-center v-if="this.formState.ready">
+  <v-layout column wrap class="my-12" align-center v-if="this.formState.ready">
     <v-flex xs12 mt-1 mb-2 v-if="formState.errorBoxMessage">
       <v-alert
         ref="errorbox"
diff --git a/ayanova/src/views/About.vue b/ayanova/src/views/About.vue
index 69b02825..06ec24be 100644
--- a/ayanova/src/views/About.vue
+++ b/ayanova/src/views/About.vue
@@ -17,117 +17,117 @@
       <v-card id="aboutinfocard">
         <v-subheader>{{ lt("ClientApp") }}</v-subheader>
         <div>
-          <span class="ml-4 body-1">{{ lt("Version") }}:</span>
+          <span class="ml-6 body-1">{{ lt("Version") }}:</span>
           <span class="body-2">{{ clientInfo.version }}</span>
         </div>
         <div>
-          <span class="ml-4 body-1">{{ lt("User") }}:</span>
+          <span class="ml-6 body-1">{{ lt("User") }}:</span>
           <span class="body-2">{{ this.$store.state.userName }}</span>
         </div>
 
         <div>
-          <span class="ml-4 body-1">{{ lt("UserTimeZoneOffset") }}:</span>
+          <span class="ml-6 body-1">{{ lt("UserTimeZoneOffset") }}:</span>
           <span class="body-2">
             {{ ltFormat().timeZoneOffset }}
           </span>
         </div>
 
         <div>
-          <span class="ml-4 body-1">{{ lt("DecimalSeparator") }}:</span>
+          <span class="ml-6 body-1">{{ lt("DecimalSeparator") }}:</span>
           <span class="body-2">{{ ltFormat().decimalSeparator }}</span>
         </div>
 
         <div>
-          <span class="ml-4 body-1">{{ lt("CurrencySymbol") }}:</span>
+          <span class="ml-6 body-1">{{ lt("CurrencySymbol") }}:</span>
           <span class="body-2">{{ ltFormat().currencySymbol }}</span>
         </div>
 
         <div>
-          <span class="ml-4 body-1">{{ lt("ShortDateFormat") }}:</span>
+          <span class="ml-6 body-1">{{ lt("ShortDateFormat") }}:</span>
           <span class="body-2">{{ ltFormat().shortDate }}</span>
         </div>
 
         <div>
-          <span class="ml-4 body-1">{{ lt("ShortTimeFormat") }}:</span>
+          <span class="ml-6 body-1">{{ lt("ShortTimeFormat") }}:</span>
           <span class="body-2">{{ ltFormat().shortTime }}</span>
         </div>
 
         <div>
-          <span class="ml-4 body-1">{{ lt("ShortDateAndTimeFormat") }}: </span>
+          <span class="ml-6 body-1">{{ lt("ShortDateAndTimeFormat") }}: </span>
           <span class="body-2">{{ ltFormat().shortDateAndTime }}</span>
         </div>
 
-        <v-divider class="mt-4"></v-divider>
+        <v-divider class="mt-6"></v-divider>
         <v-subheader>{{ lt("Browser") }}</v-subheader>
         <div v-for="(value, name) in clientInfo.browser" :key="name">
-          <span class="ml-4 body-1">{{ name }}:</span>
+          <span class="ml-6 body-1">{{ name }}:</span>
           <span class="body-2">{{ value }}</span>
         </div>
 
-        <v-divider class="mt-4"></v-divider>
+        <v-divider class="mt-6"></v-divider>
         <v-subheader>{{ lt("Server") }}</v-subheader>
         <div>
-          <span class="ml-4 body-1">{{ lt("ServerAddress") }}:</span>
+          <span class="ml-6 body-1">{{ lt("ServerAddress") }}:</span>
           <span class="body-2">{{ this.$store.state.apiUrl }}</span>
         </div>
         <div>
-          <span class="ml-4 body-1">{{ lt("Version") }}:</span>
+          <span class="ml-6 body-1">{{ lt("Version") }}:</span>
           <span class="body-2">{{ serverInfo.serverVersion }}</span>
         </div>
         <div>
-          <span class="ml-4 body-1">{{ lt("SchemaVersion") }}:</span>
+          <span class="ml-6 body-1">{{ lt("SchemaVersion") }}:</span>
           <span class="body-2">{{ serverInfo.dbSchemaVersion }}</span>
         </div>
         <div>
-          <span class="ml-4 body-1">{{ lt("ServerTime") }}:</span>
+          <span class="ml-6 body-1">{{ lt("ServerTime") }}:</span>
           <span class="body-2">{{ serverInfo.serverLocalTime }}</span>
         </div>
         <div>
-          <span class="ml-4 body-1">{{ lt("TimeZone") }}:</span>
+          <span class="ml-6 body-1">{{ lt("TimeZone") }}:</span>
           <span class="body-2">{{ serverInfo.serverTimeZone }}</span>
         </div>
 
-        <v-divider class="mt-4"></v-divider>
+        <v-divider class="mt-6"></v-divider>
         <v-subheader>{{ lt("HelpLicense") }}</v-subheader>
         <div>
-          <span class="ml-4 body-1">{{ lt("RegisteredUser") }}:</span>
+          <span class="ml-6 body-1">{{ lt("RegisteredUser") }}:</span>
           <span class="body-2">{{
             serverInfo.license.license.licensedTo
           }}</span>
         </div>
         <div>
-          <span class="ml-4 body-1">{{ lt("DatabaseID") }}:</span>
+          <span class="ml-6 body-1">{{ lt("DatabaseID") }}:</span>
           <span class="body-2">{{ serverInfo.license.license.dbId }}</span>
         </div>
         <div>
-          <span class="ml-4 body-1">{{ lt("LicenseSerial") }}:</span>
+          <span class="ml-6 body-1">{{ lt("LicenseSerial") }}:</span>
           <span class="body-2">{{ serverInfo.license.license.keySerial }}</span>
         </div>
         <div>
-          <span class="ml-4 body-1">{{ lt("LicenseExpiration") }}:</span>
+          <span class="ml-6 body-1">{{ lt("LicenseExpiration") }}:</span>
           <span class="body-2">{{
             serverInfo.license.license.licenseExpiration
           }}</span>
         </div>
         <div>
-          <span class="ml-4 body-1">{{ lt("SupportedUntil") }}:</span>
+          <span class="ml-6 body-1">{{ lt("SupportedUntil") }}:</span>
           <span class="body-2">{{
             serverInfo.license.license.maintenanceExpiration
           }}</span>
         </div>
 
-        <v-divider class="mt-4"></v-divider>
+        <v-divider class="mt-6"></v-divider>
         <v-subheader>{{ lt("LicensedOptions") }}</v-subheader>
 
         <div
           v-for="item in serverInfo.license.license.features"
           :key="item.Feature"
         >
-          <span class="ml-4 body-1">{{ item.Feature }}</span>
+          <span class="ml-6 body-1">{{ item.Feature }}</span>
           <span class="body-2">{{ item.Count ? ": " + item.Count : "" }}</span>
         </div>
 
-        <v-divider class="mt-4"></v-divider>
+        <v-divider class="mt-6"></v-divider>
       </v-card>
     </v-flex>
   </v-layout>
diff --git a/ayanova/src/views/inventory-widget-edit.vue b/ayanova/src/views/inventory-widget-edit.vue
index 76b9536e..ffc90617 100644
--- a/ayanova/src/views/inventory-widget-edit.vue
+++ b/ayanova/src/views/inventory-widget-edit.vue
@@ -172,10 +172,10 @@
             <!-- v-model="obj.customFields" -->
           </v-flex>
         </v-layout>
-        <!-- <v-layout align-left justify-center row wrap mt-5>
+        <!-- <v-layout align-left justify-center row wrap mt-12>
           <v-flex xs6 sm4> FORMtags: {{ obj.tags }} </v-flex>
         </v-layout> -->
-        <!-- <v-layout align-left justify-center row wrap mt-5>
+        <!-- <v-layout align-left justify-center row wrap mt-12>
           <v-flex xs6 sm4>
             READY: {{ formState.ready }}
             <br />
diff --git a/ayanova/src/views/inventory.vue b/ayanova/src/views/inventory.vue
index 046c4085..9150d280 100644
--- a/ayanova/src/views/inventory.vue
+++ b/ayanova/src/views/inventory.vue
@@ -22,11 +22,11 @@
     <PartAssemblyTop />
     <v-flex xs12 md4>
       <v-card class="elevation-0 transparent">
-        <v-card-text class="text-xs-center">
+        <v-card-text class="text-center">
           <v-icon x-large color="accent">fa-lightbulb</v-icon>
         </v-card-text>
         <v-card-title primary-title class="layout justify-center">
-          <div class="headline text-xs-center">Material Design</div>
+          <div class="headline text-center">Material Design</div>
         </v-card-title>
         <v-card-text>
           Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat
diff --git a/ayanova/src/views/login.vue b/ayanova/src/views/login.vue
index d5466425..8424aec5 100644
--- a/ayanova/src/views/login.vue
+++ b/ayanova/src/views/login.vue
@@ -1,18 +1,18 @@
 <template>
-  <v-container fluid>
+  <v-container container--fluid>
     <v-layout row wrap>
-      <v-flex xs12 class="hidden-sm-and-down text-xs-center" mt-5 ml-5 pl-5>
+      <v-flex xs12 class="hidden-sm-and-down text-center" mt-12 ml-12 pl-12>
         <v-img
           :src="require('../assets/logo.svg')"
-          class="my-3"
+          class="my-4"
           contain
           height="200"
         ></v-img>
       </v-flex>
-      <v-flex xs12 class="hidden-md-and-up text-xs-center">
+      <v-flex xs12 class="hidden-md-and-up text-center">
         <v-img :src="require('../assets/logo.svg')" contain height="64"></v-img>
       </v-flex>
-      <v-flex xs12 sm6 offset-sm3 mt-3>
+      <v-flex xs12 sm6 offset-sm3 mt-4>
         <form>
           <v-layout column>
             <v-flex>
@@ -46,7 +46,7 @@
                 v-on:keyup.enter="login"
               ></v-text-field>
             </v-flex>
-            <v-flex class="text-xs-center" mt-1>
+            <v-flex class="text-center" mt-1>
               <v-btn color="primary" v-on:click="login()">
                 <v-icon>fa-sign-in-alt</v-icon>
               </v-btn>
diff --git a/ayanova/src/views/notfound.vue b/ayanova/src/views/notfound.vue
index b078326d..caa3e630 100644
--- a/ayanova/src/views/notfound.vue
+++ b/ayanova/src/views/notfound.vue
@@ -2,7 +2,7 @@
   <v-container>
     <v-layout justify-center>
       <v-flex xs12>
-        <div class="text-xs-center">
+        <div class="text-center">
           <v-icon color="red" size="100">fa-dragon</v-icon>
           <div class="headline">
             {{ "404 - " + window.$gz.locale.get("ErrorAPI2010") }}