From c192cc2f2d78b9387bb5f12e3875614aa685ba92 Mon Sep 17 00:00:00 2001
From: Stefan Dej <meteyou@gmail.com>
Date: Sat, 5 Dec 2020 03:50:39 +0100
Subject: [PATCH] feature: customizable sidebar background

Signed-off-by: Stefan Dej <meteyou@gmail.com>
---
 {src/assets => public/img}/bg-navi.png | Bin
 src/App.vue                            |  11 ++++++++---
 src/store/files/getters.js             |  10 ++++++++++
 src/store/socket/getters.js            |   3 +++
 4 files changed, 21 insertions(+), 3 deletions(-)
 rename {src/assets => public/img}/bg-navi.png (100%)

diff --git a/src/assets/bg-navi.png b/public/img/bg-navi.png
similarity index 100%
rename from src/assets/bg-navi.png
rename to public/img/bg-navi.png
diff --git a/src/App.vue b/src/App.vue
index 3aedde80..417632b0 100644
--- a/src/App.vue
+++ b/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"]
             }
         }
     },
diff --git a/src/store/files/getters.js b/src/store/files/getters.js
index 5c933b16..220c075f 100644
--- a/src/store/files/getters.js
+++ b/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'
+	}
 }
\ No newline at end of file
diff --git a/src/store/socket/getters.js b/src/store/socket/getters.js
index 5c933b16..470ccb39 100644
--- a/src/store/socket/getters.js
+++ b/src/store/socket/getters.js
@@ -1,3 +1,6 @@
 export default {
 
+	getUrl: state => {
+		return "//" + state.hostname + (state.port === 80 ? ":"+state.port : "")
+	}
 }
\ No newline at end of file