Added not found page for calendars

This commit is contained in:
Alexis
2024-12-19 16:46:22 +01:00
parent df8af541c1
commit 199cfb6634
3 changed files with 34 additions and 1 deletions

View File

@@ -95,6 +95,8 @@ export default defineI18nConfig(() => ({
nameSingular: "Calendar",
namePlural: "Calendars",
addSingle: "Add a calendar",
notFound: "Calendar not found",
notFoundDescription: "The link is not valid or the calendar has been deleted / archived.",
notFoundForWorld: "No calendar for this world… yet !",
isLoading: "Calendar is loading…",
date: {
@@ -321,6 +323,8 @@ export default defineI18nConfig(() => ({
nameSingular: "Calendriers",
namePlural: "Calendrier",
addSingle: "Ajouter un calendrier",
notFound: "Aucun calendrier trouvé",
notFoundDescription: "Le lien n'est pas valide ou le calendrier a été supprimé / archivé.",
notFoundForWorld: "Aucun calendrier pour ce monde… pour l'instant !",
isLoading: "Chargement du calendrier…",
date: {

View File

@@ -1,5 +1,5 @@
<script lang="ts" setup>
import { PhCircleNotch } from "@phosphor-icons/vue";
import { PhCalendarX, PhCircleNotch } from "@phosphor-icons/vue";
import type { Calendar } from "~/models/CalendarConfig";
import type { Category } from "~/models/Category";
@@ -34,4 +34,22 @@ const categories = computed<Category[]>(() => catData?.value?.data as Category[]
<Calendar :calendar-data="cal" :categories />
</div>
<div v-else class="h-full w-full grid place-items-center">
<Head>
<Title>{{ $t("entity.calendar.notFound") }}</Title>
</Head>
<div class="grid justify-items-center opacity-80">
<PhCalendarX size="75" class="opacity-60" />
<Heading level="h1">
{{ $t("entity.calendar.notFound") }}
</Heading>
<p>
{{ $t('entity.calendar.notFoundDescription') }}
</p>
</div>
</div>
</template>

11
pages/calendars/index.vue Normal file
View File

@@ -0,0 +1,11 @@
<script lang="ts" setup></script>
<template>
<main class="p-8">
<Head>
<Title>{{ $t("entity.world.namePlural") }}</Title>
</Head>
<Heading level="h1">Calendriers publics</Heading>
</main>
</template>