From 3250662feb9daca15752480f46e3ef7e2a85cebf Mon Sep 17 00:00:00 2001
From: Fabio Guachalla <fabio.guachalla@processmaker.com>
Date: Wed, 29 Sep 2021 14:57:07 -0400
Subject: [PATCH] PMCORE-3384:loading icon over TASK is not working

---
 .../components/menu/CustomSidebarMenuItem.vue | 22 ++++++++++++-------
 .../js/components/utils/CustomTooltip.vue     |  3 ++-
 2 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/resources/assets/js/components/menu/CustomSidebarMenuItem.vue b/resources/assets/js/components/menu/CustomSidebarMenuItem.vue
index ece05aa08..aeb6b1071 100644
--- a/resources/assets/js/components/menu/CustomSidebarMenuItem.vue
+++ b/resources/assets/js/components/menu/CustomSidebarMenuItem.vue
@@ -39,10 +39,17 @@
                         "
                     >
                         <span :class="item.specialType != 'header'?'vsm--title': 'vsm--header vsm--title--header'">
-                            <custom-tooltip
-                                :data="item"
-                                ref="tooltip"
-                            ></custom-tooltip>
+                            <template v-if="!verifyTaskMetrics">
+                                <custom-tooltip
+                                    :data="item"
+                                    ref="tooltip"
+                                ></custom-tooltip>
+                            </template>
+                            <template v-else>
+                                <span>
+                                    {{ item.title }}
+                                </span>
+                            </template>
                             <span v-if="item.sortable">
                                 <b-icon
                                     :id="`gear-${item.id}`"
@@ -305,11 +312,10 @@ export default {
             }
         },
         /**
-         * Verify if the item is INBOX, DRAFT, PAUSED OR UNASSIGNED
-         * to set functionality of tooltip and highlight 
+         * Verify if the item is TASK_METRICS
          */
-        itemTaskList() {
-            return this.menuMap[this.item.id] !== undefined;
+        verifyTaskMetrics() {
+            return this.item.id === "TASK_METRICS";
         },
         /**
          * Set color to icon defined from custom case list
diff --git a/resources/assets/js/components/utils/CustomTooltip.vue b/resources/assets/js/components/utils/CustomTooltip.vue
index f3640a8ea..af58b271b 100644
--- a/resources/assets/js/components/utils/CustomTooltip.vue
+++ b/resources/assets/js/components/utils/CustomTooltip.vue
@@ -50,7 +50,7 @@ export default {
          * Delay the hover event
          */
         hoverHandler() {
-            this.isLoading = true;
+            this.loading = setTimeout(() => { this.isLoading = true }, 1000) ;
             this.hovering = setTimeout(() => { this.setTooltip() }, 3000);
         },
         /**
@@ -61,6 +61,7 @@ export default {
             this.labelDescription = "";
             this.showTooltip = false;
             this.isLoading = false;
+            clearTimeout(this.loading);
             clearTimeout(this.hovering);
         },
         /**