diff --git a/resources/assets/js/components/dataViews/vueCardView/VueCard.vue b/resources/assets/js/components/dataViews/vueCardView/VueCard.vue
index c94a7a0e7..27985c632 100644
--- a/resources/assets/js/components/dataViews/vueCardView/VueCard.vue
+++ b/resources/assets/js/components/dataViews/vueCardView/VueCard.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="pm-vue-card">
-    <div class="card pm-vue-card-inside" style="width: 20rem">
+    <div class="card pm-vue-card-inside" style="width: 20rem" @dblclick="dblClick">
       <div class="card-body">
         <slot> </slot>
       </div>
@@ -11,7 +11,7 @@
 <script>
 export default {
   name: "VueCardView",
-  props: ["columns", "item"],
+  props: ["options", "item"],
   data() {
     return {};
   },
@@ -19,6 +19,12 @@ export default {
     classBtn(cls) {
       return "btn btn-slim btn-force-radius v-btn-header " + cls;
     },
+    /**
+     * Event handler dbl click
+     */
+    dblClick(event){
+      this.options.dblClick(event, this.item, this.options);
+    }
   },
 };
 </script>
diff --git a/resources/assets/js/components/dataViews/vueCardView/VueCardView.vue b/resources/assets/js/components/dataViews/vueCardView/VueCardView.vue
index 26c4ed368..34d9d176c 100644
--- a/resources/assets/js/components/dataViews/vueCardView/VueCardView.vue
+++ b/resources/assets/js/components/dataViews/vueCardView/VueCardView.vue
@@ -5,7 +5,7 @@
         class="pm-vue-card-view-body"
         :style="{height: height + 'px'}"
       >
-        <vue-card v-for="item in data" :key="item.id">
+        <vue-card v-for="item in data" :key="item.id" :item="item" :options="options">
           <slot
             v-for="column in options.columns"
             :name="column"
diff --git a/resources/assets/js/components/dataViews/vueListView/VueList.vue b/resources/assets/js/components/dataViews/vueListView/VueList.vue
index 759f3a967..73b3aad3e 100644
--- a/resources/assets/js/components/dataViews/vueListView/VueList.vue
+++ b/resources/assets/js/components/dataViews/vueListView/VueList.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="pm-vue-list">
-    <div class="card pm-vue-list-inside">
+    <div class="card pm-vue-list-inside" @dblclick.prevent="dblClick">
       <div class="card-body">
         <slot> </slot>
       </div>
@@ -11,7 +11,7 @@
 <script>
 export default {
   name: "VueCardView",
-  props: ["columns", "item"],
+  props: ["item","options"],
   data() {
     return {};
   },
@@ -19,6 +19,12 @@ export default {
     classBtn(cls) {
       return "btn btn-slim btn-force-radius v-btn-header " + cls;
     },
+    /**
+     * Event handler dbl click
+     */
+    dblClick(event){
+      this.options.dblClick(event, this.item, this.options);
+    }
   },
 };
 </script>
diff --git a/resources/assets/js/components/dataViews/vueListView/VueListView.vue b/resources/assets/js/components/dataViews/vueListView/VueListView.vue
index 71fd252ae..130fb40e8 100644
--- a/resources/assets/js/components/dataViews/vueListView/VueListView.vue
+++ b/resources/assets/js/components/dataViews/vueListView/VueListView.vue
@@ -5,7 +5,7 @@
         class="pm-vue-list-view-body"
         :style="{height: height + 'px'}"
       >
-        <vue-list v-for="item in data" :key="item.id">
+        <vue-list v-for="item in data" :key="item.id" :item="item" :options="options"> 
           <slot
             v-for="column in options.columns"
             :name="column"
diff --git a/resources/assets/js/home/Draft/Draft.vue b/resources/assets/js/home/Draft/Draft.vue
index 1836bd757..de3414953 100644
--- a/resources/assets/js/home/Draft/Draft.vue
+++ b/resources/assets/js/home/Draft/Draft.vue
@@ -43,9 +43,9 @@
         </div>
       </div>
     </v-server-table>
-        <VueCardView
+    <VueCardView
       v-if="typeView === 'CARD'"
-      :options="optionsVueCardView"
+      :options="optionsVueView"
       ref="vueCardView"
     >
       <div slot="detail" slot-scope="props">
@@ -102,7 +102,7 @@
     </VueCardView>
     <VueListView
       v-if="typeView === 'LIST'"
-      :options="optionsVueCardView"
+      :options="optionsVueView"
       ref="vueListView"
     >
       <div slot="detail" slot-scope="props">
@@ -475,7 +475,15 @@ export default {
      * update view in component
      */
     updateView(){
-      this.$refs["vueTable"].getData();
+      if (this.typeView === "GRID") {
+        this.$refs["vueTable"].getData();
+      }
+      if (this.typeView === "CARD") {
+        this.$refs["vueCardView"].getData();
+      }
+      if (this.typeView === "LIST") {
+        this.$refs["vueListView"].getData();
+      }
     },
     /**
      * Show options in the ellipsis 
diff --git a/resources/assets/js/home/Draft/defaultMixins.js b/resources/assets/js/home/Draft/defaultMixins.js
index 34a923cec..fa0385111 100644
--- a/resources/assets/js/home/Draft/defaultMixins.js
+++ b/resources/assets/js/home/Draft/defaultMixins.js
@@ -33,8 +33,11 @@ export default {
           },
         ],
       },
-      optionsVueCardView: {
+      optionsVueView: {
         limit: 10,
+        dblClick:(event, item, options)=>{
+          this.openCase(item);
+        },
         headings: {
           detail: "",
           case_number: this.$i18n.t("ID_MYCASE_NUMBER"),
@@ -57,10 +60,10 @@ export default {
           "task"
         ],
         requestFunction(data) {
-          return that.getCasesVueList(data);
+          return that.getCases(data);
         },
         requestFunctionViewMore(data) {
-          return that.getCasesVueListViewMore(data);
+          return that.getCasesViewMore(data);
         }
       }
     }
@@ -72,7 +75,7 @@ export default {
     /**
     * Get cases for Vue Card View
     */
-    getCasesVueList(data) {
+    getCases(data) {
       let that = this,
         dt,
         start = 0,
@@ -105,7 +108,7 @@ export default {
     /**
     * Get cases for Vue Card View
     */
-    getCasesVueListViewMore(data) {
+    getCasesViewMore(data) {
       let that = this,
         dt,
         paged,
diff --git a/resources/assets/js/home/Inbox/Todo.vue b/resources/assets/js/home/Inbox/Todo.vue
index 9f96fcd1f..b65665075 100644
--- a/resources/assets/js/home/Inbox/Todo.vue
+++ b/resources/assets/js/home/Inbox/Todo.vue
@@ -55,7 +55,7 @@
     </v-server-table>
     <VueCardView
       v-if="typeView === 'CARD'"
-      :options="optionsVueCardView"
+      :options="optionsVueView"
       ref="vueCardView"
     >
       <div slot="detail" slot-scope="props">
@@ -112,7 +112,7 @@
     </VueCardView>
     <VueListView
       v-if="typeView === 'LIST'"
-      :options="optionsVueListView"
+      :options="optionsVueView"
       ref="vueListView"
     >
       <div slot="detail" slot-scope="props">
@@ -497,7 +497,15 @@ export default {
      * update view in component
      */
     updateView() {
-      this.$refs["vueTable"].getData();
+      if (this.typeView === "GRID") {
+        this.$refs["vueTable"].getData();
+      }
+      if (this.typeView === "CARD") {
+        this.$refs["vueCardView"].getData();
+      }
+      if (this.typeView === "LIST") {
+        this.$refs["vueListView"].getData();
+      }
     },
   },
 };
diff --git a/resources/assets/js/home/Inbox/defaultMixins.js b/resources/assets/js/home/Inbox/defaultMixins.js
index 5c1e31235..9440d2db8 100644
--- a/resources/assets/js/home/Inbox/defaultMixins.js
+++ b/resources/assets/js/home/Inbox/defaultMixins.js
@@ -34,8 +34,11 @@ export default {
           },
         ],
       },
-      optionsVueCardView: {
+      optionsVueView: {
         limit: 10,
+        dblClick:(event, item, options)=>{
+          this.openCase(item);
+        },
         headings: {
           detail: "",
           case_number: this.$i18n.t("ID_MYCASE_NUMBER"),
@@ -58,40 +61,10 @@ export default {
           "task"
         ],
         requestFunction(data) {
-          return that.getCasesVueCard(data);
+          return that.getCases(data);
         },
         requestFunctionViewMore(data) {
-          return that.getCasesVueCardViewMore(data);
-        }
-      },
-      optionsVueListView: {
-        limit: 10,
-        headings: {
-          detail: "",
-          case_number: this.$i18n.t("ID_MYCASE_NUMBER"),
-          case_title: this.$i18n.t("ID_CASE_TITLE"),
-          process_name: this.$i18n.t("ID_PROCESS_NAME"),
-          task: this.$i18n.t("ID_TASK"),
-          current_user: this.$i18n.t("ID_CURRENT_USER"),
-          due_date: this.$i18n.t("ID_DUE_DATE"),
-          delegation_date: this.$i18n.t("ID_DELEGATION_DATE"),
-          priority: this.$i18n.t("ID_PRIORITY")
-        },
-        columns: [
-          "detail",
-          "case_number",
-          "case_title",
-          "process_name",
-          "due_date",
-          "delegation_date",
-          "priority",
-          "task"
-        ],
-        requestFunction(data) {
-          return that.getCasesVueCard(data);
-        },
-        requestFunctionViewMore(data) {
-          return that.getCasesVueCardViewMore(data);
+          return that.getCasesViewMore(data);
         }
       }
     }
@@ -103,7 +76,7 @@ export default {
     /**
     * Get cases for Vue Card View
     */
-    getCasesVueCard(data) {
+    getCases(data) {
       let that = this,
         dt,
         start = 0,
@@ -134,7 +107,7 @@ export default {
     /**
     * Get cases for Vue Card View
     */
-    getCasesVueCardViewMore(data) {
+    getCasesViewMore(data) {
       let that = this,
         dt,
         paged,
diff --git a/resources/assets/js/home/Paused/Paused.vue b/resources/assets/js/home/Paused/Paused.vue
index 114d69bcf..9ad96e9de 100644
--- a/resources/assets/js/home/Paused/Paused.vue
+++ b/resources/assets/js/home/Paused/Paused.vue
@@ -55,7 +55,7 @@
     </v-server-table>
     <VueCardView
       v-if="typeView === 'CARD'"
-      :options="optionsVueCardView"
+      :options="optionsVueView"
       ref="vueCardView"
     >
       <div slot="detail" slot-scope="props">
@@ -112,7 +112,7 @@
     </VueCardView>
     <VueListView
       v-if="typeView === 'LIST'"
-      :options="optionsVueCardView"
+      :options="optionsVueView"
       ref="vueListView"
     >
       <div slot="detail" slot-scope="props">
@@ -505,7 +505,15 @@ export default {
      * update view in component
      */
     updateView(){
-      this.$refs["vueTable"].getData();
+      if (this.typeView === "GRID") {
+        this.$refs["vueTable"].getData();
+      }
+      if (this.typeView === "CARD") {
+        this.$refs["vueCardView"].getData();
+      }
+      if (this.typeView === "LIST") {
+        this.$refs["vueListView"].getData();
+      }
     },
     /**
      * Show options in the ellipsis 
diff --git a/resources/assets/js/home/Paused/defaultMixins.js b/resources/assets/js/home/Paused/defaultMixins.js
index 383a8c24a..70ed7e29c 100644
--- a/resources/assets/js/home/Paused/defaultMixins.js
+++ b/resources/assets/js/home/Paused/defaultMixins.js
@@ -33,8 +33,11 @@ export default {
           },
         ],
       },
-      optionsVueCardView: {
+      optionsVueView: {
         limit: 10,
+        dblClick:(event, item, options)=>{
+          this.openCase(item);
+        },
         headings: {
           detail: "",
           case_number: this.$i18n.t("ID_MYCASE_NUMBER"),
@@ -57,10 +60,10 @@ export default {
           "task"
         ],
         requestFunction(data) {
-          return that.getCasesVueList(data);
+          return that.getCases(data);
         },
         requestFunctionViewMore(data) {
-          return that.getCasesVueListViewMore(data);
+          return that.getCasesViewMore(data);
         }
       }
     }
@@ -72,7 +75,7 @@ export default {
     /**
     * Get cases for Vue Card View
     */
-    getCasesVueList(data) {
+    getCases(data) {
       let that = this,
         dt,
         start = 0,
@@ -105,7 +108,7 @@ export default {
     /**
     * Get cases for Vue Card View
     */
-    getCasesVueListViewMore(data) {
+    getCasesViewMore(data) {
       let that = this,
         dt,
         paged,
diff --git a/resources/assets/js/home/Unassigned/Unassigned.vue b/resources/assets/js/home/Unassigned/Unassigned.vue
index 8752aa27d..fcddcccbb 100644
--- a/resources/assets/js/home/Unassigned/Unassigned.vue
+++ b/resources/assets/js/home/Unassigned/Unassigned.vue
@@ -475,7 +475,15 @@ export default {
      * update view in component
      */
     updateView(){
-      this.$refs["vueTable"].getData();
+      if (this.typeView === "GRID") {
+        this.$refs["vueTable"].getData();
+      }
+      if (this.typeView === "CARD") {
+        this.$refs["vueCardView"].getData();
+      }
+      if (this.typeView === "LIST") {
+        this.$refs["vueListView"].getData();
+      }
     },
     /**
      * set data by default in the ellipsis component 
diff --git a/resources/assets/js/home/Unassigned/defaultMixins.js b/resources/assets/js/home/Unassigned/defaultMixins.js
index cc7c1b59f..50292a00f 100644
--- a/resources/assets/js/home/Unassigned/defaultMixins.js
+++ b/resources/assets/js/home/Unassigned/defaultMixins.js
@@ -35,6 +35,9 @@ export default {
       },
       optionsVueList: {
         limit: 10,
+        dblClick:(event, item, options)=>{
+          this.openCase(item);
+        },
         headings: {
           detail: "",
           case_number: this.$i18n.t("ID_MYCASE_NUMBER"),