From 1ef8804ab2bc8aa4d6cc3e834416ece31a7dc742 Mon Sep 17 00:00:00 2001
From: Henry Jordan <jonathan.quispe@processmaker.com>
Date: Thu, 3 Dec 2020 12:39:57 +0000
Subject: [PATCH] PMCORE-2509

---
 resources/assets/js/home/BatchRouting.vue | 44 ++++++++++++
 resources/assets/js/home/Home.vue         | 86 ++++++++++++-----------
 resources/assets/js/home/MyDocuments.vue  |  2 +-
 resources/assets/js/mocks/menu.json       |  5 +-
 4 files changed, 92 insertions(+), 45 deletions(-)
 create mode 100644 resources/assets/js/home/BatchRouting.vue

diff --git a/resources/assets/js/home/BatchRouting.vue b/resources/assets/js/home/BatchRouting.vue
new file mode 100644
index 000000000..019b6b22c
--- /dev/null
+++ b/resources/assets/js/home/BatchRouting.vue
@@ -0,0 +1,44 @@
+<template>
+  <div>
+    <iframe
+      :width="width"
+      ref="xIFrame"
+      frameborder="0"
+      :src="path"
+      :height="height"
+      allowfullscreen
+    ></iframe>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "BatchRouting",
+  components: {},
+  props: {
+    data: Object,
+  },
+  mounted() {
+    this.height = window.innerHeight - this.diffHeight;
+  },
+  data() {
+    return {
+      height: "100%",
+      width: "100%",
+      diffHeight: 10,
+      path:
+        window.config.SYS_SERVER +
+        window.config.SYS_URI +
+        "cases/casesConsolidatedListExtJs?action=consolidated",
+    };
+  },
+  methods: {
+    classBtn(cls) {
+      return "btn v-btn-request " + cls;
+    },
+  },
+};
+</script>
+
+<style>
+</style>
diff --git a/resources/assets/js/home/Home.vue b/resources/assets/js/home/Home.vue
index ce1af2ab4..e04d6dbae 100644
--- a/resources/assets/js/home/Home.vue
+++ b/resources/assets/js/home/Home.vue
@@ -6,8 +6,8 @@
       </div>
 
       <CustomSidebar
-              @OnClickSidebarItem="OnClickSidebarItem"
-              @onToggleCollapse="onToggleCollapse"
+        @OnClickSidebarItem="OnClickSidebarItem"
+        @onToggleCollapse="onToggleCollapse"
       />
       <div
         v-if="isOnMobile && !collapsed"
@@ -23,51 +23,53 @@
 import CustomSidebar from "./../components/menu/CustomSidebar";
 import MyCases from "./MyCases";
 import MyDocuments from "./MyDocuments";
+import BatchRouting from "./BatchRouting";
 
 export default {
-    name: "Home",
-    components: {
-        CustomSidebar,
-        MyCases,
-        MyDocuments
+  name: "Home",
+  components: {
+    CustomSidebar,
+    MyCases,
+    MyDocuments,
+    BatchRouting,
+  },
+  data() {
+    return {
+      page: "MyCases",
+      menu: [],
+      hideToggle: true,
+      collapsed: false,
+      selectedTheme: "",
+      isOnMobile: false,
+      sidebarWidth: "310px",
+    };
+  },
+  mounted() {
+    this.onResize();
+    window.addEventListener("resize", this.onResize);
+  },
+  methods: {
+    OnClickSidebarItem(item) {
+      this.page = item.item.id || "MyCases";
     },
-    data() {
-        return {
-            page:"MyCases",
-            menu: [],
-            hideToggle: true,
-            collapsed: false,
-            selectedTheme: "",
-            isOnMobile: false,
-            sidebarWidth: "310px",
-        };
+    onResize() {
+      if (window.innerWidth <= 767) {
+        this.isOnMobile = true;
+        this.collapsed = true;
+      } else {
+        this.isOnMobile = false;
+        this.collapsed = false;
+      }
     },
-    mounted() {
-        this.onResize();
-        window.addEventListener("resize", this.onResize);
-    },
-    methods: {
-        OnClickSidebarItem(item) {
-            this.page= item.item.page || "MyCases"
-        },
-        onResize() {
-            if (window.innerWidth <= 767) {
-                this.isOnMobile = true;
-                this.collapsed = true;
-            } else {
-                this.isOnMobile = false;
-                this.collapsed = false;
-            }
-        },
-        /**
-         * Toggle sidebar handler
-         * @param {Boolean} collapsed - if sidebar is collapsed true|false
-         *  
-         */
-        onToggleCollapse(collapsed) {
-            this.collapsed = collapsed;
-        }
+    /**
+     * Toggle sidebar handler
+     * @param {Boolean} collapsed - if sidebar is collapsed true|false
+     *
+     */
+    onToggleCollapse(collapsed) {
+      this.collapsed = collapsed;
     },
+  },
 };
 </script>
 
diff --git a/resources/assets/js/home/MyDocuments.vue b/resources/assets/js/home/MyDocuments.vue
index 21cd2f0e0..3dc3f457a 100644
--- a/resources/assets/js/home/MyDocuments.vue
+++ b/resources/assets/js/home/MyDocuments.vue
@@ -2,7 +2,7 @@
   <div>
     <iframe
       :width="width"
-      ref="xCaseFrame"
+      ref="xIFrame"
       frameborder="0"
       :src="path"
       :height="height"
diff --git a/resources/assets/js/mocks/menu.json b/resources/assets/js/mocks/menu.json
index c262bdb21..07884bea6 100644
--- a/resources/assets/js/mocks/menu.json
+++ b/resources/assets/js/mocks/menu.json
@@ -63,13 +63,14 @@
   {
     "href": "/batch-routing",
     "title": "Batch Routing",
+    "id": "batch-routing",
     "icon": "fas fa-bars",
-    "disabled": true
+    "disabled": false
   },
   {
     "href": "/my-documents",
     "title": "My Documents",
-    "page": "my-documents",
+    "id": "my-documents",
     "icon": "fas fa-bars",
     "disabled": false
   },