Commit 01a23d64 authored by Anthony ANGELOT's avatar Anthony ANGELOT Committed by Jérémy GAILLARD
Browse files

Add comments to make html more readable

parent d6889137
......@@ -7,7 +7,8 @@
<meta name="description" content="Retrouvez et proposez des initiatives dans la Métropole de Lyon pour vous aider et pour aider pendant le confinement." />
<link rel="icon" href="favicon.ico">
<title>Entraide confinement - Métropole de Lyon</title>
<!-- Matomo -->
<!-- Code Matomo pour l'envoi des statistiques d'utilisation du site -->
<script type="text/javascript">
var _paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
......@@ -23,7 +24,9 @@
</script>
<noscript><p><img src="https://statweb.grandlyon.com/matomo.php?idsite=82&amp;rec=1" style="border:0;" alt="" /></p></noscript>
<!-- End Matomo Code -->
<!-- Fin du code Matomo -->
<!-- Code tarteaucitron pour la gestion des cookies-->
<script type="text/javascript" src="/tarteaucitron/tarteaucitron.js"></script>
<script type="text/javascript">
......@@ -51,7 +54,7 @@
"readmoreLink": "/cookiespolicy" /* Change the default readmore link pointing to opt-out.ferank.eu */
});
</script>
<script type="text/javascript">
<script type="text/javascript"> /* on spécifie le cookie lié à Matomo, seul module collectant des données utilisateurs */
tarteaucitron.user.matomoId = 82;
tarteaucitron.user.matomoHost = 'https://statweb.grandlyon.com/';
(tarteaucitron.job = tarteaucitron.job || []).push('matomo');
......
......@@ -9,9 +9,7 @@
<Charte/>
</div>
<!--<p>
En ajoutant votre initiative vous contribuez à l’entraide, à la cohésion et à l’amélioration de la situation actuelle !
</p>-->
<!-- Champs du formulaire -->
<div class="field">
<p>Titre de l'initiative * </p>
<input v-model="titre" placeholder="Ma super initiative"/>
......@@ -70,6 +68,8 @@
<p>{{imageError}}</p>
</div>
</div>
<!-- Champs spécifiques pour des catégories sélectionnées -->
<template v-if='categorie === "1"'>
<div class="field">
<p>Modalités de livraison * (choix multiple)</p>
......@@ -134,6 +134,7 @@
</div>
</template>
<!-- Champs d'informations personnelles liées au porteur de l'initiative-->
<hr>
<p> Nous vous remercions de compléter ces informations afin que la Métropole de Lyon puisse vous contacter (ces données ne seront pas affichées sur la plateforme). </p>
<div class="field">
......@@ -154,6 +155,8 @@
<CGU/>
</div>
</div>
<!-- Affichage des erreurs, s'actualisant en temps réel avec la complétion des données -->
<div class="validation" v-if="validation.length !== 0">
<p>Pour envoyer le formulaire, merci de corriger les erreurs suivantes :</p>
<ul>
......
......@@ -17,10 +17,7 @@
</button>
</div>
</div>
<!--<div class="producers">
<p class="producers_texte"> <b> Producteurs</b>, vous avez besoin d'un point de collecte ou d'un regroupement ? </p>
<a class="bouton contact" href="/"> Contactez nous</a>
</div>-->
</div>
<div v-if='metadata !== null && services !== null'>
<ServiceList v-if='page === "list"' :services='services' :metadata='metadata' :url='url' :project='project' :table='table'/>
......
<template>
<div class="service">
<h3>{{data["titre"]}}</h3>
<!-- Bloc avec l'image, les informations générales sur le service-->
<div class="meta_info">
<div class="meta_info_left">
<img v-if='image !== null' :src='url + image["data"]["data"]["url"]' alt="">
......@@ -27,7 +28,11 @@
</div>
</div>
</div>
<!-- Paragraphe de description de l'initiative-->
<p class="description">{{data["descriptif"]}}</p>
<!-- Champs spécifiques pour courses et manger local-->
<div v-if='getCategorie(data) === "1"' class="alimentation_infos">
<div v-if='getLabels(data["modalite_de_livraison"], "modalite_de_livraison") !== ""' class="small_alimentation_info">
<img src="../static/livraison.svg" alt="Icone livraison">
......@@ -42,6 +47,8 @@
<p>{{getLabels(data["type_de_produit"], "type_de_produit")}}</p>
</div>
</div>
<!-- Bouton de lien vers l'initiative-->
<button @click="stats(data)"> <a :href='data["media_associe"]' target="_blank"> Voir l'initiative </a></button>
</div>
</template>
......
<template>
<div class="servicelist">
<div id="filtres">
<div id="filtres"> <!-- Contient l'ensemble des filtres-->
<p class="subtitle"> Rechercher </p>
<div class="categories">
<!-- Bloc correspondant au choix de la catégorie (version web)-->
<div class="categories">
<div class="radio-toolbar" v-for='(k, v) in choices("categorie")' :key="k">
<input type="radio" :id="k" name="filtre" :value="v" @change='filterChange(); stats(k)' v-model="cat_filter">
<label :for="k">
......@@ -11,31 +13,16 @@
</label>
</div>
</div>
<!-- Bloc correspondant au choix de la catégorie (version mobile) -->
<div class="categories_smartphone filter">
<select @change='filterChange()' v-model="cat_filter">
<option v-for='(k, v) in choices("categorie")' :value='v' :key='v'>{{k}}</option>
</select>
</div>
<div class="more_criterium">
<div class="categories_smartphone_ou filter">
<select @change='filterChange()' v-model="loc_filter">
<option v-for='(k, v) in choices("localisation")' :value='v' :key='v'>{{k}}</option>
</select>
</div>
<div class="categories_smartphone_modalite filter">
<select @change='filterChange()' v-model="mod_filter">
<option value="" disabled selected>Je souhaite ?</option>
<option value=''>Toutes les initiatives</option>
<option v-for='(k, v) in choices("modalite")' :value='v' :key='v'>{{k}}</option>
</select>
</div>
<button class="refine" v-on:click="show_hide()"> + de critères</button>
</div>
<!--<p>Catégorie</p>
<select @change='filterChange()' v-model="cat_filter">
<option v-for='(k, v) in choices("categorie")' :value='v' :key='v'>{{k}}</option>
</select>-->
<!-- Bloc correspondant auw autres critères (version web) -->
<p class="subtitle"> Affiner ma recherche </p>
<div class="filters">
<div class="filter">
......@@ -51,6 +38,8 @@
<option v-for='(k, v) in choices("modalite")' :value='v' :key='v'>{{k}}</option>
</select>
</div>
<!-- Filtres pour lesquels il n'a pas été souhaité de les afficher -->
<!--<div class="filter">
<p>Public cible</p>
<select @change='filterChange()' v-model="pub_filter">
......@@ -65,6 +54,8 @@
<option v-for='(k, v) in choices("type_contenu")' :value='v' :key='v'>{{k}}</option>
</select>
</div>-->
<!-- Filtres spécifiques par catégorie -->
<div v-if='cat_filter==="1"' class="filter">
<p>Comment je peux commander ?</p>
<select @change='filterChange()' v-model="pai_filter">
......@@ -107,6 +98,24 @@
</div>
</div>
<!-- Bloc correspondant auw autres critères (version mobile) -->
<div class="more_criterium">
<div class="categories_smartphone_ou filter">
<select @change='filterChange()' v-model="loc_filter">
<option v-for='(k, v) in choices("localisation")' :value='v' :key='v'>{{k}}</option>
</select>
</div>
<div class="categories_smartphone_modalite filter">
<select @change='filterChange()' v-model="mod_filter">
<option value="" disabled selected>Je souhaite ?</option>
<option value=''>Toutes les initiatives</option>
<option v-for='(k, v) in choices("modalite")' :value='v' :key='v'>{{k}}</option>
</select>
</div>
<button class="refine" v-on:click="show_hide()"> + de critères</button>
</div>
<!-- Bloc correspondant auw critères spécifiques (version mobile) -->
<div class="filters_smartphone">
<div id="other_filters_smartphone">
<!--<div class="filter">
......@@ -166,8 +175,11 @@
</div>
</div>
</div>
<!-- <p v-if='filteredServices.length !== 0'>Initiatives {{numFirst}} à {{numLast}} (sur {{filteredServices.length}})</p>
<p v-else>Aucune initiative trouvée pour les filtres sélectionnés</p>-->
<!-- Bandeaux spécifiques en haut des résultats -->
<div v-if='cat_filter==="1"' class="producers">
<p class="producers_texte"> <b> Vous avez besoin d'aide ou d'un renseignement ? </b> (de 9h à 12h30 et de 14h à 16h) </p>
<a class="contact"> 04 26 99 33 99</a>
......@@ -176,6 +188,8 @@
<p class="producers_texte"> <b> Producteurs locaux</b>, vous avez besoin d'aide ? </p>
<a class="contact" href="https://metropoledelyon.typeform.com/to/R2paRn" target="_blank"> contactez nous</a>
</div>
<!--Liste des résultats -->
<div class="services" id="list_services">
<Service v-for="s in paginated" :data=s :key="s['id']" :url='url' :project='project' :metadata='metadata'/>
</div>
......@@ -183,6 +197,8 @@
<p> Pas de résultats pour les filtres sélectionnés </p>
<!--<a class="spread_search" href="/"> Elargir ma recherche à toute la métropole</a>-->
</div>
<!-- Pagination -->
<div class="navigation">
<button v-if='page !== maxPage' class="pagination" @click="pageChange(page + 1); stats('PageSuivante')">Afficher plus</button>
<p>{{numLast}}/{{filteredServices.length}}</p>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment