Ajout menu public 'Évènements'

docs/changelog.md

@@ -1,6 +1,9 @@
 
 # Changelog
 
+**🚀 Fonctionnalités**
+ - Ajout d'un menu automatique "Évènements" pointant vers les évènements de geotrek-rando. Choix d'afficher/masquer via paramètre `DISPLAY_GTR_EVENTS_MENU`. 
+
 ## 0.4.0 (unreleased)
 
 ## 0.3.0 (2024-06-24)

front-vite/public/config/config.js.sample

@@ -1,6 +1,7 @@
 // URL_APPLICATION: Url de l'application backend
 // URL_GTA: url de l'application geotrek admin
 // URL_GTR: url de l'application geotrek public
+// DISPLAY_GTR_EVENTS_MENU: Afficher le menu vers les évènements geotrek-rando
 // RESA_NB_DELTA: nombre de participants surnuméraire acepté en plus du nombre de participants spécifiés dans geotrek
 // DAY_BEFORE_RESA: nombre de jours avant la date de debut de l'animation ou l'inscription est possible (si -1 aucune limitation de date)
 // RESA_BEGINNING_DATE: date à partir de laquelle les réservations sont ouvertes (PNG)
@@ -11,6 +12,7 @@ const CONFIGURATION = {
   URL_APPLICATION: 'URL_BACKEND',
   URL_GTA: 'URL_GEOTREK_ADMIN',
   URL_GTR: 'URL_GEOTREK_PUBLIC',
+  DISPLAY_GTR_EVENTS_MENU: true,
   RESA_NB_DELTA: 3,
   DAY_BEFORE_RESA: -1,
   RESA_BEGINNING_DATE: new Date('2023-06-26'),

front-vite/src/App.vue

@@ -16,6 +16,13 @@
           </a>
         </router-link>
       </div>
+      <div v-if="item.label == 'Évènements' && eventtypes_id != '' && config.DISPLAY_GTR_EVENTS_MENU === true">
+        <a v-ripple :href="config.URL_GTR + '/search?event=' + eventtypes_id" v-bind="props.action">
+            <span :class="item.icon" />
+            <span class="ml-2">{{ item.label }}</span>
+            <span v-if="hasSubmenu" class="pi pi-fw pi-angle-down ml-2" />
+        </a>
+      </div>
     </template>
     <template #end>
       <router-link @click="isMenuOpened = false" :to="isAuth ? '/logout' : '/login'"
@@ -38,18 +45,23 @@
 import { RouterLink, RouterView } from 'vue-router'
 import { storeToRefs } from 'pinia'
 import { useAuthStore } from '@/stores/auth'
-import { ref } from 'vue'
+import { ref, onBeforeMount } from 'vue'
 import PConfirmPopup from 'primevue/confirmpopup'
-
+import { getTouristiceventType } from '@/utils/gta_api';
 import Menubar from 'primevue/menubar';
 const authStore = useAuthStore()
 
 const { isAuth, isAdmin, user } = storeToRefs(authStore)
 
 const isMenuOpened = ref(false)
-
+const eventtypes_id = ref<string>('')
+const config = ref(CONFIGURATION)
 
 const items = ref([
+  {
+    label: 'Évènements',
+    icon: 'pi pi-calendar'
+  },
   {
     label: 'Animations',
     icon: 'pi pi-calendar',
@@ -80,4 +92,10 @@ const items = ref([
     route: '/resalisting'
   },
 ]);
+
+onBeforeMount(async () => {
+  const eventtypesResponse = await getTouristiceventType()
+  eventtypes_id.value = eventtypesResponse.results.map((item: any) => ([item.id])).join(",");
+})
+
 </script>

front-vite/src/globals.d.ts

@@ -5,14 +5,16 @@ declare let CONFIGURATION: {
   URL_GTA: string,
   // URL GeoTrek public
   URL_GTR: string,
+  // Affichage du menu vers les évènements GTR
+  DISPLAY_GTR_EVENTS_MENU: boolean,
   // utilisateur peut ou non annuler lui même une réservation
   USER_CAN_CANCEL: boolean,
   // Donnée utilisée pour savoir si une réservation d'animation est ouverte
-  // 
-  // Deux possibilités : 
+  //
+  // Deux possibilités :
   // * nombre de jours avant la date de l'anim (DAY_BEFORE_RESA)
   // * date fixe pour tous les événements
-  // 
+  //
   // Attention, si le nombre de jours est précisé,
   // la date fixe ne sera pas utilisée.
 
@@ -33,4 +35,4 @@ declare let CONFIGURATION: {
   // Ensemble des lieux d'origine à afficher à l'utilisateur
   ORIGINS: { value: string | number, label: string }[]
 
-}
+}