save overlay

ayanova/devdocs/todo.txt

@@ -513,9 +513,6 @@ CURRENTLY DOING:
 
 todo MISC: 
 	
-	CLIENT generate new wo then go back goes to zero id new but then is stuck with error can't go back further due to broken rule
-		shouldn't it skip this one like the others do??
-		shouldn't it not prompt if it's a not filled in new wo anyway??
 	during Save of workorder it should not be available for entry as it can take some time to process and user could fuck off in the middle of it
 		maybe a "Saving..." toast / popup and overlay to prevent fuckery??
 	Duplicate to self menu option in pm/wo/quote should prompt for attachments and wiki just like it does for the other types
@@ -856,4 +853,9 @@ BUILD CHANGES OF NOTE
 
 BUILD 118
 
-- Implemented all Child->grandchild data tables for quotes and pm's like workorders
+- Implemented all Child->grandchild data tables for quotes and pm's like workorders
+- Loading / Saving overlay fully implemented for all forms
+	this prevents users from clicking around while a save is happening 
+		workorders with a lot of changes take time to walk the tree and save each item which spurred this change mostly
+	clearly denotes that something is happening that they need to wait for
+	

ayanova/src/views/acc-service-bank.vue

@@ -91,13 +91,9 @@
         </v-row>
       </v-form>
     </div>
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
   </div>
 </template>
 

ayanova/src/views/acc-service-rate.vue

@@ -187,13 +187,9 @@
         </v-row>
       </v-form>
     </div>
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
   </div>
 </template>
 

ayanova/src/views/acc-tax-code.vue

@@ -149,13 +149,9 @@
         </v-row>
       </v-form>
     </div>
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
   </div>
 </template>
 

ayanova/src/views/acc-travel-rate.vue

@@ -185,13 +185,9 @@
         </v-row>
       </v-form>
     </div>
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
   </div>
 </template>
 

ayanova/src/views/adm-global-settings.vue

@@ -679,13 +679,9 @@
         </v-row>
       </v-form>
     </div>
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
   </div>
 </template>
 

ayanova/src/views/adm-translation.vue

@@ -131,13 +131,9 @@
         </v-form>
       </v-col>
     </v-row>
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
   </div>
 </template>
 

ayanova/src/views/adm-user.vue

@@ -403,13 +403,9 @@
         </v-tabs>
       </v-form>
     </div>
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
   </div>
 </template>
 

ayanova/src/views/ay-report-edit.vue

@@ -1,8 +1,12 @@
 <template>
   <div v-resize="onResize">
-    <v-overlay :value="rendering" z-index="999">
+    <v-overlay
+      :value="rendering || !formState.ready || formState.loading"
+      z-index="999"
+    >
       <v-progress-circular indeterminate size="64"></v-progress-circular>
     </v-overlay>
+
     <!-- {{ formState }} -->
     <v-row v-show="formState.ready">
       <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>

ayanova/src/views/cust-customer-note.vue

@@ -55,14 +55,9 @@
         </v-col>
       </v-row>
     </v-form>
-
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
   </div>
 </template>
 

ayanova/src/views/cust-customer.vue

@@ -734,13 +734,9 @@
         </v-tabs>
       </v-form>
     </div>
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
   </div>
 </template>
 

ayanova/src/views/cust-head-office.vue

@@ -643,13 +643,9 @@
         </v-tabs>
       </v-form>
     </div>
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
   </div>
 </template>
 

ayanova/src/views/cust-user.vue

@@ -388,13 +388,9 @@
         </v-tabs>
       </v-form>
     </div>
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
   </div>
 </template>
 

ayanova/src/views/customer-csr-edit.vue

@@ -243,13 +243,9 @@
         </v-dialog>
       </v-row>
     </div>
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
   </div>
 </template>
 

ayanova/src/views/customer-workorder.vue

@@ -14,13 +14,9 @@
         </v-row>
       </v-form>
     </div>
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
   </div>
 </template>
 

ayanova/src/views/home-memo.vue

@@ -153,13 +153,9 @@
         </template>
       </v-form>
     </div>
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
   </div>
 </template>
 

ayanova/src/views/home-notify-subscription.vue

@@ -173,13 +173,9 @@
         </v-form>
       </v-col>
     </v-row>
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
   </div>
 </template>
 

ayanova/src/views/home-reminder.vue

@@ -124,13 +124,9 @@
         </v-row>
       </v-form>
     </div>
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
   </div>
 </template>
 

ayanova/src/views/home-review.vue

@@ -160,13 +160,9 @@
         </v-row>
       </v-form>
     </div>
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
   </div>
 </template>
 

ayanova/src/views/inv-part-adjustment.vue

@@ -64,13 +64,9 @@
         </v-row>
       </v-form>
     </div>
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
   </div>
 </template>
 

ayanova/src/views/inv-part-assembly.vue

@@ -140,13 +140,9 @@
         </v-row>
       </v-form>
     </div>
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
     <!-- #########################################################################################################-->
     <!-- ##########################  ITEM EDIT FORM  ###############################-->
     <!-- #########################################################################################################-->

ayanova/src/views/inv-part-serials.vue

@@ -57,13 +57,9 @@
         </v-row>
       </v-form>
     </div>
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
   </div>
 </template>
 

ayanova/src/views/inv-part-stock-levels.vue

@@ -87,13 +87,9 @@
         </v-row>
       </v-form>
     </div>
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
   </div>
 </template>
 

ayanova/src/views/inv-part-warehouse.vue

@@ -89,13 +89,9 @@
         </v-row>
       </v-form>
     </div>
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
   </div>
 </template>
 

ayanova/src/views/inv-part.vue

@@ -293,13 +293,9 @@
         </v-row>
       </v-form>
     </div>
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
   </div>
 </template>
 

ayanova/src/views/inv-purchase-order.vue

@@ -358,13 +358,9 @@
         </v-row>
       </v-form>
     </div>
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
     <!-- #########################################################################################-->
     <!-- ########################## PURCHASE ORDER ITEM EDIT FORM  ###############################-->
     <!-- #########################################################################################-->

ayanova/src/views/svc-contract.vue

@@ -552,13 +552,9 @@
         </v-row>
       </v-form>
     </div>
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
     <!-- #################################################################################################-->
     <!-- ########################## CONTRACT PART OVERRIDE ITEM EDIT FORM  ###############################-->
     <!-- #################################################################################################-->

ayanova/src/views/svc-csr.vue

@@ -237,13 +237,9 @@
         </v-dialog>
       </v-row>
     </div>
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
   </div>
 </template>
 

ayanova/src/views/svc-loaner.vue

@@ -412,13 +412,9 @@
         </v-row>
       </v-form>
     </div>
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
   </div>
 </template>
 

ayanova/src/views/svc-pm.vue

@@ -28,13 +28,9 @@
         />
       </v-form>
     </div>
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
     <!-- ################################################################################-->
     <!-- ##########################  GENERATE WO DIALOG  ###############################-->
     <!-- ################################################################################-->

ayanova/src/views/svc-project.vue

@@ -165,13 +165,9 @@
         </v-row>
       </v-form>
     </div>
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
   </div>
 </template>
 

ayanova/src/views/svc-quote-status-edit.vue

@@ -109,13 +109,9 @@
         </v-row>
       </v-form>
     </div>
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
   </div>
 </template>
 

ayanova/src/views/svc-quote.vue

@@ -28,13 +28,9 @@
         />
       </v-form>
     </div>
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
     <!-- ################################################################################-->
     <!-- ##########################  GENERATE WO DIALOG  ###############################-->
     <!-- ################################################################################-->

ayanova/src/views/svc-task-group.vue

@@ -97,13 +97,9 @@
         </v-row>
       </v-form>
     </div>
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
     <!-- #########################################################################################################-->
     <!-- ##########################  ITEM EDIT FORM  ###############################-->
     <!-- #########################################################################################################-->

ayanova/src/views/svc-unit-model.vue

@@ -249,13 +249,9 @@
         </v-row>
       </v-form>
     </div>
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
   </div>
 </template>
 

ayanova/src/views/svc-unit.vue

@@ -706,13 +706,9 @@
         </v-tabs>
       </v-form>
     </div>
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
   </div>
 </template>
 

ayanova/src/views/svc-work-order-item-priorities-edit.vue

@@ -46,13 +46,9 @@
         </v-row>
       </v-form>
     </div>
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
   </div>
 </template>
 

ayanova/src/views/svc-work-order-item-status-edit.vue

@@ -63,13 +63,9 @@
         </v-row>
       </v-form>
     </div>
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
   </div>
 </template>
 

ayanova/src/views/svc-work-order-status-edit.vue

@@ -109,13 +109,9 @@
         </v-row>
       </v-form>
     </div>
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
   </div>
 </template>
 

ayanova/src/views/svc-workorder.vue

@@ -28,13 +28,10 @@
         />
       </v-form>
     </div>
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
+    <!-- </template> -->
     <!-- ################################################################################-->
     <!-- ##########################  GENERATE QUOTE DIALOG  ###############################-->
     <!-- ################################################################################-->

ayanova/src/views/vendor.vue

@@ -568,13 +568,9 @@
         </v-tabs>
       </v-form>
     </div>
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
   </div>
 </template>
 

ayanova/src/views/widget.vue

@@ -219,13 +219,9 @@
         </v-form>
       </v-col>
     </v-row>
-    <template v-if="!formState.ready">
-      <v-progress-circular
-        indeterminate
-        color="primary"
-        :size="60"
-      ></v-progress-circular>
-    </template>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
   </div>
 </template>