ayanova/src/components/work-order-items.vue

@@ -6,7 +6,9 @@
         <v-menu offset-y>
           <template v-slot:activator="{ on, attrs }">
             <div class="text-h5">
-              <v-icon x-large color="primary" class="mr-2">$ayiWrench</v-icon>
+              <v-icon x-large :color="hasData ? 'primary' : null" class="mr-2"
+                >$ayiWrench</v-icon
+              >
               {{ $ay.t("WorkOrderItemList") }}
               <v-btn large icon v-bind="attrs" v-on="on">
                 <v-icon small color="primary">$ayiEllipsisV</v-icon>
@@ -37,7 +39,7 @@
         </v-menu>
       </v-col>
 
-      <template v-if="showTable">
+      <template>
         <!-- ################################ WORK ORDER ITEMS TABLE ############################### -->
         <v-col cols="12" class="mb-10">
           <v-data-table
@@ -82,7 +84,7 @@
           </v-data-table>
         </v-col>
       </template>
-      <template v-if="activeItemIndex != null">
+      <template v-if="hasData">
         <v-btn
           v-if="canDelete && isDeleted"
           large
@@ -816,9 +818,10 @@ and it's probably not a big list to fill anyway
     formCustomTemplateKey: function() {
       return this.pvm.formCustomTemplateKey;
     },
-    showTable: function() {
-      return this.value && this.value.items && this.value.items.length > 1;
+    hasData: function() {
+      return this.activeItemIndex != null;
     },
+
     canAdd: function() {
       return (
         !this.pvm.formState.readOnly &&