public/pages/fiches.md

@@ -1,3 +1,3 @@
 # Fiches à télécharger
 
-Vous pourrez trouver sur cette page les différentes fiches de Pélican à télécharger.
+Vous pourrez trouver sur cette page les différentes fiches de Pélican à télécharger. Elles sont disponible au format .odt et .pdf, pour permettre une utilisation à l'informatique ou en impression

public/pelican.json

@@ -83,5 +83,12 @@
         {"title": "Jeu de plateau", "path": "rules/bases/plateau"}
       ]
     }
+  ],
+  "fiches":[
+    {"title":"Fiche de Personnage", "path":"personnage"},
+    {"title":"Fiche de PNJ", "path":"pnj"},
+    {"title":"Fiche de Créature", "path":"creature"},
+    {"title":"Fiche de Suiveur", "path":"suiveur"},
+    {"title":"Fiche de Véhicule", "path":"vehicule"}
   ]
 }

src/components/layout/TopBar.vue

@@ -7,6 +7,21 @@
           <router-link to="/about" class="menu-item">À propos</router-link>
         </li>
       </ul>
+      <ul class="f-end">
+        <li>
+          <router-link to="/fiches" class="menu-item">Fiches</router-link>
+        </li>
+        <li>
+          <a
+            href="https://git.kobold.cafe/pelican/pelican-jdr"
+            class="menu-item"
+            >Sources</a
+          >
+        </li>
+        <li>
+          <a href="https://kazhnuz.space" class="menu-item">Retour</a>
+        </li>
+      </ul>
     </div>
   </header>
 </template>

src/router/index.ts

@@ -2,6 +2,7 @@ import { createRouter, createWebHashHistory } from "vue-router";
 import HomeView from "../views/HomeView.vue";
 import RuleView from "../views/RuleView.vue";
 import JdrView from "../views/JdrView.vue";
+import FichesView from "../views/FichesView.vue";
 
 const router = createRouter({
   history: createWebHashHistory(import.meta.env.BASE_URL),
@@ -19,6 +20,10 @@ const router = createRouter({
       path: "/jdr/:jdr/",
       component: JdrView,
     },
+    {
+      path: "/fiches",
+      component: FichesView,
+    },
     {
       path: "/about",
       name: "about",

src/types/PelicanConfig.ts

@@ -1,7 +1,9 @@
+import type Link from "./Link";
 import type LinkList from "./LinkList";
 
 export default interface PelicanConfig {
   version: string;
   sidebar: LinkList[];
   jdr: LinkList[];
+  fiches: Link[];
 }

src/views/FichesView.vue

@@ -0,0 +1,49 @@
+<script setup lang="ts">
+import { onMounted } from "vue";
+import { useTocStore } from "@/stores/toc";
+import { useConfigStore } from "@/stores/config";
+import MarkdownFile from "../components/MarkdownFile.vue";
+import { computed } from "vue";
+
+const config = useConfigStore();
+const toc = useTocStore();
+
+onMounted(() => {
+  toc.resetToc();
+});
+
+const fiches = computed(() => {
+  return config.config?.fiches ?? [];
+});
+</script>
+
+<template>
+  <MarkdownFile path="pages/fiches">
+    <div class="card">
+      <div
+        v-for="(fiche, index) of fiches"
+        class="d-flex f-between"
+        :key="index"
+        :class="{ pt1: index > 0 }"
+      >
+        <div>{{ fiche.title }}</div>
+        <div>
+          <a :href="`/download/fiche-${fiche.path}.odt`" class="btn btn-primary"
+            >.odt</a
+          >
+          <a
+            :href="`/download/fiche-${fiche.path}.pdf`"
+            class="btn btn-secondary"
+            >.pdf</a
+          >
+        </div>
+      </div>
+    </div>
+  </MarkdownFile>
+</template>
+
+<style lang="scss">
+.pt1 {
+  padding-top: 1.5rem;
+}
+</style>