feature: customizable sidebar background

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

src/App.vue

@@ -16,7 +16,7 @@
         <vue-headful :title="getTitle" />
         <v-navigation-drawer
             class="sidebar-wrapper" persistent v-model="drawer" enable-resize-watcher fixed app
-            :src="require('./assets/bg-navi.png')"
+            :src="bg_navi"
         >
             <div id="nav-header">
                 <img :src="require('./assets/logo.svg')" />
@@ -154,11 +154,16 @@ export default {
         }),
         ...mapGetters([
             'getTitle',
-            'getVersion'
+            'getVersion',
         ]),
         print_percent: {
             get() {
-                return this.$store.getters["printer/getPrintPercent"];
+                return this.$store.getters["printer/getPrintPercent"]
+            }
+        },
+        bg_navi: {
+            get() {
+                return this.$store.getters["files/getBgNavi"]
             }
         }
     },

src/store/files/getters.js

@@ -1,3 +1,13 @@
+import { findDirectory } from "@/plugins/helpers";
+
 export default {
 
+	getBgNavi: (state, getters, rootState, rootGetters) => {
+		let configDir = findDirectory(state.filetree, ['config'])
+
+		let file = configDir.find(element => element.filename !== undefined && element.filename.startsWith('bg-navi.'))
+		if (file) return rootGetters["socket/getUrl"]+'/server/files/config/'+file.filename
+
+		return '/img/bg-navi.png'
+	}
 }

src/store/socket/getters.js

@@ -1,3 +1,6 @@
 export default {
 
+	getUrl: state => {
+		return "//" + state.hostname + (state.port === 80 ? ":"+state.port : "")
+	}
 }