From d97dce6905055eacef40aa32224b961a6618f8e5 Mon Sep 17 00:00:00 2001
From: stingl <o.stingl@vemap.com>
Date: Tue, 21 Dec 2021 12:00:45 +0100
Subject: [PATCH] save settings in store;

---
 src/store/index.js     | 3 +++
 src/views/Settings.vue | 7 +++----
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/store/index.js b/src/store/index.js
index 6fd4f96..5c2a12b 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -55,6 +55,9 @@ export default createStore({
             localStorage.setItem('trackers', JSON.stringify(state.trackers));
             localStorage.setItem('archive', JSON.stringify(state.archive));
         },
+        saveSettings(state) {
+            localStorage.setItem('settings', JSON.stringify(state.settings));
+        },
         deleteTracker(state, index, archive) {
             let message = '';
 
diff --git a/src/views/Settings.vue b/src/views/Settings.vue
index 2a991da..dff7c0d 100644
--- a/src/views/Settings.vue
+++ b/src/views/Settings.vue
@@ -3,7 +3,6 @@
          aria-hidden="true">
         <div class="offcanvas-header">
             <h5><i class="fas fa-sliders-h"></i> Einstellungen</h5>
-            <button type="button" v-on:click="updateStorage()" class="btn-close" data-bs-dismiss="offcanvas"  aria-label="Close"></button>
         </div>
         <div class="offcanvas-body">
             <div class="row">
@@ -11,19 +10,19 @@
                     <h5>Allgemeine Einstellungen</h5>
                     <div class="form-group">
                         <label>Ticket-Link <small>Link zu einem Ticket ohne Ticketnummer</small></label>
-                        <input type="text" v-model="trackerSystemUrl" class="form-control">
+                        <input type="text" v-model="$store.state.settings.trackerSystemUrl" v-on:input="$store.commit('saveSettings')" class="form-control">
                     </div>
                     <br/>
                     <div class="form-group">
                         <label>
-                            <input type="checkbox" class="form-control-checkbox" v-model="$store.state.settings.showPT">
+                            <input type="checkbox" v-on:input="$store.commit('saveSettings')" class="form-control-checkbox" v-model="$store.state.settings.showPT">
                             Ab 8 Stunden nurmehr PT anzeigen
                         </label>
                     </div>
                     <br/>
                     <div class="form-group">
                         <label>
-                            <input type="checkbox" class="form-control-checkbox"
+                            <input type="checkbox" v-on:input="$store.commit('saveSettings')" class="form-control-checkbox"
                                    v-model="$store.state.settings.dontShowMinutes">
                             Zeit immer in Stunden anzeigen
                         </label>