From 14fe3564e6a33bc98a61d374bfd5cd0e58a7218a Mon Sep 17 00:00:00 2001
From: Remi PLANEL <rplanel@pasteur.fr>
Date: Thu, 16 May 2024 17:19:11 +0200
Subject: [PATCH] add version webservice to footer
---
frontend/components/Footer.vue | 15 +++++++++++++++
frontend/components/Main.vue | 5 ++++-
frontend/nuxt.config.ts | 3 ++-
3 files changed, 21 insertions(+), 2 deletions(-)
create mode 100644 frontend/components/Footer.vue
diff --git a/frontend/components/Footer.vue b/frontend/components/Footer.vue
new file mode 100644
index 0000000..2af2637
--- /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 9d21eae..7664303 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 f616c4f..84546c2 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: [
--
GitLab