Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

#99 Add vaccination eligibility government link #109

Merged
merged 2 commits into from
May 2, 2021

Conversation

nhumblot
Copy link
Collaborator

Fix #99

@fcamblor
Copy link
Collaborator

Pour information, l'implémentation actuelle donnerait ça :
Vaccination_COVID-19_à_Villenave-d_Ornon_33140

J'aurais bien mis un peu plus en avant l'information, via un "panel" (bon, ça n'existe plus les panels dans bootstrap >3) avec un ℹ️ informatif

Après, la question principale est de savoir si un lien sortant vers le site du gouvernement n'est pas ennuyeux d'un point de vu SEO (@francoisBouchet semblait assez catégorique sur le sujet hier..)

@nhumblot
Copy link
Collaborator Author

nhumblot commented Apr 22, 2021

Après, la question principale est de savoir si un lien sortant vers le site du gouvernement n'est pas ennuyeux d'un point de vu SEO (@francoisBouchet semblait assez catégorique sur le sujet hier..)

Je viens de voir la conversation sur le Mattermost. Merci pour le signalement, j'avais fait un grand coup de molette sur la journée car trop occupé par le travail. 😇

@fcamblor
Copy link
Collaborator

Moi personnellement je serais plutôt très en faveur de ce lien qui est utile pour les utilisateurs.

On a énormément de gens qui pensent que parce que le rdv apparaît, alors ils peuvent prendre le rdv les yeux fermés.
Rappeler les règles ne serait vraiment pas du luxe selon moi, et si on le fait, je pense qu'il faut le faire de manière moins discrète que ce que tu as fait :-)

@fcamblor
Copy link
Collaborator

Après pas mal de discussions sur le sujet sur Mattermost, je pense qu'il faudrait effectuer les changements suivants :

  • Ne plus afficher le message/lien sur le résultat de la recherche, mais afficher un sticky footer pendant quelques secondes (10s ?) après l'affichage de la vue rdv, sans lien vers le site du gouvernement qui pourrait confuser l'internaute dans les options qu'il peut faire sur cet écran de résultat (l'objectif est de lui faire trouver un rdv, pas de lui faire checker s'il est éligible)
    image
  • On a évoqué le fait de lister dans un fichier JSON dédié du back une liste de critères d'éligibilité qui seraient affichés sur la home (section "Qui peut se faire vacciner contre la Covid-19 ?" du APropos)

▶️_Général_-_CovidTracker_Mattermost

Pour ce second point, je pense qu'il faut le descoper de la PR courante, mais on pourrait créer une issue dédiée pour commencer à travailler sur le sujet et proposer un fichier JSON au back sous forme de PR.

@nhumblot
Copy link
Collaborator Author

@fcamblor je viens de finir une contribution sur owasp dependency check. Je bosse sur tes remarques à ma prochaine disponibilité (demain soir je pense).

@nhumblot
Copy link
Collaborator Author

nhumblot commented Apr 27, 2021

@fcamblor @francoisBouchet

Disparition après 10s.

Screenshot_20210427-212039.png

Screenshot_20210427-212049.png

@@ -76,6 +78,14 @@ export abstract class AbstractVmdRdvView extends LitElement {
this.derniereCommuneSelectionnee = commune;
}

protected firstUpdated(_changedProperties: PropertyValues) {
super.firstUpdated(_changedProperties);
this.eligibilityCriteriaTimeout = setTimeout(async () => {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

je pense qu'il faudrait faire un clearTimeout dans le disconnectedCallback

if (this.eligibilityCriteriaDisplayed) {
return html`
<div class="eligibility-criteria">
<p>Soyons citoyens et respectons les conditions d'éligibilité :-)</p>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Contenu à peut-être changer en quelque chose de plus engageant ?

Quelque chose du type " ⚠️ Les conditions d'éligibilité devront être respectées lors de la prise de rendez-vous sur une plateforme"
(c'est peut-être un peu long...)

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Je propose "Les critères d'éligibilité seront vérifiés pour une prise de rendez-vous" 72 char vs 62 pour "Soyons citoyens et respectons les conditions d'éligibilité :-)".

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

"⚠️ Les critères d'éligibilité sont vérifiés lors de la prise de rendez-vous" ?
(pour 3 caractères de plus je trouve que c'est mieux perso)

@fcamblor
Copy link
Collaborator

Pour info, j'ai créé une branche sur le repo qui est du coup visible ici : https://dev.vitemado.se/109-lien-eligibilite/

@@ -76,6 +76,21 @@

}

.eligibility-criteria {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Il faudrait peut-être rajouter un petit coup d'animation pour fadein/fadeout la div progressivement lors de l'affichage/masquage

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Je regarde ce point.

@nhumblot nhumblot force-pushed the 99-module-eligibilite branch 3 times, most recently from 0fbb592 to d63225e Compare April 29, 2021 20:09
@nhumblot nhumblot requested a review from fcamblor April 29, 2021 20:09
@nhumblot
Copy link
Collaborator Author

nhumblot commented Apr 29, 2021

@fcamblor, finalement avec ta demande de fade-in, fade-out, je suis venu avec une solution complètement en css ce qui rend le code, je pense, plus simple.

Test effectué sur Chrome et Firefox (Desktop Linux & Smartphone Android).

print_screen_firefox_android

@nhumblot nhumblot force-pushed the 99-module-eligibilite branch from d63225e to fd16462 Compare April 29, 2021 20:27
@fcamblor
Copy link
Collaborator

fcamblor commented May 2, 2021

ah oui, trop bien de tout faire juste en CSS 👍

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Rajouter un lien sortant vers le module d'éligibilité à la vaccination du gouvernement
2 participants