nemunaire/travel-steps
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

frontend: display version in corner

Browse source 
Signed-off-by: Nicolas Froger <nicolas@kektus.xyz>
This commit is contained in:
Nicolas Froger 2024-07-26 16:05:05 +02:00
commit 00634ebbc8
No known key found for this signature in database
4 changed files with 22 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

1
summer2024-frontend/.env Normal file
View file

@ -0,0 +1 @@
VITE_APP_VERSION=$npm_package_version

20
summer2024-frontend/src/App.vue
View file

@ -1,19 +1,33 @@
<script setup>
import { RouterLink, RouterView } from 'vue-router'
import { Images, Map } from 'lucide-vue-next'
import { ref } from 'vue'
const appVersion = ref(import.meta.env.VITE_APP_VERSION)
</script>
<template>
<div class="fixed w-full top-0 z-50 flex items-center backdrop-blur-md bg-black/10 gap-2 px-3">
<a href="https://www.kektus.fr"
><h1 id="kektus" class="font-bold select-none mx-3 my-3 text-2xl hover:text-3xl transition-all duration-300">kektus</h1></a
><h1 id="kektus" class="font-bold select-none mx-3 my-3 text-2xl hover:text-3xl transition-all duration-300">
kektus</h1></a
>
<h1 class="font-light text-lg my-2 mr-3">carnet de voyage été 2024</h1>
<div class="flex-grow"></div>
<RouterLink :to="{name: 'home'}"><div class="p-2 bg-black/10 hover:bg-black/20 transition-colors duration-300 rounded-lg"><Images size="20" /></div></RouterLink>
<RouterLink to="/map"><div class="p-2 bg-black/10 hover:bg-black/20 transition-colors duration-300 rounded-lg"><Map size="20" /></div></RouterLink>
<RouterLink :to="{name: 'home'}">
<div class="p-2 bg-black/10 hover:bg-black/20 transition-colors duration-300 rounded-lg">
<Images size="20" />
</div>
</RouterLink>
<RouterLink to="/map">
<div class="p-2 bg-black/10 hover:bg-black/20 transition-colors duration-300 rounded-lg">
<Map size="20" />
</div>
</RouterLink>
</div>
<RouterView />
<p class="fixed right-0 bottom-0 z-50 p-1 font-extralight text-sm"><a
href="https://gitlab.kektus.xyz/kektus/services/summer2024" target="_blank">v{{ appVersion }}</a></p>
</template>
<style scoped></style>

6
summer2024-frontend/src/config.js
View file

@ -1,3 +1,3 @@
export const API_BASE_URL = import.meta.env.VITE_API_BASEURL;
export const S3_ENDPOINT = import.meta.env.VITE_S3_ENDPOINT;
export const S3_BUCKET = import.meta.env.VITE_S3_BUCKET;
export const API_BASE_URL = import.meta.env.VITE_API_BASEURL
export const S3_ENDPOINT = import.meta.env.VITE_S3_ENDPOINT
export const S3_BUCKET = import.meta.env.VITE_S3_BUCKET

2
summer2024-frontend/vite.config.js
View file

@ -27,4 +27,4 @@ export default defineConfig({
esbuild: {
drop: []
}
})
})