Add account settings view

Signed-off-by: Christoph Wurst <christoph@winzerhof-wurst.at>

js/mixins/SidebarItems.js

@@ -11,7 +11,13 @@ export default {
 						id: 'account' + account.id,
 						key: 'account' + account.id,
 						text: account.name,
-						bullet: account.bullet // TODO
+						bullet: account.bullet, // TODO
+						router: {
+							'name': 'accountSettings',
+							params: {
+								accountId: account.id,
+							}
+						}
 					})
 				}
 

js/router.js

 import Vue from 'vue'
 import Router from 'vue-router'
 
+import AccountSettings from './views/AccountSettings';
 import Home from './views/Home'
 import NewMessage from './views/NewMessage';
 import Setup from './views/Setup';
@@ -26,6 +27,11 @@ export default new Router({
 			name: 'folder',
 			component: Home
 		},
+		{
+			path: '/accounts/:accountId/settings',
+			name: 'accountSettings',
+			component: AccountSettings
+		},
 		{
 			path: '/setup',
 			name: 'setup',

js/views/AccountSettings.vue

+<template>
+	<div id="content" class="mail">
+		<app-navigation :menu="menu">
+			<AppSettingsMenu slot="settings-content"/>
+		</app-navigation>
+		<div id="app-content">
+			TODO: implement account settings
+		</div>
+	</div>
+</template>
+
+<script>
+	import AppNavigation from "../components/core/appNavigation";
+	import AppSettingsMenu from "../components/AppSettingsMenu";
+
+	import SidebarItems from "../mixins/SidebarItems";
+
+	export default {
+		name: "AccountSettings",
+		extends: SidebarItems,
+		components: {
+			AppNavigation,
+			AppSettingsMenu,
+		},
+		computed: {
+			menu () {
+				return this.buildMenu(this.$store.state.accounts);
+			}
+		}
+	}
+</script>