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> <script setup>
import { RouterLink, RouterView } from 'vue-router' import { RouterLink, RouterView } from 'vue-router'
import { Images, Map } from 'lucide-vue-next' import { Images, Map } from 'lucide-vue-next'
import { ref } from 'vue'
const appVersion = ref(import.meta.env.VITE_APP_VERSION)
</script> </script>
<template> <template>
<div class="fixed w-full top-0 z-50 flex items-center backdrop-blur-md bg-black/10 gap-2 px-3"> <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" <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> <h1 class="font-light text-lg my-2 mr-3">carnet de voyage été 2024</h1>
<div class="flex-grow"></div> <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="{name: 'home'}">
<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 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> </div>
<RouterView /> <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> </template>
<style scoped></style> <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 API_BASE_URL = import.meta.env.VITE_API_BASEURL
export const S3_ENDPOINT = import.meta.env.VITE_S3_ENDPOINT; export const S3_ENDPOINT = import.meta.env.VITE_S3_ENDPOINT
export const S3_BUCKET = import.meta.env.VITE_S3_BUCKET; 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: { esbuild: {
drop: [] drop: []
} }
}) })