checkbox to toggle 'show hidden files' now functional

frontend/src/i18n/en.json

@@ -58,7 +58,8 @@
     "size": "Size",
     "sortByName": "Sort by name",
     "sortBySize": "Sort by size",
-    "sortByLastModified": "Sort by last modified"
+    "sortByLastModified": "Sort by last modified",
+    "showHiddenFiles": "Show hidden files"
   },
   "help": {
     "click": "select file or directory",

frontend/src/store/getters.js

@@ -12,7 +12,8 @@ const getters = {
 
     let sum = state.upload.progress.reduce((acc, val) => acc + val)
     return Math.ceil(sum / state.upload.size * 100);
-  }
+  },
+  getShowHidden: state => state.showHidden
 }
 
 export default getters

frontend/src/store/index.js

@@ -24,7 +24,8 @@ const state = {
   showShell: false,
   showMessage: null,
   showConfirm: null,
-  previewMode: false
+  previewMode: false,
+  showHidden: true
 }
 
 export default new Vuex.Store({

frontend/src/store/mutations.js

@@ -86,6 +86,9 @@ const mutations = {
   },
   setPreviewMode(state, value) {
     state.previewMode = value
+  },
+  setShowHidden: (state, value) => {
+    state.showHidden = value
   }
 }
 

frontend/src/views/Files.vue

@@ -11,8 +11,10 @@
       </span>
 
       <span style="margin-left:auto;">
-        <input type="checkbox">
-        Show hidden files
+        <input 
+          type="checkbox" 
+          v-model="showHidden">
+        <span>{{ $t('files.showHiddenFiles') }}</span>
       </span>
 
     </div>
@@ -82,7 +84,7 @@ export default {
       'selectedCount',
       'isListing',
       'isEditor',
-      'isFiles'
+      'isFiles',
     ]),
     ...mapState([
       'req',
@@ -127,6 +129,15 @@ export default {
       }
 
       return breadcrumbs
+    },
+    showHidden: {
+      get: function () {
+        return this.$store.getters.getShowHidden
+      },
+      set: function (val) {
+        this.$store.commit('setShowHidden', val)
+        this.fetchData()
+      }
     }
   },
   data: function () {
@@ -178,8 +189,7 @@ export default {
           return
         }
 
-        let showHiddenFiles = false
-        if (res.isDir && !showHiddenFiles) {
+        if (res.isDir && !this.showHidden) {
           res = pruneHiddenFiles(res)
         }