From d331b169e8cdf50fed0594b0433457e7c0c30ba7 Mon Sep 17 00:00:00 2001
From: Fabio Guachalla <fabio.guachalla@processmaker.com>
Date: Mon, 20 Sep 2021 17:43:12 -0400
Subject: [PATCH] PMCORE-3351:Case list settings is not highlighted when the
 mouse is over that icon

SQL translation
---
 .../components/menu/CustomSidebarMenuItem.vue | 28 +++++++++++++++----
 .../translations/english/processmaker.en.po   |  6 ++++
 workflow/engine/data/mysql/insert.sql         |  1 +
 3 files changed, 30 insertions(+), 5 deletions(-)

diff --git a/resources/assets/js/components/menu/CustomSidebarMenuItem.vue b/resources/assets/js/components/menu/CustomSidebarMenuItem.vue
index 29189883a..849862eba 100644
--- a/resources/assets/js/components/menu/CustomSidebarMenuItem.vue
+++ b/resources/assets/js/components/menu/CustomSidebarMenuItem.vue
@@ -43,11 +43,22 @@
                                 :data="item"
                                 ref="tooltip"
                             ></custom-tooltip>
-                            <b-icon
-                                v-if="item.sortable"
-                                :icon="item.sortIcon"
-                                @click="onClickSortSettings"
-                            ></b-icon>
+                            <span v-if="item.sortable">
+                                <b-icon
+                                    :id="`gear-${item.id}`"
+                                    :icon="item.sortIcon"
+                                    @click="onClickSortSettings"
+                                    @mouseover="hoverHandler"
+                                    @mouseleave="unhoverHandler"
+                                    v-bind:style="{color: sortColor}"
+                                ></b-icon>
+                                <b-tooltip
+                                    :target="`gear-${item.id}`"
+                                    triggers="hover"
+                                >
+                                    {{ $t("ID_CASES_LIST_SETTINGS") }}
+                                </b-tooltip>
+                            </span>
                         </span>
                     </template>
                 </transition>
@@ -233,6 +244,7 @@ export default {
                 CASES_PAUSED: "paused",
                 CASES_SELFSERVICE: "unassigned"
             },
+            sortColor: "white",
         };
     },
     mounted() {
@@ -563,6 +575,12 @@ export default {
             event.stopPropagation();
             this.$refs["modal"].show();
         },
+        hoverHandler() {
+            this.sortColor = '#02feff';
+        },
+        unhoverHandler() {
+            this.sortColor = 'white';
+        }
     },
     inject: ["emitActiveShow", "emitItemClick", "emitItemUpdate"],
 };
diff --git a/workflow/engine/content/translations/english/processmaker.en.po b/workflow/engine/content/translations/english/processmaker.en.po
index e4a95a988..5acc786aa 100755
--- a/workflow/engine/content/translations/english/processmaker.en.po
+++ b/workflow/engine/content/translations/english/processmaker.en.po
@@ -3767,6 +3767,12 @@ msgstr "Case List Fields"
 msgid "Loading Cases List, please wait..."
 msgstr "Loading Cases List, please wait..."
 
+# TRANSLATION
+# LABEL/ID_CASES_LIST_SETTINGS
+#: LABEL/ID_CASES_LIST_SETTINGS
+msgid "Cases List Settings"
+msgstr "Cases List Settings"
+
 # TRANSLATION
 # LABEL/ID_CASES_LIST_SETUP
 #: LABEL/ID_CASES_LIST_SETUP
diff --git a/workflow/engine/data/mysql/insert.sql b/workflow/engine/data/mysql/insert.sql
index eb68885c4..2f6085465 100755
--- a/workflow/engine/data/mysql/insert.sql
+++ b/workflow/engine/data/mysql/insert.sql
@@ -57439,6 +57439,7 @@ INSERT INTO TRANSLATION (TRN_CATEGORY,TRN_ID,TRN_LANG,TRN_VALUE,TRN_UPDATE_DATE
 ( 'LABEL','ID_CASES_LIST','en','Cases Lists','2015-04-28') ,
 ( 'LABEL','ID_CASES_LIST_FIELDS','en','Case List Fields','2017-02-21') ,
 ( 'LABEL','ID_CASES_LIST_GRID_LOADING','en','Loading Cases List, please wait...','2014-01-15') ,
+( 'LABEL','ID_CASES_LIST_SETTINGS','en','Cases List Settings','2021-09-20') ,
 ( 'LABEL','ID_CASES_LIST_SETUP','en','Case Lists','2017-02-21') ,
 ( 'LABEL','ID_CASES_MENU_ADMIN','en','Process Supervisor','2014-01-15') ,
 ( 'LABEL','ID_CASES_MENU_FOLDERS','en','Cases','2014-01-15') ,