mirror of
https://github.com/mealie-recipes/mealie.git
synced 2025-05-24 01:12:54 -04:00
3c504e7048
* feat(frontend): ✨ add user registration page (WIP) * feat(backend): ✨ add user registration (WIP) * test(backend): ✅ add validator testing for registration schema * feat(backend): ✨ continued work on user sign-up * feat(backend): ✨ add signup flow and user/group settings * test(backend): ✅ user-creation tests and small refactor of existing tests * fix(backend): ✅ fix failing group tests * style: 🎨 fix lint issues Co-authored-by: hay-kot <hay-kot@pm.me>
133 lines
3.5 KiB
Vue
133 lines
3.5 KiB
Vue
<template>
|
|
<v-app dark>
|
|
<!-- <TheSnackbar /> -->
|
|
|
|
<AppSidebar
|
|
v-model="sidebar"
|
|
absolute
|
|
:top-link="topLinks"
|
|
secondary-header="Cookbooks"
|
|
:secondary-links="cookbookLinks || []"
|
|
:bottom-links="isAdmin ? bottomLink : []"
|
|
@input="sidebar = !sidebar"
|
|
/>
|
|
|
|
<AppHeader>
|
|
<v-btn icon @click.stop="sidebar = !sidebar">
|
|
<v-icon> {{ $globals.icons.menu }}</v-icon>
|
|
</v-btn>
|
|
</AppHeader>
|
|
<v-main>
|
|
<v-scroll-x-transition>
|
|
<Nuxt />
|
|
</v-scroll-x-transition>
|
|
</v-main>
|
|
<AppFloatingButton absolute />
|
|
</v-app>
|
|
</template>
|
|
|
|
|
|
<script lang="ts">
|
|
import { computed, defineComponent, useContext } from "@nuxtjs/composition-api";
|
|
import AppHeader from "@/components/Layout/AppHeader.vue";
|
|
import AppSidebar from "@/components/Layout/AppSidebar.vue";
|
|
import AppFloatingButton from "@/components/Layout/AppFloatingButton.vue";
|
|
import { useCookbooks } from "~/composables/use-group-cookbooks";
|
|
|
|
export default defineComponent({
|
|
components: { AppHeader, AppSidebar, AppFloatingButton },
|
|
// @ts-ignore
|
|
middleware: "auth",
|
|
setup() {
|
|
const { cookbooks } = useCookbooks();
|
|
// @ts-ignore
|
|
const { $globals, $auth } = useContext();
|
|
|
|
const isAdmin = computed(() => $auth.user?.admin);
|
|
|
|
const cookbookLinks = computed(() => {
|
|
if (!cookbooks.value) return [];
|
|
return cookbooks.value.map((cookbook) => {
|
|
return {
|
|
icon: $globals.icons.pages,
|
|
title: cookbook.name,
|
|
to: `/cookbooks/${cookbook.slug}`,
|
|
};
|
|
});
|
|
});
|
|
return { cookbookLinks, isAdmin };
|
|
},
|
|
data() {
|
|
return {
|
|
sidebar: null,
|
|
bottomLink: [
|
|
{
|
|
icon: this.$globals.icons.cog,
|
|
title: this.$t("general.settings"),
|
|
to: "/admin/dashboard",
|
|
restricted: true,
|
|
},
|
|
],
|
|
topLinks: [
|
|
{
|
|
icon: this.$globals.icons.calendar,
|
|
restricted: true,
|
|
title: this.$t("meal-plan.meal-planner"),
|
|
children: [
|
|
{
|
|
icon: this.$globals.icons.calendarMultiselect,
|
|
title: this.$t("meal-plan.planner"),
|
|
to: "/meal-plan/planner",
|
|
restricted: true,
|
|
},
|
|
{
|
|
icon: this.$globals.icons.calendarWeek,
|
|
title: this.$t("meal-plan.dinner-this-week"),
|
|
to: "/meal-plan/this-week",
|
|
restricted: true,
|
|
},
|
|
{
|
|
icon: this.$globals.icons.calendarToday,
|
|
title: this.$t("meal-plan.dinner-today"),
|
|
to: "/meal-plan/today",
|
|
restricted: true,
|
|
},
|
|
],
|
|
},
|
|
{
|
|
icon: this.$globals.icons.formatListCheck,
|
|
title: this.$t("shopping-list.shopping-lists"),
|
|
to: "/shopping-list",
|
|
restricted: true,
|
|
},
|
|
{
|
|
icon: this.$globals.icons.viewModule,
|
|
to: "/recipes/all",
|
|
title: this.$t("sidebar.all-recipes"),
|
|
},
|
|
{
|
|
icon: this.$globals.icons.search,
|
|
to: "/search",
|
|
title: this.$t("sidebar.search"),
|
|
},
|
|
{
|
|
icon: this.$globals.icons.tags,
|
|
to: "/recipes/categories",
|
|
title: this.$t("sidebar.categories"),
|
|
},
|
|
{
|
|
icon: this.$globals.icons.tags,
|
|
to: "/recipes/tags",
|
|
title: this.$t("sidebar.tags"),
|
|
},
|
|
],
|
|
};
|
|
},
|
|
head: {
|
|
title: "Home",
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<style scoped>
|
|
</style>+ |