From 3c9a617a2b86c35c85a4fa0ccc3b565f5808d7fa Mon Sep 17 00:00:00 2001
From: Henry Jordan <jonathan.quispe@processmaker.com>
Date: Wed, 13 Oct 2021 20:22:36 +0000
Subject: [PATCH] PMCORE-3404

---
 .../js/home/TaskMetrics/VueChartLvOne.vue     | 25 +++++++++++--------
 .../translations/english/processmaker.en.po   |  8 +++++-
 workflow/engine/data/mysql/insert.sql         |  1 +
 3 files changed, 23 insertions(+), 11 deletions(-)

diff --git a/resources/assets/js/home/TaskMetrics/VueChartLvOne.vue b/resources/assets/js/home/TaskMetrics/VueChartLvOne.vue
index 07678aebe..a0d1e2c36 100644
--- a/resources/assets/js/home/TaskMetrics/VueChartLvOne.vue
+++ b/resources/assets/js/home/TaskMetrics/VueChartLvOne.vue
@@ -79,6 +79,9 @@
           </h4>
         </div>
       </div>
+      <div class="v-search-info">
+        {{ $t("ID_SELECT_PROCESS_DRILL") }}
+      </div>
       <apexchart
         ref="LevelOneChart"
         :width="width"
@@ -139,17 +142,11 @@ export default {
           type: "bar",
           id: "LevelOneChart",
           toolbar: {
-            show: false,
+            show: true,
           },
           events: {
-            mouseMove: function (event, chartContext, config) {
-              if (
-                config.dataPointIndex != that.dataPointIndex &&
-                config.dataPointIndex != -1
-              ) {
-                that.dataPointIndex = config.dataPointIndex;
-                that.$refs.popover.$emit("close");
-              }
+            click: function (event, chartContext, config) {
+              that.$refs.popover.$emit("close");
               if (config.dataPointIndex != -1) {
                 that.currentSelection = that.totalCases[config.dataPointIndex];
                 that.onShowDrillDownOptions(
@@ -169,7 +166,7 @@ export default {
         },
         colors: ["#33b2df", "#546E7A", "#d4526e", "#13d8aa"],
         dataLabels: {
-          enabled: true,
+          enabled: false,
         },
         xaxis: {
           categories: [],
@@ -487,5 +484,13 @@ export default {
 .vp-flex1 {
   flex: 1;
 }
+
+.v-search-info {
+  font-size: 15px;
+  color: darkgray;
+  padding-left: 5%;
+  padding-top: 10px;
+  text-align: end;
+}
 </style>
 <style src="vue-multiselect/dist/vue-multiselect.min.css"></style>
\ No newline at end of file
diff --git a/workflow/engine/content/translations/english/processmaker.en.po b/workflow/engine/content/translations/english/processmaker.en.po
index 1541e9529..28d80c43d 100755
--- a/workflow/engine/content/translations/english/processmaker.en.po
+++ b/workflow/engine/content/translations/english/processmaker.en.po
@@ -53311,4 +53311,10 @@ msgstr "Solid icons"
 # LABEL/ID_SOLID_ICONS_NOT_FOUND
 #: LABEL/ID_SOLID_ICONS_NOT_FOUND
 msgid "Sorry, No Solid icons found!"
-msgstr "Sorry, No Solid icons found!"
\ No newline at end of file
+msgstr "Sorry, No Solid icons found!"
+
+# TRANSLATION
+# LABEL/ID_SELECT_PROCESS_DRILL
+#: LABEL/ID_SELECT_PROCESS_DRILL
+msgid "Select a process to have the Drilling Down Options"
+msgstr "Select a process to have the Drilling Down Options"
\ No newline at end of file
diff --git a/workflow/engine/data/mysql/insert.sql b/workflow/engine/data/mysql/insert.sql
index a2eedf8bd..9f631b664 100755
--- a/workflow/engine/data/mysql/insert.sql
+++ b/workflow/engine/data/mysql/insert.sql
@@ -61053,6 +61053,7 @@ INSERT INTO TRANSLATION (TRN_CATEGORY,TRN_ID,TRN_LANG,TRN_VALUE,TRN_UPDATE_DATE
 ( 'LABEL','ID_SELECT_PLUGIN_FILE','en','Select a plugin file','2014-09-18') ,
 ( 'LABEL','ID_SELECT_PM_FILE','en','Select a .pmt file','2014-01-15') ,
 ( 'LABEL','ID_SELECT_PROCESS_FILE','en','Select a process file','2014-01-15') ,
+( 'LABEL','ID_SELECT_PROCESS_DRILL','en','Select a process to have the Drilling Down Options','2021-10-13') ,
 ( 'LABEL','ID_SELECT_STATUS','en','Select status...','2014-01-15') ,
 ( 'LABEL','ID_SELECT_TABLE','en','Please select a table to export.','2014-01-15') ,
 ( 'LABEL','ID_SELECT_TEMPLATE_FILE','en','Select a template file','2014-01-15') ,