Merged in feature/PMCORE-3122 (pull request #8073)

PMCORE-3122

Approved-by: Rodrigo Quelca

resources/assets/js/home/Home.vue

@@ -48,6 +48,7 @@ import Inbox from "./Inbox/Inbox.vue";
 import Paused from "./Paused/Paused.vue";
 import Draft from "./Draft/Draft.vue";
 import Unassigned from "./Unassigned/Unassigned.vue";
+import TaskMetrics from "./TaskMetrics/TaskMetrics.vue";
 import BatchRouting from "./BatchRouting";
 import CaseDetail from "./CaseDetail";
 import XCase from "./XCase";
@@ -74,7 +75,8 @@ export default {
         Unassigned,
         CaseDetail,
         LegacyFrame,
-        CustomCaseList,
+        TaskMetrics,
+        CustomCaseList
     },
     data() {
         return {
@@ -122,9 +124,15 @@ export default {
             parseInt(window.config.FORMATS.casesListRefreshTime) * 1000
         );
         // adding eventBus listener
-         eventBus.$on('sort-menu', (data) => {
+        eventBus.$on('sort-menu', (data) => {
             that.updateUserSettings('customCasesList', data);
         });
+        eventBus.$on('home-update-page', (data) => {
+            that.onUpdatePage(data);
+        });
+        eventBus.$on('home-update-datacase', (data) => {
+            that.onUpdateDataCase(data);
+        });
     },
     methods: {
         /**
@@ -244,6 +252,7 @@ export default {
         mappingMenu(data) {
             var i,
                 j,
+                that = this,
                 newData = data,
                 auxId;
             for (i = 0; i < data.length; i += 1) {
@@ -265,7 +274,7 @@ export default {
                                 hiddenOnCollapse: data[i].hiddenOnCollapse,
                                 icon: 'pie-chart-fill',
                                 onClick: function (item) {
-                                    // TODO click evet handler
+                                  that.onUpdatePage("task-metrics");
                                 }
                             }
                         }