diff --git a/frontend/components/Footer.vue b/frontend/components/Footer.vue new file mode 100644 index 0000000000000000000000000000000000000000..2af2637362ebe70fd959ea867fe01035ad398851 --- /dev/null +++ b/frontend/components/Footer.vue @@ -0,0 +1,15 @@ +<script setup lang="ts"> +const runtimeConfig = useRuntimeConfig(); +const tagUrl = computed(() => { + return `https://gitlab.pasteur.fr/mdm-lab/website/-/releases/v${runtimeConfig.public.version}` +}) +</script> +<template> + <v-footer absolute="true" text-center d-flex flex-column> + <div class="px-4 text-center w-100"> + <v-btn size="small" prepend-icon="mdi-tag" variant="plain" :href="tagUrl" target="_blank"> + v{{ runtimeConfig.public.version }} + </v-btn> + </div> + </v-footer> +</template> \ No newline at end of file diff --git a/frontend/components/Main.vue b/frontend/components/Main.vue index 9d21eae5a411ee7647f049fe46db25b643910019..7664303fed1bccbe510be6b3844aa28feefb1c4e 100644 --- a/frontend/components/Main.vue +++ b/frontend/components/Main.vue @@ -1,6 +1,6 @@ <script lang="ts" setup> import { useDisplay } from 'vuetify' - +import { useRuntimeConfig } from 'nuxt/app'; const { smAndDown, width } = useDisplay() export interface Props { fluid?: boolean @@ -16,6 +16,7 @@ const computedMinWidth = computed(() => { if (toValue(width) - 300 > toValue(minWidth)) return toValue(minWidth) return undefined }) +const runtimeConfig = useRuntimeConfig() const scrollThreshold = ref(200) @@ -47,6 +48,8 @@ function onScroll() { </v-row> </v-container> </v-main> + <Footer> + </Footer> </VApp> </v-card> </template> diff --git a/frontend/nuxt.config.ts b/frontend/nuxt.config.ts index f616c4fb7cf1a86e411dc05c0de7f563a2ae942c..84546c275c099b2506e6bd0a207fd5444f8be64a 100644 --- a/frontend/nuxt.config.ts +++ b/frontend/nuxt.config.ts @@ -1,6 +1,6 @@ // https://nuxt.com/docs/api/configuration/nuxt-config import { md3 } from 'vuetify/blueprints' - +import pkg from './package.json' export default defineNuxtConfig({ ssr: true, @@ -15,6 +15,7 @@ export default defineNuxtConfig({ public: { wikiUrl: '/wiki', dfApiPrefix: "/dfapi", + version: pkg.version } }, modules: [