UPDATE ROUTE in CASE DETAIL

resources/assets/js/components/home/caseDetail/CaseSummary.vue

@@ -53,7 +53,7 @@
       </div>
       <br />
       <h6 class="card-subtitle mb-2 text-muted">{{ data.titleActions }}</h6>
-      <div v-if=data.btnType class="container v-case-summary-center">
+      <div v-if="data.btnType" class="container v-case-summary-center">
         <button
           type="button"
           class="btn btn-success btn-sm"

resources/assets/js/components/home/caseDetail/IoDocuments.vue

@@ -59,6 +59,7 @@ export default {
       icon: {
         pdf: "fas fa-file-pdf",
         doc: "fas fa-file-word",
+        png: "fas fa-picture-o",
       },
     };
   },

resources/assets/js/components/home/caseDetail/Tabs.vue

@@ -12,29 +12,30 @@
 </template>
 
 <script>
-import { Tabs, Tab } from 'vue-slim-tabs'
+import { Tabs, Tab } from "vue-slim-tabs";
 
 export default {
   props: {
-    data: Object
+    data: Object,
   },
   components: {
-    Tabs, Tab
+    Tabs,
+    Tab,
   },
   data() {
     return {
-      0: function() {
+      0: function () {
         console.log(this.data.items[0].appUid);
-      }
+      },
     };
   },
   methods: {
     selectedTab(e, index) {
       if (index === 0) {
-        console.log("fabio")
+        console.log("fabio");
       }
-    }
+    },
   },
-}
+};
 </script>
 <style src="vue-slim-tabs/themes/default.css"></style>

resources/assets/js/home/Home.vue

@@ -28,9 +28,10 @@ import Draft from "./Draft";
 import Paused from "./Paused";
 import Unassigned from "./Unassigned";
 import BatchRouting from "./BatchRouting";
+import CaseDetail from "./CaseDetail";
 import XCase from "./XCase";
 import TaskReassignments from "./TaskReassignments";
-import AdvancedSearch from "./AdvancedSearch"
+import AdvancedSearch from "./AdvancedSearch";
 
 export default {
   name: "Home",
@@ -46,6 +47,7 @@ export default {
     Draft,
     Paused,
     Unassigned,
+    CaseDetail,
   },
   data() {
     return {
@@ -88,10 +90,10 @@ export default {
     /**
      * Toggle sidebar handler
      * @param {Boolean} collapsed - if sidebar is collapsed true|false
-     *  
+     *
      */
     onToggleCollapse(collapsed) {
-        this.collapsed = collapsed;
+      this.collapsed = collapsed;
     },
   },
 };

resources/assets/js/home/Todo.vue

@@ -9,6 +9,11 @@
       :options="options"
       ref="vueTable"
     >
+      <div slot="detail" slot-scope="props">
+        <div class="btn-default" @click="openCaseDetail(props)">
+          <i class="fas fa-info-circle"></i>
+        </div>
+      </div>
       <div slot="case_number" slot-scope="props">
         {{ props.row.CASE_NUMBER }}
       </div>
@@ -74,6 +79,7 @@ export default {
         },
       },
       columns: [
+        "detail",
         "case_number",
         "case_title",
         "process_name",
@@ -216,6 +222,19 @@ export default {
       };
       this.$parent.page = "XCase";
     },
+    /**
+     * Open case detail
+     *
+     * @param {object} item
+     */
+    openCaseDetail(item) {
+      this.$parent.dataCase = {
+        APP_UID: item.APP_UID,
+        DEL_INDEX: item.DEL_INDEX,
+        ACTION: "todo",
+      };
+      this.$parent.page = "case-detail";
+    },
   },
 };
 </script>