bugfix: save gcodefiles settings

Signed-off-by: meteyou <meteyou@gmail.com>

src/pages/Files.vue

@@ -127,7 +127,7 @@
                         @dragover="dragOverFilelist($event, item)" @dragleave="dragLeaveFilelist" @drop.prevent.stop="dragDropFilelist($event, item)"
                         :data-name="item.filename"
                         >
-                        <td class=" " style="width: 32px;">
+                        <td class="pr-0" style="width: 32px;">
                             <v-icon v-if="item.isDirectory">mdi-folder</v-icon>
                             <v-icon v-if="!item.isDirectory && !(item.thumbnails && item.thumbnails.length > 0)">mdi-file</v-icon>
                             <img v-if="!item.isDirectory && item.thumbnails && item.thumbnails.length > 0" :src="'data:image/gif;base64,'+(item.thumbnails.length ? item.thumbnails[0].data : '--')"  />
@@ -323,7 +323,7 @@
                     return this.$store.state.gui.gcodefiles.showHiddenFiles;
                 },
                 set: function(newVal) {
-                    return this.$store.dispatch("setGuiGcodefilesShowHiddenFiles", newVal);
+                    return this.$store.dispatch("gui/setGcodefilesShowHiddenFiles", newVal);
                 }
             }
         },
@@ -631,7 +631,7 @@
                 if (this.headers.filter(header => header.value === name).length) {
                     let value = this.headers.filter(header => header.value === name)[0].visible;
 
-                    this.$store.dispatch("setGuiGcodefilesMetadata", {name: name, value: value});
+                    this.$store.dispatch("gui/setGcodefilesMetadata", {name: name, value: value});
                 }
             },
         },

src/store/actions.js

@@ -10,16 +10,6 @@ export default {
         dispatch('saveGuiSettings');
     },
 
-    setGuiGcodefilesMetadata({ commit, dispatch }, data) {
-        commit('setGuiGcodefilesMetadata', data);
-        dispatch('saveGuiSettings');
-    },
-
-    setGuiGcodefilesShowHiddenFiles({ commit, dispatch }, data) {
-        commit('setGuiGcodefilesShowHiddenFiles', data);
-        dispatch('saveGuiSettings');
-    },
-
     respondPrintPause({commit}) {
         commit('removeLoading', { name: 'statusPrintPause' });
     },

src/store/gui/actions.js

@@ -31,4 +31,14 @@ export default {
 			window.console.error("Error save gui.json!")
 		});
 	},
+
+	setGcodefilesMetadata({ commit, dispatch }, data) {
+		commit('setGcodefilesMetadata', data)
+		dispatch('upload')
+	},
+
+	setGcodefilesShowHiddenFiles({ commit, dispatch }, data) {
+		commit('setGcodefilesShowHiddenFiles', data)
+		dispatch('upload')
+	},
 }

src/store/gui/mutations.js

@@ -28,4 +28,13 @@ export default {
 		if (payload.hidden && index === -1) state.dashboard.hiddenTempChart.push(payload.name.toUpperCase())
 		else if (payload.hidden !== true && index > -1) state.dashboard.hiddenTempChart.splice(index, 1)
 	},
+
+	setGcodefilesMetadata(state, data) {
+		Vue.set(state.gcodefiles.showMetadata, data.name, data.value)
+	},
+
+
+	setGcodefilesShowHiddenFiles(state, value) {
+		Vue.set(state.gcodefiles, "showHiddenFiles", value)
+	},
 }

src/store/mutations.js

@@ -1,5 +1,3 @@
-import Vue from "vue";
-
 export default {
 
 
@@ -14,18 +12,8 @@ export default {
     },*/
 
 
-
-    setGuiGcodefilesMetadata(state, data) {
-        Vue.set(state.gui.gcodefiles.showMetadata, data.name, data.value);
-    },
-
-
-    setGuiGcodefilesShowHiddenFiles(state, value) {
-        Vue.set(state.gui.gcodefiles, "showHiddenFiles", value);
-    },
-
     reportError(state, payload) {
-        window.console.log(payload);
+        window.console.log(payload)
     },
 
     void() {