ayanova/src/components/work-order-item-tasks.vue

@@ -5,7 +5,9 @@
         <v-menu offset-y>
           <template v-slot:activator="{ on, attrs }">
             <div class="text-h6">
-              <v-icon large color="primary" class="mr-2">$ayiTasks</v-icon>
+              <v-icon large :color="hasData ? 'primary' : null" class="mr-2"
+                >$ayiTasks</v-icon
+              >
               {{ $ay.t("WorkOrderItemTasks") }}
               <v-btn v-if="!parentDeleted" large icon v-bind="attrs" v-on="on">
                 <v-icon small color="primary">$ayiEllipsisV</v-icon>
@@ -42,7 +44,7 @@
         </v-menu>
       </v-col>
 
-      <template v-if="showTable">
+      <template v-if="hasData">
         <!-- ############################################################### -->
         <v-col cols="12" class="mb-10">
           <v-data-table
@@ -64,8 +66,7 @@
           >
           </v-data-table>
         </v-col>
-      </template>
-      <template v-if="activeItemIndex != null">
+
         <v-btn
           v-if="canDelete && isDeleted"
           large
@@ -579,8 +580,8 @@ export default {
     formCustomTemplateKey: function() {
       return this.pvm.formCustomTemplateKey;
     },
-    showTable: function() {
-      return this.value.items[this.activeWoItemIndex].tasks.length > 1;
+    hasData: function() {
+      return this.activeItemIndex != null;
     },
     canAdd: function() {
       return this.pvm.rights.change && this.pvm.subRights.tasks.create;