From 20cd32ed3fcf5675caec5a11ee3da1d3ff2c0e6b Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Tue, 5 Nov 2019 23:55:09 +0000
Subject: [PATCH]

---
 .../components/inventorypartassemblytop.vue   |  34 ++--
 ayanova/src/components/inventoryparttop.vue   |  34 ++--
 ayanova/src/components/inventorypotop.vue     |  34 ++--
 .../src/components/inventorywarehousetop.vue  |  34 ++--
 .../src/components/inventorywidgetlist.vue    | 172 +++++++++---------
 ayanova/src/views/inventory.vue               |  34 ++--
 6 files changed, 177 insertions(+), 165 deletions(-)

diff --git a/ayanova/src/components/inventorypartassemblytop.vue b/ayanova/src/components/inventorypartassemblytop.vue
index 18d0979c..015e4340 100644
--- a/ayanova/src/components/inventorypartassemblytop.vue
+++ b/ayanova/src/components/inventorypartassemblytop.vue
@@ -1,20 +1,22 @@
 <template>
-  <v-col cols="12" md4>
-    <v-card class="elevation-5 transparent">
-      <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">
-        <div class="headline">Part assembly</div>
-      </v-card-title>
-      <v-card-text>
-        Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt
-        ornare. Pellentesque habitant morbi tristique senectus et netus et
-        malesuada fames ac turpis egestas. Nullam in aliquet odio. Aliquam eu
-        est vitae tellus bibendum tincidunt. Suspendisse potenti.
-      </v-card-text>
-    </v-card>
-  </v-col>
+  <v-container>
+    <v-col cols="12">
+      <v-card class="elevation-5 transparent">
+        <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">
+          <div class="headline">Part assembly</div>
+        </v-card-title>
+        <v-card-text>
+          Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat
+          tincidunt ornare. Pellentesque habitant morbi tristique senectus et
+          netus et malesuada fames ac turpis egestas. Nullam in aliquet odio.
+          Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
+        </v-card-text>
+      </v-card>
+    </v-col>
+  </v-container>
 </template>
 
 <script>
diff --git a/ayanova/src/components/inventoryparttop.vue b/ayanova/src/components/inventoryparttop.vue
index f13d90d7..0a635d39 100644
--- a/ayanova/src/components/inventoryparttop.vue
+++ b/ayanova/src/components/inventoryparttop.vue
@@ -1,20 +1,22 @@
 <template>
-  <v-col cols="12" md4>
-    <v-card class="elevation-5 transparent">
-      <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">
-        <div class="headline">Parts</div>
-      </v-card-title>
-      <v-card-text>
-        Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt
-        ornare. Pellentesque habitant morbi tristique senectus et netus et
-        malesuada fames ac turpis egestas. Nullam in aliquet odio. Aliquam eu
-        est vitae tellus bibendum tincidunt. Suspendisse potenti.
-      </v-card-text>
-    </v-card>
-  </v-col>
+  <v-container>
+    <v-col cols="12">
+      <v-card class="elevation-5 transparent">
+        <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">
+          <div class="headline">Parts</div>
+        </v-card-title>
+        <v-card-text>
+          Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat
+          tincidunt ornare. Pellentesque habitant morbi tristique senectus et
+          netus et malesuada fames ac turpis egestas. Nullam in aliquet odio.
+          Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
+        </v-card-text>
+      </v-card>
+    </v-col>
+  </v-container>
 </template>
 
 <script>
diff --git a/ayanova/src/components/inventorypotop.vue b/ayanova/src/components/inventorypotop.vue
index 5d6a7ec1..1c63dffc 100644
--- a/ayanova/src/components/inventorypotop.vue
+++ b/ayanova/src/components/inventorypotop.vue
@@ -1,20 +1,22 @@
 <template>
-  <v-col cols="12">
-    <v-card class="elevation-5 transparent">
-      <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">
-        <div class="headline">Purchase orders</div>
-      </v-card-title>
-      <v-card-text>
-        Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt
-        ornare. Pellentesque habitant morbi tristique senectus et netus et
-        malesuada fames ac turpis egestas. Nullam in aliquet odio. Aliquam eu
-        est vitae tellus bibendum tincidunt. Suspendisse potenti.
-      </v-card-text>
-    </v-card>
-  </v-col>
+  <v-container>
+    <v-col cols="12">
+      <v-card class="elevation-5 transparent">
+        <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">
+          <div class="headline">Purchase orders</div>
+        </v-card-title>
+        <v-card-text>
+          Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat
+          tincidunt ornare. Pellentesque habitant morbi tristique senectus et
+          netus et malesuada fames ac turpis egestas. Nullam in aliquet odio.
+          Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
+        </v-card-text>
+      </v-card>
+    </v-col>
+  </v-container>
 </template>
 
 <script>
diff --git a/ayanova/src/components/inventorywarehousetop.vue b/ayanova/src/components/inventorywarehousetop.vue
index e80007df..d2bf588b 100644
--- a/ayanova/src/components/inventorywarehousetop.vue
+++ b/ayanova/src/components/inventorywarehousetop.vue
@@ -1,20 +1,22 @@
 <template>
-  <v-col cols="12">
-    <v-card class="elevation-5 transparent">
-      <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">
-        <div class="headline">Warehouses</div>
-      </v-card-title>
-      <v-card-text>
-        Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt
-        ornare. Pellentesque habitant morbi tristique senectus et netus et
-        malesuada fames ac turpis egestas. Nullam in aliquet odio. Aliquam eu
-        est vitae tellus bibendum tincidunt. Suspendisse potenti.
-      </v-card-text>
-    </v-card>
-  </v-col>
+  <v-container>
+    <v-col cols="12">
+      <v-card class="elevation-5 transparent">
+        <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">
+          <div class="headline">Warehouses</div>
+        </v-card-title>
+        <v-card-text>
+          Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat
+          tincidunt ornare. Pellentesque habitant morbi tristique senectus et
+          netus et malesuada fames ac turpis egestas. Nullam in aliquet odio.
+          Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
+        </v-card-text>
+      </v-card>
+    </v-col>
+  </v-container>
 </template>
 
 <script>
diff --git a/ayanova/src/components/inventorywidgetlist.vue b/ayanova/src/components/inventorywidgetlist.vue
index 25df6a5b..7ea25134 100644
--- a/ayanova/src/components/inventorywidgetlist.vue
+++ b/ayanova/src/components/inventorywidgetlist.vue
@@ -1,90 +1,92 @@
 <template>
-  <v-row align-center v-if="this.formState.ready">
-    <v-col cols="12" mt-1 mb-2 v-if="formState.errorBoxMessage">
-      <v-alert
-        ref="errorbox"
-        v-show="formState.errorBoxMessage"
-        color="error"
-        icon="fa-exclamation-circle "
-        value="true"
-        transition="scale-transition"
-        class="multi-line"
-        outlined
-        >{{ formState.errorBoxMessage }}</v-alert
-      >
-    </v-col>
-    <v-col cols="12">
-      <div v-if="this.formState.ready">
-        <v-toolbar flat>
-          <v-toolbar-title>
-            <v-icon large color="primary">fa-splotch</v-icon>
-            <span class="hidden-sm-and-down">{{ lt("WidgetList") }}</span>
-          </v-toolbar-title>
-          <v-spacer></v-spacer>
-          <v-btn v-if="this.rights.change" icon @click="newItem()">
-            <v-icon>fa-plus-circle</v-icon>
-          </v-btn>
-          <v-btn icon @click="filterMe()">
-            <v-icon>fa-filter</v-icon>
-          </v-btn>
-          <v-btn icon @click="getDataFromApi()">
-            <v-icon>fa-sync</v-icon>
-          </v-btn>
-          <v-btn icon>
-            <v-icon>fa-ellipsis-v</v-icon>
-          </v-btn>
-        </v-toolbar>
-        <v-data-table
-          v-model="selected"
-          :headers="headers"
-          :items="Items"
-          item-key="id"
-          :options.sync="localFormSettings.pagination"
-          :server-items-length="totalItems"
-          :loading="loading"
-          show-select
-          class="elevation-1"
-          :footer-props="{
-            itemsPerPageOptions: rowsPerPageItems,
-            itemsPerPageText: lt('RowsPerPage')
-          }"
+  <v-container>
+    <div v-if="this.formState.ready">
+      <v-col cols="12" mt-1 mb-2 v-if="formState.errorBoxMessage">
+        <v-alert
+          ref="errorbox"
+          v-show="formState.errorBoxMessage"
+          color="error"
+          icon="fa-exclamation-circle "
+          value="true"
+          transition="scale-transition"
+          class="multi-line"
+          outlined
+          >{{ formState.errorBoxMessage }}</v-alert
         >
-          <template slot="item" slot-scope="props">
-            <tr>
-              <td>
-                <v-checkbox
-                  v-model="props.selected"
-                  primary
-                  hide-details
-                ></v-checkbox>
-              </td>
-              <td class="text-xs-left" @click="editItem(props.item)">
-                {{ props.item.name | capitalize }}
-              </td>
-              <td class="text-xs-left" @click="editItem(props.item)">
-                {{ props.item.serial }}
-              </td>
-              <td class="text-xs-left" @click="editItem(props.item)">
-                {{ props.item.dollarAmount | currency }}
-              </td>
-              <td class="text-xs-left" @click="editItem(props.item)">
-                {{ props.item.active | boolastext }}
-              </td>
-              <td class="text-xs-left" @click="editItem(props.item)">
-                {{ props.item.roles }}
-              </td>
-              <td class="text-xs-left" @click="editItem(props.item)">
-                {{ props.item.startDate | shortdate }}
-              </td>
-              <td class="text-xs-left" @click="editItem(props.item)">
-                {{ props.item.endDate | shortdate }}
-              </td>
-            </tr>
-          </template>
-        </v-data-table>
-      </div>
-    </v-col>
-  </v-row>
+      </v-col>
+      <v-col cols="12">
+        <div class="elevation-5" v-if="this.formState.ready">
+          <v-toolbar flat>
+            <v-toolbar-title>
+              <v-icon large color="primary">fa-splotch</v-icon>
+              <span class="hidden-sm-and-down">{{ lt("WidgetList") }}</span>
+            </v-toolbar-title>
+            <v-spacer></v-spacer>
+            <v-btn v-if="this.rights.change" icon @click="newItem()">
+              <v-icon>fa-plus-circle</v-icon>
+            </v-btn>
+            <v-btn icon @click="filterMe()">
+              <v-icon>fa-filter</v-icon>
+            </v-btn>
+            <v-btn icon @click="getDataFromApi()">
+              <v-icon>fa-sync</v-icon>
+            </v-btn>
+            <v-btn icon>
+              <v-icon>fa-ellipsis-v</v-icon>
+            </v-btn>
+          </v-toolbar>
+          <v-data-table
+            v-model="selected"
+            :headers="headers"
+            :items="Items"
+            item-key="id"
+            :options.sync="localFormSettings.pagination"
+            :server-items-length="totalItems"
+            :loading="loading"
+            show-select
+            class="elevation-1"
+            :footer-props="{
+              itemsPerPageOptions: rowsPerPageItems,
+              itemsPerPageText: lt('RowsPerPage')
+            }"
+          >
+            <template slot="item" slot-scope="props">
+              <tr>
+                <td>
+                  <v-checkbox
+                    v-model="props.selected"
+                    primary
+                    hide-details
+                  ></v-checkbox>
+                </td>
+                <td class="text-xs-left" @click="editItem(props.item)">
+                  {{ props.item.name | capitalize }}
+                </td>
+                <td class="text-xs-left" @click="editItem(props.item)">
+                  {{ props.item.serial }}
+                </td>
+                <td class="text-xs-left" @click="editItem(props.item)">
+                  {{ props.item.dollarAmount | currency }}
+                </td>
+                <td class="text-xs-left" @click="editItem(props.item)">
+                  {{ props.item.active | boolastext }}
+                </td>
+                <td class="text-xs-left" @click="editItem(props.item)">
+                  {{ props.item.roles }}
+                </td>
+                <td class="text-xs-left" @click="editItem(props.item)">
+                  {{ props.item.startDate | shortdate }}
+                </td>
+                <td class="text-xs-left" @click="editItem(props.item)">
+                  {{ props.item.endDate | shortdate }}
+                </td>
+              </tr>
+            </template>
+          </v-data-table>
+        </div>
+      </v-col>
+    </div>
+  </v-container>
 </template>
 
 <script>
diff --git a/ayanova/src/views/inventory.vue b/ayanova/src/views/inventory.vue
index 16638ba1..251c2a4a 100644
--- a/ayanova/src/views/inventory.vue
+++ b/ayanova/src/views/inventory.vue
@@ -18,22 +18,24 @@
     <POTop />
     <PartTop />
     <PartAssemblyTop />
-    <v-col cols="12" md4>
-      <v-card class="elevation-0 transparent">
-        <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-center">Material Design</div>
-        </v-card-title>
-        <v-card-text>
-          Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat
-          tincidunt ornare. Pellentesque habitant morbi tristique senectus et
-          netus et malesuada fames ac turpis egestas. Nullam in aliquet odio.
-          Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
-        </v-card-text>
-      </v-card>
-    </v-col>
+    <v-container>
+      <v-col cols="12" md4>
+        <v-card class="elevation-0 transparent">
+          <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-center">Material Design</div>
+          </v-card-title>
+          <v-card-text>
+            Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat
+            tincidunt ornare. Pellentesque habitant morbi tristique senectus et
+            netus et malesuada fames ac turpis egestas. Nullam in aliquet odio.
+            Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
+          </v-card-text>
+        </v-card>
+      </v-col>
+    </v-container>
   </v-row>
 </template>