mirror of
https://github.com/mealie-recipes/mealie.git
synced 2025-11-03 18:53:17 -05:00
80968b02bb
* add groupSlug to most routes * fixed more routing issues * fixed jank and incorrect routes * remove public explore links * remove unused groupSlug and explore routes * nuked explore pages * fixed public toolstore bug * fixed various routes missing group slug * restored public app header menu * fix janky login redirect * 404 recipe API call returns to login * removed unused explore layout * force redirect when using the wrong group slug * fixed dead admin links * removed unused middleware from earlier attempt * 🧹 * improve cookbooks sidebar fixed sidebar link not working fixed sidebar link target hide cookbooks header when there are none * added group slug to user * fix $auth typehints * vastly simplified groupSlug logic * allow logged-in users to view other groups * fixed some edgecases that bypassed isOwnGroup * fixed static home ref * 🧹 * fixed redirect logic * lint warning * removed group slug from group and user pages refactored all components to use route groupSlug or user group slug moved some group pages to recipe pages * fixed some bad types * 🧹 * moved groupSlug routes under /g/groupSlug * move /recipe/ to /r/ * fix backend url generation and metadata injection * moved shopping lists to root/other route fixes * changed shared from /recipes/ to /r/ * fixed 404 redirect not awaiting * removed unused import * fix doc links * fix public recipe setting not affecting public API * fixed backend tests * fix nuxt-generate command --------- Co-authored-by: Hayden <64056131+hay-kot@users.noreply.github.com>
96 lines
2.2 KiB
Vue
96 lines
2.2 KiB
Vue
<template>
|
|
<v-container>
|
|
<BasePageTitle>
|
|
<template #header>
|
|
<v-img max-height="175" max-width="175" :src="require('~/static/svgs/manage-recipes.svg')"></v-img>
|
|
</template>
|
|
<template #title> {{ $t('data-pages.data-management') }} </template>
|
|
{{ $t('data-pages.data-management-description') }}
|
|
<BannerExperimental class="mt-5"></BannerExperimental>
|
|
<template #content>
|
|
<div>
|
|
<BaseOverflowButton
|
|
:btn-text="buttonText"
|
|
mode="link"
|
|
rounded
|
|
:items="DATA_TYPE_OPTIONS"
|
|
>
|
|
</BaseOverflowButton>
|
|
</div>
|
|
</template>
|
|
</BasePageTitle>
|
|
<section>
|
|
<v-scroll-x-transition>
|
|
<NuxtChild />
|
|
</v-scroll-x-transition>
|
|
</section>
|
|
</v-container>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { computed, defineComponent, useContext, useRoute } from "@nuxtjs/composition-api";
|
|
|
|
export default defineComponent({
|
|
props: {
|
|
value: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
},
|
|
setup() {
|
|
const { i18n } = useContext();
|
|
const buttonLookup: { [key: string]: string } = {
|
|
recipes: i18n.tc("general.recipes"),
|
|
foods: i18n.tc("general.foods"),
|
|
units: i18n.tc("general.units"),
|
|
labels: i18n.tc("data-pages.labels.labels"),
|
|
};
|
|
|
|
const route = useRoute();
|
|
|
|
const DATA_TYPE_OPTIONS = computed(() => [
|
|
{
|
|
text: i18n.t("general.recipes"),
|
|
value: "new",
|
|
to: "/group/data/recipes",
|
|
},
|
|
{
|
|
text: i18n.t("general.foods"),
|
|
value: "url",
|
|
to: "/group/data/foods",
|
|
},
|
|
{
|
|
text: i18n.t("general.units"),
|
|
value: "new",
|
|
to: "/group/data/units",
|
|
},
|
|
{
|
|
text: i18n.t("data-pages.labels.labels"),
|
|
value: "new",
|
|
to: "/group/data/labels",
|
|
},
|
|
]);
|
|
|
|
const buttonText = computed(() => {
|
|
const last = route.value.path.split("/").pop();
|
|
|
|
if (last) {
|
|
return buttonLookup[last];
|
|
}
|
|
|
|
return i18n.tc("data-pages.select-data");
|
|
});
|
|
|
|
return {
|
|
buttonText,
|
|
DATA_TYPE_OPTIONS
|
|
};
|
|
},
|
|
head() {
|
|
return {
|
|
title: this.$tc("data-pages.data-management"),
|
|
};
|
|
},
|
|
});
|
|
</script>
|