mirror of
https://github.com/mealie-recipes/mealie.git
synced 2025-10-29 01:04:18 -04:00
1e5edc7434
* Translate missing items on About page * Localize import summary dialog * Make site menu translation reactive * Localize import options * Include semi colon in string * Move API texts to frontend + better status codes * Provide feedback to user when no meal is planned * Fix API tests after latest rework * Add warning for API changes in changelog * Refactor API texts handling * Refactor API texts handling #2 * Better API feedback * Rearrange strings hierarchy * Add messages upon recipe updated * Fix 'recipe effected' typo * Remove snackbar usage in backend * Translate toolbox * Provide feedback for tags CRUD * Fix messed up merge * Translate sign-up form * Better feedback for sign-up CRUD * Refactor log-in API texts handling * No error message when user is not authenticated * Remove unimportant console log
111 lines
2.5 KiB
Vue
111 lines
2.5 KiB
Vue
<template>
|
|
<div class="text-center">
|
|
<LoginDialog ref="loginDialog" />
|
|
<v-menu
|
|
transition="slide-x-transition"
|
|
bottom
|
|
right
|
|
offset-y
|
|
offset-overflow
|
|
open-on-hover
|
|
close-delay="200"
|
|
>
|
|
<template v-slot:activator="{ on, attrs }">
|
|
<v-btn v-bind="attrs" v-on="on" icon>
|
|
<v-icon>mdi-account</v-icon>
|
|
</v-btn>
|
|
</template>
|
|
|
|
<v-list>
|
|
<v-list-item
|
|
v-for="(item, i) in filteredItems"
|
|
:key="i"
|
|
link
|
|
:to="item.nav ? item.nav : null"
|
|
@click="item.login ? openLoginDialog() : null"
|
|
>
|
|
<v-list-item-icon>
|
|
<v-icon>{{ item.icon }}</v-icon>
|
|
</v-list-item-icon>
|
|
<v-list-item-content>
|
|
<v-list-item-title>
|
|
{{ item.title }}
|
|
</v-list-item-title>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
</v-list>
|
|
</v-menu>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import LoginDialog from "../Login/LoginDialog";
|
|
export default {
|
|
components: {
|
|
LoginDialog,
|
|
},
|
|
computed: {
|
|
items() {
|
|
return [
|
|
{
|
|
icon: "mdi-account",
|
|
title: "Login",
|
|
restricted: false,
|
|
login: true,
|
|
},
|
|
{
|
|
icon: "mdi-calendar-week",
|
|
title: this.$t("meal-plan.dinner-this-week"),
|
|
nav: "/meal-plan/this-week",
|
|
restricted: true,
|
|
},
|
|
{
|
|
icon: "mdi-calendar-today",
|
|
title: this.$t("meal-plan.dinner-today"),
|
|
nav: "/meal-plan/today",
|
|
restricted: true,
|
|
},
|
|
{
|
|
icon: "mdi-calendar-multiselect",
|
|
title: this.$t("meal-plan.planner"),
|
|
nav: "/meal-plan/planner",
|
|
restricted: true,
|
|
},
|
|
{
|
|
icon: "mdi-logout",
|
|
title: this.$t("user.logout"),
|
|
restricted: true,
|
|
nav: "/logout",
|
|
},
|
|
{
|
|
icon: "mdi-cog",
|
|
title: this.$t("general.settings"),
|
|
nav: "/admin",
|
|
restricted: true,
|
|
},
|
|
]
|
|
},
|
|
filteredItems() {
|
|
if (this.loggedIn) {
|
|
return this.items.filter(x => x.restricted == true);
|
|
} else {
|
|
return this.items.filter(x => x.restricted == false);
|
|
}
|
|
},
|
|
loggedIn() {
|
|
return this.$store.getters.getIsLoggedIn;
|
|
},
|
|
},
|
|
|
|
methods: {
|
|
openLoginDialog() {
|
|
this.$refs.loginDialog.open();
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
<style>
|
|
.menu-text {
|
|
text-align: left !important;
|
|
}
|
|
</style> |