diff --git a/resources/assets/js/home/CustomCaseList/CustomCaseList.vue b/resources/assets/js/home/CustomCaseList/CustomCaseList.vue
index e03f2e844..ff5db0841 100644
--- a/resources/assets/js/home/CustomCaseList/CustomCaseList.vue
+++ b/resources/assets/js/home/CustomCaseList/CustomCaseList.vue
@@ -455,7 +455,6 @@ export default {
         this.initFilters();
     },
     mounted() {
-        debugger;
         let that = this;
         // force to open case
         this.openDefaultCase();
diff --git a/resources/assets/js/home/Draft/Draft.vue b/resources/assets/js/home/Draft/Draft.vue
index 9c6dc9ad5..d0ed0ee19 100644
--- a/resources/assets/js/home/Draft/Draft.vue
+++ b/resources/assets/js/home/Draft/Draft.vue
@@ -314,16 +314,34 @@ export default {
     this.openDefaultCase();
      // define sort event
     Event.$on('vue-tables.draft.sorted', function (data) {
-        that.$emit("updateUserSettings", "orderBy", data);
+      that.$emit("updateSettings", {
+        data: data,
+        key: "orderBy",
+        parent: this.page,
+        type: "normal",
+        id: this.id
+      });
     });
   },
   watch: {
-      columns: function (val) {
-          this.$emit("updateUserSettings", "columns", val);
-      },  
-      filters: function (val) {
-          this.$emit("updateUserSettings", "filters", val);
-      },
+    columns: function (val) {
+      this.$emit("updateSettings", {
+        data: val,
+        key: "columns",
+        parent: this.page,
+        type: "normal",
+        id: this.id
+      });
+    },  
+    filters: function (val) {
+      this.$emit("updateSettings", {
+        data: val,
+        key: "filters",
+        parent: this.page,
+        type: "normal",
+        id: this.id
+      });
+    },
   },
   computed: {
     /**
diff --git a/resources/assets/js/home/Home.vue b/resources/assets/js/home/Home.vue
index f10f7535b..8579d82a0 100644
--- a/resources/assets/js/home/Home.vue
+++ b/resources/assets/js/home/Home.vue
@@ -34,7 +34,6 @@
                 @onLastPage="onLastPage"
                 @onUpdateFilters="onUpdateFilters"
                 @cleanDefaultOption="cleanDefaultOption"
-                @updateUserSettings="updateUserSettings"
                 @updateSettings="updateSettings"
             ></component>
         </div>
@@ -213,27 +212,6 @@ export default {
                     console.error(e);
                 });
         },
-        /**
-         * Update the user config service
-         */
-        updateUserSettings(prop, data) {
-            if (this.config.setting) {
-                if (!this.config.setting[this.page]) {
-                    this.config.setting[this.page] = {};
-                }
-                this.config.setting[this.page][prop] = data;
-                api.config
-                    .put(this.config)
-                    .then((response) => {
-                        if (response.data) {
-                            //TODO success response
-                        }
-                    })
-                    .catch((e) => {
-                        console.error(e);
-                    });
-            }
-        },
         /**
          * Update the user config service
          * @param {object} params
@@ -254,7 +232,7 @@ export default {
                 if (!this.config.setting[this.page]) {
                     this.config.setting[this.page] = {};
                 }
-                this.config.setting[this.page][params.key] = data;
+                this.config.setting[this.page][params.key] = params.data;
             }
             api.config
                 .put(this.config)
@@ -283,7 +261,7 @@ export default {
             }
             this.settings = this.config.setting[this.page];
             this.lastPage = this.page;
-        },  
+        },
         /**
          * Do a mapping of vue view for menus
          * @returns array
@@ -424,7 +402,6 @@ export default {
                         this.settings = {};
                     }
                 }
-                
                 if (this.page === this.lastPage
                     && this.$refs["component"]
                     && this.$refs["component"].updateView) {
diff --git a/resources/assets/js/home/Inbox/Inbox.vue b/resources/assets/js/home/Inbox/Inbox.vue
index a8c3ae1f2..665856e55 100644
--- a/resources/assets/js/home/Inbox/Inbox.vue
+++ b/resources/assets/js/home/Inbox/Inbox.vue
@@ -358,16 +358,34 @@ export default {
     this.openDefaultCase();
     // define sort event
     Event.$on('vue-tables.todo.sorted', function (data) {
-        that.$emit("updateUserSettings", "orderBy", data);
+      that.$emit("updateSettings", {
+        data: data,
+        key: "orderBy",
+        parent: this.page,
+        type: "normal",
+        id: this.id
+      });
     });
   },
   watch: {
-      columns: function (val) {
-          this.$emit("updateUserSettings", "columns", val);
-      },  
-      filters: function (val) {
-          this.$emit("updateUserSettings", "filters", val);
-      },
+    columns: function (val) {
+      this.$emit("updateSettings", {
+        data: val,
+        key: "columns",
+        parent: this.page,
+        type: "normal",
+        id: this.id
+      });
+    },  
+    filters: function (val) {
+      this.$emit("updateSettings", {
+        data: val,
+        key: "filters",
+        parent: this.page,
+        type: "normal",
+        id: this.id
+      });
+    },
   },
   computed: {
     /**
diff --git a/resources/assets/js/home/MyCases/MyCases.vue b/resources/assets/js/home/MyCases/MyCases.vue
index 424451e7b..159926b15 100644
--- a/resources/assets/js/home/MyCases/MyCases.vue
+++ b/resources/assets/js/home/MyCases/MyCases.vue
@@ -230,16 +230,34 @@ export default {
             this.$refs["newRequest"].show();
         }
         // define sort event
-        Event.$on("vue-tables.mycases.sorted", function(data) {
-            that.$emit("updateUserSettings", "orderBy", data);
+        Event.$on('vue-tables.mycases.sorted', function (data) {
+            that.$emit("updateSettings", {
+                data: data,
+                key: "orderBy",
+                parent: this.page,
+                type: "normal",
+                id: this.id
+            });
         });
     },
     watch: {
-        columns: function(val) {
-            this.$emit("updateUserSettings", "columns", val);
-        },
-        filters: function(val) {
-            this.$emit("updateUserSettings", "filters", val);
+        columns: function (val) {
+            this.$emit("updateSettings", {
+                data: val,
+                key: "columns",
+                parent: this.page,
+                type: "normal",
+                id: this.id
+            });
+        },  
+        filters: function (val) {
+            this.$emit("updateSettings", {
+                data: val,
+                key: "filters",
+                parent: this.page,
+                type: "normal",
+                id: this.id
+            });
         },
     },
     computed: {
diff --git a/resources/assets/js/home/Paused/Paused.vue b/resources/assets/js/home/Paused/Paused.vue
index a0d991dd5..25e8e9de0 100644
--- a/resources/assets/js/home/Paused/Paused.vue
+++ b/resources/assets/js/home/Paused/Paused.vue
@@ -357,16 +357,34 @@ export default {
     // force to open case
     this.openDefaultCase();
     Event.$on('vue-tables.paused.sorted', function (data) {
-        that.$emit("updateUserSettings", "orderBy", data);
+      that.$emit("updateSettings", {
+        data: data,
+        key: "orderBy",
+        parent: this.page,
+        type: "normal",
+        id: this.id
+      });
     });
   },
   watch: {
-      columns: function (val) {
-          this.$emit("updateUserSettings", "columns", val);
-      },  
-      filters: function (val) {
-          this.$emit("updateUserSettings", "filters", val);
-      },
+    columns: function (val) {
+      this.$emit("updateSettings", {
+        data: val,
+        key: "columns",
+        parent: this.page,
+        type: "normal",
+        id: this.id
+      });
+    },  
+    filters: function (val) {
+      this.$emit("updateSettings", {
+        data: val,
+        key: "filters",
+        parent: this.page,
+        type: "normal",
+        id: this.id
+      });
+    },
   },
   computed: {
     /**
diff --git a/resources/assets/js/home/Unassigned/Unassigned.vue b/resources/assets/js/home/Unassigned/Unassigned.vue
index 1b1961806..1ae7b95b0 100644
--- a/resources/assets/js/home/Unassigned/Unassigned.vue
+++ b/resources/assets/js/home/Unassigned/Unassigned.vue
@@ -349,16 +349,34 @@ export default {
     this.initFilters();
     // define sort event
     Event.$on('vue-tables.unassigned.sorted', function (data) {
-        that.$emit("updateUserSettings", "orderBy", data);
+      that.$emit("updateSettings", {
+        data: data,
+        key: "orderBy",
+        parent: this.page,
+        type: "normal",
+        id: this.id
+      });
     });
   },
    watch: {
-      columns: function (val) {
-          this.$emit("updateUserSettings", "columns", val);
-      },  
-      filters: function (val) {
-          this.$emit("updateUserSettings", "filters", val);
-      },
+    columns: function (val) {
+      this.$emit("updateSettings", {
+        data: val,
+        key: "columns",
+        parent: this.page,
+        type: "normal",
+        id: this.id
+      });
+    },  
+    filters: function (val) {
+      this.$emit("updateSettings", {
+        data: val,
+        key: "filters",
+        parent: this.page,
+        type: "normal",
+        id: this.id
+      });
+    },
   },
   computed: {
     /**