From ffed94f586ad07ac6b40111d8d3dacfe847a9275 Mon Sep 17 00:00:00 2001
From: Jan Bader <jan@javil.eu>
Date: Tue, 25 Jan 2022 20:40:00 +0000
Subject: [PATCH] Implement dummy Budget-Settings and extract setTitle mutation

---
 web/src/App.vue               | 3 ---
 web/src/pages/Login.vue       | 9 ++-------
 web/src/router/routes.js      | 2 ++
 web/src/store/budget/index.js | 4 +++-
 web/src/store/index.js        | 4 ++--
 5 files changed, 9 insertions(+), 13 deletions(-)

diff --git a/web/src/App.vue b/web/src/App.vue
index 649a4f4..c524cba 100644
--- a/web/src/App.vue
+++ b/web/src/App.vue
@@ -1,9 +1,6 @@
 <script>
-// This starter template is using Vue 3 <script setup> SFCs
-
 import { LOGOUT } from "./store/mutation-types";
 
-// Check out https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup
 export default {
   data() {
     return {
diff --git a/web/src/pages/Login.vue b/web/src/pages/Login.vue
index 9d9fdef..afbf9e1 100644
--- a/web/src/pages/Login.vue
+++ b/web/src/pages/Login.vue
@@ -1,12 +1,7 @@
 <script>
-import { LOGIN_SUCCESS } from "../store/mutation-types";
+import { LOGIN_SUCCESS, TITLE } from "../store/mutation-types";
 
 export default {
-    computed: {
-        dashboard () { 
-            return this.$store.state;
-        }
-    },
     data() {
         return {
             error: [],
@@ -18,7 +13,7 @@ export default {
         }
     },
     mounted () {
-        this.$store.commit("setTitle", "Login");
+        this.$store.commit(TITLE, "Login");
     },
     methods: {
         formSubmit (e) {
diff --git a/web/src/router/routes.js b/web/src/router/routes.js
index 094e236..22e4594 100644
--- a/web/src/router/routes.js
+++ b/web/src/router/routes.js
@@ -4,6 +4,7 @@ import Dashboard from '../pages/Dashboard.vue';
 import Login from '../pages/Login.vue';
 import Register from '../pages/Register.vue';
 import Account from '../pages/Account.vue';
+import Settings from '../pages/Settings.vue';
 
 const routes = [
   { path: '/', name: 'Index', component: Dashboard },
@@ -11,6 +12,7 @@ const routes = [
   { path: '/login', name: 'Login', component: Login },
   { path: '/register', name: 'Register', component: Register },
   { path: '/budget/:budgetid',  name: 'Budget', components: { default: Dashboard, sidebar: BudgetSidebar }, props: true },
+  { path: '/budget/:budgetid/Settings',  name: 'Budget Settings', components: { default: Settings, sidebar: BudgetSidebar }, props: true },
   { path: '/budget/:budgetid/account/:accountid', name: 'Account', components: { default: Account, sidebar: BudgetSidebar }, props: true },
 ]
 
diff --git a/web/src/store/budget/index.js b/web/src/store/budget/index.js
index 9f5aeff..fafc836 100644
--- a/web/src/store/budget/index.js
+++ b/web/src/store/budget/index.js
@@ -1,3 +1,5 @@
+import { TITLE } from "../mutation-types";
+
 const budget = {
     state () {
         return {
@@ -62,7 +64,7 @@ const budget = {
                     continue
                 
                 commit("setCurrentAccount", element);
-                commit("setTitle", element.Name);
+                commit(TITLE, element.Name);
                 break
             }
         }
diff --git a/web/src/store/index.js b/web/src/store/index.js
index a7e3b41..47b7e78 100644
--- a/web/src/store/index.js
+++ b/web/src/store/index.js
@@ -1,7 +1,7 @@
 import { createStore } from 'vuex'
 import dashboard from './dashboard/index'
 import budget from './budget/index'
-import { LOGIN_SUCCESS, LOGOUT } from './mutation-types'
+import { LOGIN_SUCCESS, LOGOUT, TITLE } from './mutation-types'
 
 const store = createStore({
     state () {
@@ -21,7 +21,7 @@ const store = createStore({
                 );
             }
         },
-        setTitle (state, title) {
+        [TITLE](state, title) {
             document.title = "Budgeteer - " + title;
         },
         [LOGIN_SUCCESS](state, session) {