ENH: Add content everywhere

GitePoule · Dec 8, 2024 · a1f90b5 · a1f90b5
1 parent 3ba6c46
commit a1f90b5
Show file tree

Hide file tree

Showing 8 changed files with 124 additions and 56 deletions.
diff --git a/src/assets/img/transport/ligneR.png b/src/assets/img/transport/ligneR.png
diff --git a/src/components/visitbzh/Auxerre.vue b/src/components/visitbzh/Auxerre.vue
@@ -20,6 +20,11 @@
         <v-card-text>
         <div>Auxerre, ville historique de l'Yonne, est connue pour sa cathédrale Saint-Étienne et son abbaye Saint-Germain. Ses rues pavées et ses maisons à colombages en font une destination charmante et pittoresque.</div>
         </v-card-text>
+
+        <v-card-actions>
+            <v-avatar image="https://www.aja.fr/wp-content/uploads/2023/01/Groupe-320-1.svg"></v-avatar>
+            <v-btn color="primary" text="Voir le site" href="https://www.auxerre.fr/"></v-btn>
+        </v-card-actions>
     </v-card>
 </template>
 

diff --git a/src/components/visitbzh/BleauCastle.vue b/src/components/visitbzh/BleauCastle.vue
@@ -23,7 +23,8 @@
         </v-card-text>
 
         <v-card-actions>
-        <v-btn color="orange" text="Voir le site" href="https://www.chateaudefontainebleau.fr"></v-btn>
+            <v-avatar icon="mdi-castle"></v-avatar>
+            <v-btn color="primary" text="Voir le site" href="https://www.chateaudefontainebleau.fr"></v-btn>
         </v-card-actions>
     </v-card>
 

diff --git a/src/components/visitbzh/Paris.vue b/src/components/visitbzh/Paris.vue
@@ -20,6 +20,11 @@
         <v-card-text>
         <div>Paris, capitale de la France, est mondialement connue pour ses monuments emblématiques comme la Tour Eiffel, le Louvre et Notre-Dame. Ses quartiers animés, ses musées et ses cafés en font une destination incontournable.</div>
         </v-card-text>
+
+        <v-card-actions>
+            <v-avatar image="https://www.sortiraparis.com/favicon.ico"></v-avatar>
+            <v-btn color="primary" text="Sortir à Paris" href="https://www.sortiraparis.com/"></v-btn>
+        </v-card-actions>
     </v-card>
 </template>
 

diff --git a/src/components/visitbzh/Provins.vue b/src/components/visitbzh/Provins.vue
@@ -21,6 +21,7 @@
         <div>Provins est inscrite au patrimoine mondial de l'UNESCO. Ses remparts, ses tours et ses spectacles médiévaux en font une destination historique unique.</div>
         </v-card-text>
         <v-card-actions>
+            <v-avatar image="https://mairie-provins.fr/wp/wp-content/uploads/2021/11/logo-ville.png"></v-avatar>
             <v-btn color="primary" text="Voir le site" href="https://provins.net/"></v-btn>
         </v-card-actions>
     </v-card>

diff --git a/src/components/visitbzh/Troyes.vue b/src/components/visitbzh/Troyes.vue
@@ -20,6 +20,11 @@
         <v-card-text>
         <div>Troyes est célèbre pour ses maisons à pans de bois et ses rues pavées. Sa cathédrale gothique et ses nombreux musées en font une destination culturelle incontournable.</div>
         </v-card-text>
+
+        <v-card-actions>
+            <v-avatar image="https://www.ville-troyes.fr/wp-content/uploads/2019/06/logo_fond.png"></v-avatar>
+            <v-btn color="primary" text="Voir le site" href="https://www.ville-troyes.fr/"></v-btn>
+        </v-card-actions>
     </v-card>
 </template>
 

diff --git a/src/pages/Gite.vue b/src/pages/Gite.vue
@@ -14,7 +14,8 @@
                 prepend-icon="mdi-account-hard-hat"
                 >
                 Gîte avant travaux
-            </v-chip>
+            </v-chip>
+
             <v-btn
                 v-if="showCarBtn"
                 @click="switchGite"
@@ -244,9 +245,21 @@
         </v-tabs>
 
         <v-tabs-window v-model="tabGuide">
-            <v-tabs-window-item :value="1" height="600px">Guide 1</v-tabs-window-item>
-            <v-tabs-window-item :value="2" height="600px">Guide 2</v-tabs-window-item>
-            <v-tabs-window-item :value="3" height="600px">Guide 3</v-tabs-window-item>
+            <v-tabs-window-item :value="1" height="600px">
+                <br/><br/><br/>
+                Plus d'information à venir sur l'utilisation du four
+                <br/><br/><br/>
+            </v-tabs-window-item>
+            <v-tabs-window-item :value="2" height="600px">
+                <br/><br/><br/>
+                Plus d'information à venir sur l'utilisation de la télévision
+                <br/><br/><br/>
+            </v-tabs-window-item>
+            <v-tabs-window-item :value="3" height="600px">
+                <br/><br/><br/>
+                Plus d'information à venir sur l'utilisation du wifi
+                <br/><br/><br/>
+            </v-tabs-window-item>
         </v-tabs-window>
 
     </v-card></v-bottom-sheet>
@@ -336,9 +349,11 @@
 
     <br /><v-divider></v-divider>
     <h3>Règlement intérieur</h3><br />
+    <p>Plus d'information à venir</p>
 
     <br /><v-divider></v-divider>
     <h3>Sécurité du logement</h3><br />
+    <p>Plus d'information à venir</p>
 
 </div>
 </template>

diff --git a/src/pages/index.vue b/src/pages/index.vue
@@ -1,20 +1,5 @@
 <template>
     <v-container fluid>
-      <v-snackbar
-        v-model="snackbar"
-      >
-        Fonctionnalité pas encore disponible
-
-        <template v-slot:actions>
-          <v-btn
-            color="pink"
-            variant="text"
-            @click="snackbar = false"
-          >
-            Fermer
-          </v-btn>
-        </template>
-      </v-snackbar>
       <v-row dense>
         <v-col cols="12" md="6">
           <v-card>
@@ -28,8 +13,8 @@
               <v-card-title class="text-white">Réserver votre séjour</v-card-title>
             </v-img>
 
-            <v-card-actions>
-              <v-avatar :image="logoG2F"></v-avatar>
+            <v-card-actions>
+              <v-avatar :image="logoG2F"></v-avatar>
               <v-spacer></v-spacer>
               <v-btn href="https://www.gites-de-france.com/fr/ile-de-france/seine-et-marne/lombre-des-oiseaux-77g624">Réserver</v-btn>
             </v-card-actions>
@@ -49,29 +34,21 @@
               <v-card-title class="text-white">Se rendre à Bazoches-Lès-Bray</v-card-title>
             </v-img>
 
-            <v-card-actions>
-              <v-spacer></v-spacer>
-              <v-btn @click="showCar = !showCar; showTrain = false;" icon="mdi-car" size="small" color="medium-emphasis"></v-btn>
-              <v-btn @click="showCar = false; showTrain = !showTrain;" icon="mdi-train" size="small" color="medium-emphasis"></v-btn>
+            <v-card-actions class="justify-center">
+              <v-btn @click="radioButtonTransport('showCar');" icon="mdi-car" size="small" color="medium-emphasis"></v-btn>
+              <v-btn @click="radioButtonTransport('showTrain')" icon="mdi-train" size="small" color="medium-emphasis"></v-btn>
+              <v-btn @click="radioButtonTransport('showBike')" icon="mdi-bike" size="small" color="medium-emphasis"></v-btn>
             </v-card-actions>
             <v-expand-transition>
               <div v-show="showCar">
                 <v-divider></v-divider>
-                <v-timeline density="compact">
-                  <v-timeline-item size="x-small" dot-color="blue">
-                    <div class="mb-4">
-                      <div class="font-weight-normal">
-                        <strong>Bla</strong> @ Oh
-                      </div>
-                      <div>Comme cela</div>
-                    </div>
-                  </v-timeline-item>
-                  <v-timeline-item size="x-small" dot-color="blue">
+                <v-timeline density="compact" style="margin-left: 5px;">
+                  <v-timeline-item icon="mdi-highway" dot-color="blue">
                     <div class="mb-4">
                       <div class="font-weight-normal">
-                        <strong>Bla</strong> @ Oh
+                        <strong>Par l'autoroute A5</strong>
                       </div>
-                      <div>Comme cela</div>
+                      <div>Sortir à "Marolles sur Seine" ou "Pont sur Yonne"</div>
                     </div>
                   </v-timeline-item>
                 </v-timeline>
@@ -80,10 +57,10 @@
             <v-expand-transition>
               <div v-show="showTrain">
                 <v-divider></v-divider>
-                <v-timeline density="compact">
-                  <v-timeline-item size="medium" dot-color="white">
+                <v-timeline density="compact" style="margin-left: 5px;">
+                  <v-timeline-item size="large" dot-color="white" :fill-dot="true">
                     <template v-slot:icon>
-                      <v-avatar :image="ligneR" size="35" :rounded="false"></v-avatar>
+                      <v-avatar :image="ligneR" size="30" :rounded="false" style="margin-left:3px;"></v-avatar>
                     </template>
                     <div class="mb-4">
                       <div class="font-weight-normal">
@@ -92,33 +69,81 @@
                       <div>Descendre à <strong>Montereau</strong>. Une ligne de bus permet de rejoindre directement Bazoches-Lès-Bray depuis la gare de Montereau-Fault-Yonne.</div>
                     </div>
                   </v-timeline-item>
-                  <v-timeline-item size="medium" dot-color="white">
+                  <v-timeline-item size="large" dot-color="white" :fill-dot="true">
                     <template v-slot:icon>
-                      <v-avatar :image="ligneP" size="29" :rounded="false"></v-avatar>
+                      <v-avatar :image="ligneP" size="30" :rounded="false" style="margin-left:3px;"></v-avatar>
                     </template>
                     <div class="mb-4">
                       <div class="font-weight-normal">
                         Via la ligne P au départ de <strong>Paris</strong>
                       </div>
-                      <div>Descendre à <strong>Provins</strong>. Une ligne de bus permet de rejoindre Bray sur Seine depuis la gare de Provins.</div>
+                      <div>Descendre à <strong>Provins</strong> ou <strong>Longueville</strong>. Une ligne de bus permet de rejoindre Bray sur Seine depuis la gare de Provins.</div>
                     </div>
                   </v-timeline-item>
-                  <v-timeline-item size="x-small" dot-color="blue">
+                  <v-timeline-item icon="mdi-train" dot-color="blue">
                     <div class="mb-4">
                       <div class="font-weight-normal">
                         Via le TER Grand Est en passant par <strong>Troyes</strong>
                       </div>
-                      <div>Comme cela</div>
+                      <div>Descendre à <strong>Nogent sur Seine</strong>. Il vous faudra une voiture ou un covoiture pour rejoindre Bazoches-Lès-Bray.</div>
                     </div>
                   </v-timeline-item>
-                  <v-timeline-item size="x-small" dot-color="blue">
+                  <v-timeline-item icon="mdi-train" dot-color="blue">
                     <div class="mb-4">
                       <div class="font-weight-normal">
                         Via le TER Bourgognes en passant par <strong>Sens</strong>
                       </div>
-                      <div>Comme cela</div>
+                      <div>Descendre à <strong>Sens</strong>. Il vous faudra une voiture ou un covoiture pour rejoindre Bazoches-Lès-Bray.</div>
+                    </div>
+                  </v-timeline-item>
+                </v-timeline>
+              </div>
+            </v-expand-transition>
+            <v-expand-transition>
+              <div v-show="showBike">
+                <v-divider></v-divider>
+                <v-timeline density="compact" style="margin-left: 5px;">
+                  <v-timeline-item dot-color="blue">
+                    <div class="mb-4">
+                      <div class="font-weight-normal">
+                        <strong>Depuis la gare de Nangis :</strong>
+                      </div>
+                      <div>Plus d'info à venir</div>
+                    </div>
+                  </v-timeline-item>
+                  <v-timeline-item dot-color="blue">
+                    <div class="mb-4">
+                      <div class="font-weight-normal">
+                        <strong>Depuis la gare de Longueville :</strong>
+                      </div>
+                      <div>Plus d'info à venir</div>
+                    </div>
+                  </v-timeline-item>
+                  <v-timeline-item dot-color="blue">
+                    <div class="mb-4">
+                      <div class="font-weight-normal">
+                        <strong>Depuis la gare de Montereau :</strong>
+                      </div>
+                      <div>Plus d'info à venir</div>
+                    </div>
+                  </v-timeline-item>
+                  <v-timeline-item dot-color="blue">
+                    <div class="mb-4">
+                      <div class="font-weight-normal">
+                        <strong>Depuis la gare de Sens :</strong>
+                      </div>
+                      <div>Plus d'info à venir</div>
+                    </div>
+                  </v-timeline-item>
+                  <v-timeline-item dot-color="blue">
+                    <div class="mb-4">
+                      <div class="font-weight-normal">
+                        <strong>Depuis la gare de Nogent sur Seine :</strong>
+                      </div>
+                      <div>Plus d'info à venir</div>
                     </div>
                   </v-timeline-item>
+
                 </v-timeline>
               </div>
             </v-expand-transition>
@@ -194,18 +219,29 @@
           snackbar: false,
           showCar: false,
           showTrain: false,
+          showBike: false,
           ligneP:ligneP,
           ligneR:ligneR,
         }),
         computed: {
-    carouselHeight() {
-      var toolbarHeight = 64;
-      if (window.innerWidth <= 768) {
-         toolbarHeight = 128;
-      }
-      return `calc(100vh - ${toolbarHeight}px)`;
-    },
-  },
+          carouselHeight() {
+            var toolbarHeight = 64;
+            if (window.innerWidth <= 768) {
+              toolbarHeight = 128;
+            }
+            return `calc(100vh - ${toolbarHeight}px)`;
+          },
+        },
+        methods: {
+          radioButtonTransport(sel) {
+            for (let a of ['showCar', 'showBike', 'showTrain']){
+              if(a != sel){
+                this[a] = false;
+              }
+            }
+            this[sel] = !this[sel];
+          }
+        }
     };
 </script>