diff --git a/frontend/src/components/Sidebar.vue b/frontend/src/components/Sidebar.vue index 109470dc..2986b6c7 100644 --- a/frontend/src/components/Sidebar.vue +++ b/frontend/src/components/Sidebar.vue @@ -1,15 +1,15 @@ <template> <nav :class="{ active }"> <template v-if="isLogged"> - <router-link + <button class="action" - to="/files/" + @click="toRoot" :aria-label="$t('sidebar.myFiles')" :title="$t('sidebar.myFiles')" > <i class="material-icons">folder</i> <span>{{ $t("sidebar.myFiles") }}</span> - </router-link> + </button> <div v-if="user.perm.create"> <button @@ -34,15 +34,15 @@ </div> <div> - <router-link + <button class="action" - to="/settings" + @click="toSettings" :aria-label="$t('sidebar.settings')" :title="$t('sidebar.settings')" > <i class="material-icons">settings_applications</i> <span>{{ $t("sidebar.settings") }}</span> - </router-link> + </button> <button v-if="authMethod == 'json'" @@ -125,6 +125,14 @@ export default { authMethod: () => authMethod, }, methods: { + toRoot() { + this.$router.push({ path: "/files/" }, () => {}); + this.$store.commit("closeHovers"); + }, + toSettings() { + this.$router.push({ path: "/settings" }, () => {}); + this.$store.commit("closeHovers"); + }, help() { this.$store.commit("showHover", "help"); },