Merge remote-tracking branch 'origin/dev'

CovidTrackerFr · May 30, 2021 · e405b96 · e405b96
2 parents 73b2f10 + ccfeab8
commit e405b96
Show file tree

Hide file tree

Showing 4,242 changed files with 38,421 additions and 4,721 deletions.
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
@@ -0,0 +1,70 @@
+![License: CC BY-NC 4.0](https://img.shields.io/badge/License-CC%20BY--NC%204.0-lightgrey.svg)
+
+# Guide de contribution Vite Ma Dose (web)
+
+Bonjour ! Bienvenue sur le dépôt de code de l'application web [_Vite Ma Dose_](https://vitemadose.covidtracker.fr/).
+
+C'est ici que se développent les prochaines fonctionnalités à ajouter au front et tu as peut-être
+envie de participer à l'aventure. Nous accueillons ta contribution avec plaisir et ce document
+est là pour faciliter ton intégration au sein du projet VMD.
+
+Mais d'abord, quelques indications sur ce que contient ce dépôt :
+
++ l'application web type [SPA](https://fr.wikipedia.org/wiki/Application_web_monopage) développée avec
+  des composants [lit-elements](https://lit-element.polymer-project.org/guide/templates), [lit-html](https://lit-html.polymer-project.org/guide)
+  et compilée avec [vite](vitejs.dev)
++ Les ressources (images, logo, etc.) qui sont utilisées exclusivement par cette application
++ Le contenu SEO en relation avec _Vite Ma Dose._
+
+D'autres dépôts participent au fonctionnement de Vite Ma Dose :
+
++ [CovidTrackerFr/vitemadose](https://github.com/CovidTrackerFr/vitemadose) : Le scrapper qui récupère et agrège les données
++ [CovidTrackerFr/vitemadose-android](https://github.com/CovidTrackerFr/vitemadose-android) : L'application Android
++ [CovidTrackerFr/vitemadose-ios](https://github.com/CovidTrackerFr/vitemadose-ios) : L'application iOS
++ [CovidTrackerFr/vitemadose-firebase](https://github.com/CovidTrackerFr/vitemadose-firebase) : Les actions FireBase pour les notifications
+
+
+## Proposer une implémentation de fonctionnalité
+
+Nous fonctionnons par [_Pull Requests_](https://docs.github.com/en/github/collaborating-with-issues-and-pull-requests/about-pull-requests).
+Rien de bien exceptionnel mais voici les quelques points importants :
+
++ Avant de commencer à coder, clone le dépôt, en particulier la branche `dev`
++ Crée une nouvelle branche à partir de cette branche `dev`
++ Ajoute la nouvelle fonctionnalité ou corrige le bug. Les tests et les petits commits réguliers sont très encouragés.
++ Si tu cherches à résoudre une [issue](https://github.com/CovidTrackerFr/vitemadose-front/issues), pense à indiquer son numéro dans le message de commit
++ Pousse ta branche sur github
++ Ouvre une merge request qui cible la branche `dev`
++ Assure-toi que tout est vert sur l'interface !
+
+
+## Mettre en prod
+
+Regulièrement, nous mettons en prod le code prêt qui se trouve sur la branche `dev`. Pour faire ceci :
+
++ Prépare une _Release Note._ Le plus facile est de s'inspirer de [la précédente](https://github.com/CovidTrackerFr/vitemadose-front/releases)
++ Cible la branche `main` avec un nom de tag qui comprends la date du jour au format `YYYYMMDD`.
++ Enregistre en brouillon et demande une revue !
++ Localement, merge `dev` dans `main` avec ces commandes:
+  - `git fetch --prune`
+  - `git checkout main`
+  - `git reset --hard origin/main`
+  - `git pull --merge origin dev`
+  - `git push origin main`
+
++ Publie la _relase note_ ! Le tag git sera ajouté directement depuis Github.
+
+### Outils pour la rédaction de la release note
+
+#### Lister les commits depuis la dernière release
+
+    git log --oneline <précédente release>..dev --graph
+
+
+#### Trouver les numéros des Pull Request mergées depuis la dernière release
+
+    git log --oneline <précédente release>..dev | grep 'Merge pull request'
+
+#### Trouver les noms des contributeurs (de code)
+
+    git shortlog <précédente release>..dev
diff --git a/PULL_REQUEST_TEMPLATE.md b/PULL_REQUEST_TEMPLATE.md
@@ -0,0 +1,15 @@
+Cette Pull Request est
+
+- [ ] Un correctif
+- [ ] Une nouvelle fonctionnalité
+
+### Checklist
+
+- Si cette PR résoud une [issue](https://github.com/CovidTrackerFr/vitemadose-front/issues), j'indique son numéro dans les description
+- Cette PR vise la branche `dev`
+- Elle n'est pas en conflit avec la branche `dev`
+
+### Description
+
+> <Ajouter une description de ce que fait cette PR>
+> Avec une capture d'écran si pertinent.
diff --git a/README.md b/README.md
@@ -1,5 +1,11 @@
 ![License: CC BY-NC 4.0](https://img.shields.io/badge/License-CC%20BY--NC%204.0-lightgrey.svg)
 
+# Contribuer
+
+Merci :) Ton aide est la bienvenue !
+
+Le guide de contribution se trouve dans le fichier [CONTRIBUTING.md](./CONTRIBUTING.md)
+
 # Requirements
 
 You need minimum `node@12` to be able to properly run `ViteJS`

diff --git a/index.html b/index.html
@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport"
-          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+          content="width=device-width, initial-scale=1.0, maximum-scale=5.0, minimum-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <meta http-equiv="Pragma" content="no-cache">
     <meta http-equiv="Cache-Control" content="no-cache">
@@ -74,42 +74,49 @@ <h1 slot="main-title">
                     <div>
                         <div id="outdated-browser-banner_icon">⚠</div>
                         <div>
-                            Vous utilisez un navigateur internet obsolète. <br>
+                            Vous utilisez un navigateur internet obsolète.
+                            <br />
                             <a href="https://browsehappy.com">Veuillez mettre à jour votre navigateur pour améliorer votre expérience
                                 et votre sécurité en cliquant ici.</a>
                         </div>
                     </div>
                 </div>
             </noscript>
-            <div slot="about" style="margin-top: 40px; margin-left: 10px">
-                <div class="spacer mt-5 mb-5"></div>
 
+            <div slot="about" style="margin-top: 40px; margin-left: 10px">
                 <h2 class="text-primary pt-5 mb-5">
                     Qu’est-ce que Vite Ma Dose&nbsp;?
                 </h2>
                 <p>
-                    Vite Ma Dose est un outil de <a href="https://covidtracker.fr/" target="_blank">CovidTracker</a> permettant de détecter les rendez-vous de vaccination contre la Covid-19. Vite Ma Dose propose des rendez-vous disponibles dans votre département afin de vous faire vacciner (sous réserve d’éligibilité). Vite Ma Dose offre une solution rapide, simple et fiable pour trouver un rendez-vous de vaccination contre la Covid-19.
+                    Vite Ma Dose est un outil de <a href="https://covidtracker.fr/" target="_blank" rel="noreferrer">CovidTracker</a> permettant de détecter les rendez-vous de vaccination contre la Covid-19. Vite Ma Dose propose des rendez-vous disponibles dans votre département afin de vous faire vacciner (sous réserve d’éligibilité). Vite Ma Dose offre une solution rapide, simple et fiable pour trouver un rendez-vous de vaccination contre la Covid-19.
                 </p>
-                <hr>
+
+                <hr />
 
                 <h2 class="h5">Quel est l’intérêt de Vite Ma Dose de Vaccin&nbsp;?</h2>
                 <p>
                     Vite Ma Dose est une plateforme qui permet de trouver un rendez-vous de vaccination rapidement dans son département. Sont actuellement recensés les créneaux de vaccination des plateformes de santé
                     Doctolib, Keldoc, Maiia, Ordoclic, MaPharma et AvecMonDoc. La réservation d’un créneau d’injection de vaccin dans un centre de vaccination s’effectue via les pages de ces plateformes de santé.
                 </p>
 
-                <hr>
+                <hr />
+
                 <h2 class="h5">Comment fonctionne Vite Ma Dose&nbsp;?</h2>
-                Les algorithmes de Vite Ma Dose analysent les différentes plateformes de réservation de rendez-vous de vaccination afin de détecter les créneaux disponibles. Vite Ma Dose permet donc d’agréger ces rendez-vous de vaccination disponibles vous permettant de trouver une dose de vaccin contre le coronavirus plus rapidement.
+                <p>
+                    Les algorithmes de Vite Ma Dose analysent les différentes plateformes de réservation de rendez-vous de vaccination afin de détecter les créneaux disponibles. Vite Ma Dose permet donc d’agréger ces rendez-vous de vaccination disponibles vous permettant de trouver une dose de vaccin contre le coronavirus plus rapidement.
+                </p>
 
-                <hr>
+                <hr />
                 <h2 class="h5">Qu'est-ce que Chronodose&nbsp;?</h2>
-                <p>Chronodose est une fonctionnalité qui permettait de trouver une dose de vaccin Covid19 dans moins de 24h pour tous les plus 18 ans, sans condition d'éligibilité. Cette fonctionnalité a été retirée le 31 mai 2021 avec l'ouverture de la vaccination à tous les adultes.</p>
+                <p>Chronodose est une fonctionnalité qui permettait de trouver une dose de vaccin Covid19 dans moins de 24h pour toutes les personnes de plus 18 ans, sans condition d'éligibilité. Cette fonctionnalité a été retirée le 31 mai 2021 avec l'ouverture de la vaccination à tous les adultes.</p>
                 <p>La <a class="link-primary text-decoration-underline" href="#searchAppointment-searchbar">recherche classique</a> est désormais la meilleure méthode pour trouver des créneaux de vaccination.</p>
 
-                <hr>
+                <hr />
+
                 <h2 class="h5">Vite Ma Dose est-il à but lucratif&nbsp;?</h2>
-                Non, Vite Ma Dose n’est pas à but lucratif. La plateforme est gratuite, sans pub et il n’est pas nécessaire de s’inscrire pour l’utiliser. Le <u><a href="https://github.com/CovidTrackerFr/vitemadose-front">code informatique est disponible</a></u> en Open Source sur Internet.
+                <p>
+                    Non, Vite Ma Dose n’est pas à but lucratif. La plateforme est gratuite, sans pub et il n’est pas nécessaire de s’inscrire pour l’utiliser. Le <u><a href="https://github.com/CovidTrackerFr/vitemadose-front">code informatique est disponible</a></u> en Open Source sur Internet.
+                </p>
 
                 <h2 id="en-savoir-plus" class="text-primary pt-5 mb-5 fst-normal">
                     En savoir plus sur la vaccination contre la Covid-19
@@ -124,44 +131,51 @@ <h2 class="h5">Qui peut se faire vacciner contre la Covid-19&nbsp;?*</h2>
                     <li>Les personnes de plus de 16 ans vivant dans le même foyer qu’une personne sévèrement immunodéprimée, enfant ou adulte (transplantés d’organes solides, transplantés récents de moelle osseuse récents, patients dialysés, patients atteints de maladies auto-immunes sous traitement immunosuppresseur fort de type anti-CD20 ou anti-métabolites)&nbsp;;</li>
                  </ul>
                 <p class="fw-light fst-italic">Mis à jour le 31/05/2021</p>
-                <p class="text-secondary fw-light fst-italic">* Ces informations sont susceptibles d'évoluer en fonction de la situation sanitaire. Tous les détails sont disponibles sur le site <a class="link-primary text-decoration-underline" href="https://solidarites-sante.gouv.fr/grands-dossiers/vaccin-covid-19/" target="_blank" rel="noreferrer">https://solidarite-sante.gouv.fr</a>.</p>
+                <p class="text-danger fw-light fst-italic">* Ces informations sont susceptibles d'évoluer en fonction de la situation sanitaire. Tous les détails sont disponibles sur le site <a class="link-primary text-decoration-underline" href="https://solidarites-sante.gouv.fr/grands-dossiers/vaccin-covid-19/" target="_blank" rel="noreferrer">https://solidarite-sante.gouv.fr</a>.</p>
 
-                <hr>
+                <hr />
 
                 <h2 class="h5">Où se faire vacciner&nbsp;?</h2>
                 <p>Si on est éligible, on peut être vacciné chez son médecin généraliste, dans un centre de vaccination, à la pharmacie ou dans tout établissement de santé ou médico-social proposant la vaccination contre la Covid-19. L’ensemble des centres de vaccination est à retrouver sur Vite Ma Dose.</p>
 
-                <hr>
+                <hr />
 
                 <h2 class="h5">Comment réserver un rendez-vous de vaccination&nbsp;?</h2>
                 <p>
                     On peut se faire vacciner contre le coronavirus en réservant un rendez-vous grâce à Vite Ma Dose.
                     On peut aussi prendre rendez-vous directement via les plateformes Doctolib, Keldoc, Maiia, Ordoclic, MaPharma ou AvecMonDoc, ainsi que chez son médecin généraliste ou en pharmacie.
                 </p>
 
-                <hr>
+                <hr />
 
                 <h2 class="h5">Pourquoi se faire vacciner&nbsp;?</h2>
-                <p>Le vaccin contre la Covid-19 protège des formes graves de la maladie. Il semble aussi limiter les contaminations.</p>
+                <p>
+                    Le vaccin contre la Covid-19 protège des formes graves de la maladie. Il semble aussi limiter les contaminations.
+                </p>
 
-                <hr>
+                <hr />
 
                 <h2 class="h5">Quels sont les différents types de vaccins contre le coronavirus&nbsp;?</h2>
-                <p>Il existe plusieurs types de vaccins contre le coronavirus. En France, les vaccins Moderna, Pfizer-BioNTech, AstraZeneca et Janssen / Johnson & Johnson sont autorisés et utilisés.</p>
+                <p>
+                    Il existe plusieurs types de vaccins contre le coronavirus. En France, les vaccins Moderna, Pfizer-BioNTech, AstraZeneca et Janssen / Johnson & Johnson sont autorisés et utilisés.
+                </p>
 
-                <hr>
+                <hr />
 
                 <p>
                     Mesure d’audience&nbsp;: afin de vérifier le bon fonctionnement de notre site internet, nous effectuons
                     <strong>une mesure anonymisée</strong> de l’utilisation du site. À l’exception de ces données de navigation, nous ne partageons
                     aucune donnée collectée avec d’autres entreprises. Vite Ma Dose ne collecte aucune donnée personnelle.
                 </p>
 
-                <hr>
+                <hr />
 
                 <p>Vite Ma Dose n’est pas un outil officiel, n’est pas exhaustif et ne remplace pas une recherche manuelle notamment dans le cas où aucun créneau de vaccination disponible n’est proposé sur notre site.</p>
             </div>
+
             <div slot="about-lieux">
+                <h2 class="h1">Carte des centres de vaccination contre la Covid-19</h2>
+
                 <p>
                     Il y a en France plus de 2&nbsp;500 centres ou lieux de vaccination contre la Covid-19. Ces centres peuvent être des vaccinodromes,
                     des espaces publics, des pharmacies, des cabinets médicaux ou tout autre espace proposé par un professionnel de santé.
@@ -171,7 +185,7 @@ <h2 class="h5">Quels sont les différents types de vaccins contre le coronavirus
                 <h2 class="text-primary pt-5 mb-5">Comment trouver un centre de vaccination contre la Covid-19&nbsp;?</h2>
 
                 <p>
-                    Vite Ma Dose (outil proposé par <a href="https://covidtracker.fr/" target="_blank">CovidTracker</a>) vous propose une
+                    Vite Ma Dose (outil proposé par <a href="https://covidtracker.fr/" target="_blank" rel="noreferrer">CovidTracker</a>) vous propose une
                     carte qui répertorie l’ensemble des centres de vaccination contre la Covid-19 en France. Il est également possible de trouver
                     un centre en utilisant le <a href="https://vitemadose.covidtracker.fr">moteur de recherche</a> de rendez-vous.
                 </p>
@@ -189,7 +203,18 @@ <h3>Prendre rendez-vous pour se faire vacciner</h3>
                     Les données affichées sur cette carte proviennent du Ministère des Solidarités et de la Santé. La carte est actualisée plusieurs fois par jour
                     afin de vous proposer les informations les plus précises possibles.
                 </p>
+            </div>
+
+            <div slot="chronodose">
+                <h2 class="h1">Chronodose : trouvez un créneau de vaccination en 24h ⚡</h2>
 
+                <p>
+                    Vite Ma Dose présente Chronodose, une fonctionnalité permettant de trouver une dose de vaccin Covid19 en 24h pour tous les plus 18 ans, sans condition d'éligibilité.
+                    <br />
+                    Cette fonctionnalité sera déployée sur Vite Ma Dose d'ici au mercredi 12 mai, disponible sur le <u><a href="https://vitemadose.covidtracker.fr">site internet</a></u>, et les applications mobiles (<u><a href="http://apple.co/3dFMGy3">iOS</a></u> et <u><a href="https://play.google.com/store/apps/details?id=com.cvtracker.vmd2">Android</a></u>).
+                    <br />
+                    Grâce à Chronodose, chaque personne de plus de 18 ans souhaitant se faire vacciner contre la Covid19 pourra chercher un rendez-vous en moins de 24h facilement et rapidement. Un système de notification sera aussi implémenté permettant d'alerter les utilisateurs des disponibilités de créneaux de vaccination Chronodose.
+                </p>
             </div>
         </vmd-app>
     </div>

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -27,14 +27,15 @@
     "@testing-library/dom": "7.30.4",
     "@testing-library/jest-dom": "5.12.0",
     "@testing-library/user-event": "13.1.8",
-    "@types/jest": "26.0.23",
     "@types/chart.js": "2.9.32",
+    "@types/jest": "26.0.23",
     "@types/leaflet": "1.7.0",
     "@types/leaflet.markercluster": "1.4.4",
     "@types/page": "1.11.2",
     "@types/smoothscroll-polyfill": "0.3.1",
     "@vitejs/plugin-legacy": "1.3.3",
     "autoprefixer": "10.2.5",
+    "date-fns": "2.21.2",
     "jest": "26.6.3",
     "jest-extended": "0.11.5",
     "sass": "1.32.8",
@@ -51,7 +52,6 @@
     "leaflet.markercluster": "1.4.1",
     "lit-element": "2.4.0",
     "page": "1.11.6",
-    "smoothscroll-polyfill": "0.4.4",
-    "tippy.js": "6.3.1"
+    "smoothscroll-polyfill": "0.4.4"
   }
 }