This commit is contained in:
Jan Bader 2022-04-23 11:05:07 +00:00 committed by Gitea
parent cfb1dbe276
commit 4fa227c452
3 changed files with 23 additions and 22 deletions

View File

@ -9,5 +9,7 @@
}, },
"gopls": { "gopls": {
"formatting.gofumpt": true, "formatting.gofumpt": true,
} },
"editor.detectIndentation": false,
"editor.tabSize": 2
} }

View File

@ -7,7 +7,8 @@ module.exports = {
], ],
rules: { rules: {
// override/add rules settings here, such as: // override/add rules settings here, such as:
'vue/max-attributes-per-line': 'off' 'vue/max-attributes-per-line': 'off',
'vue/singleline-html-element-content-newline': 'off',
// 'vue/no-unused-vars': 'error' // 'vue/no-unused-vars': 'error'
}, },
parser: "vue-eslint-parser", parser: "vue-eslint-parser",

View File

@ -10,37 +10,35 @@ const router = useRouter();
const CurrentBudgetName = computed(() => useBudgetsStore().CurrentBudgetName); const CurrentBudgetName = computed(() => useBudgetsStore().CurrentBudgetName);
const LoggedIn = computed(() => useSessionStore().LoggedIn); const LoggedIn = computed(() => useSessionStore().LoggedIn);
function logout() { function logout() {
useSessionStore().logout(); useSessionStore().logout();
router.push("/login"); router.push("/login");
} }
function toggleMenu() { function toggleMenu() {
useSettingsStore().toggleMenu(); useSettingsStore().toggleMenu();
} }
function toggleMenuSize() { function toggleMenuSize() {
useSettingsStore().toggleMenuSize(); useSettingsStore().toggleMenuSize();
} }
router.afterEach(function(to, from) { router.afterEach(function(to, from) {
useSettingsStore().Menu.Show = false; useSettingsStore().Menu.Show = false;
}) })
</script> </script>
<template> <template>
<div class="flex bg-gray-400 dark:bg-gray-600 p-4 static top-0 left-0 w-full h-14"> <div class="flex bg-gray-400 dark:bg-gray-600 p-4 static top-0 left-0 w-full h-14">
<span class="flex-1 font-bold text-5xl -my-3 hidden md:inline" @click="toggleMenuSize"></span> <span class="flex-1 font-bold text-5xl -my-3 hidden md:inline" @click="toggleMenuSize"></span>
<span class="flex-1 font-bold text-5xl -my-3 md:hidden" @click="toggleMenu"></span> <span class="flex-1 font-bold text-5xl -my-3 md:hidden" @click="toggleMenu"></span>
<span class="flex-1">{{ CurrentBudgetName }}</span>
<span class="flex-1">{{ CurrentBudgetName }}</span> <div class="flex flex-1 flex-row justify-end -mx-4">
<router-link v-if="LoggedIn" class="mx-4" to="/dashboard">
<div class="flex flex-1 flex-row justify-end -mx-4"> Dashboard
<router-link v-if="LoggedIn" class="mx-4" to="/dashboard"> </router-link>
Dashboard <router-link v-if="!LoggedIn" class="mx-4" to="/login">
</router-link> Login
<router-link v-if="!LoggedIn" class="mx-4" to="/login"> </router-link>
Login <a v-if="LoggedIn" class="mx-4" @click="logout">Logout</a>
</router-link>
<a v-if="LoggedIn" class="mx-4" @click="logout">Logout</a>
</div>
</div> </div>
</div>
</template> </template>