Giter Club home page Giter Club logo

attestation-deplacement-derogatoire-q4-2020's Introduction

Générateur de certificat de déplacement

Développer

Installer le projet

git clone https://github.com/LAB-MI/attestation-deplacement-derogatoire-q4-2020.git
cd attestation-deplacement-derogatoire-q4-2020
npm i
npm start

Générer et tester le code de production

Tester le code de production en local

Générer le code de production pour tester que le build fonctionne en entier

npm run build:dev

Tester le code de production en local

npx serve dist

Et visiter http://localhost:5000

Le code à déployer sera le contenu du dossier dist

Crédits

Ce projet a été réalisé à partir d'un fork du dépôt deplacement-covid-19 de lui-même réalisé à partir d'un fork du dépôt covid-19-certificate de Johann Pardanaud.

Les projets open source suivants ont été utilisés pour le développement de ce service :

attestation-deplacement-derogatoire-q4-2020's People

Contributors

betalabmi avatar cleming avatar corentios avatar danpmurray1 avatar joelpagniez avatar laruiss avatar lpmtsf avatar mbrechet avatar mirrdhyn avatar odjpromi avatar pierricb12 avatar viincenb avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

attestation-deplacement-derogatoire-q4-2020's Issues

Repository vide

Bonjour
Le repository est vide.
Possible de fixer ça ? Ou qqn a-t-il les sources ?
Merci

Option manquante: Deplacement entre un aeroport/gare et lieu de domicile

Je vais rentrer en France depuis l'Angleterre tres bientot et je dois me munir de cette autorisation. Probleme etant qu'il n'y a aucune option correspondant au fait que je doive transiter entre l'aeroport et chez moi et aussi aucune option pour le membre de ma famille venant me recuperer.

Code source non disponible ?

Pour conserver la confiance des citoyens, il me semble important de rendre le code source disponible très rapidement.

cachet DE l’établissement ...

Nom adresse et cachet l’établissement d’accueil de l’enfant :
=> Nom adresse et cachet DE l’établissement d’accueil de l’enfant :

Question: comment est-il possible de trouver autant de fautes de français dans un document d'état

Modèles d'attestations

Les PDF sont générés avec un QR code qui précise les données suivantes (en texte):

Cree le: JJ/MM/AAAA a HHhmm
Nom
Prenom
Naissance: JJ/MM/AAAA a LIEU
Adresse: ADRESSE CODE_POSTAL VILLE
Sortie: DATE a HEURE
Motifs

A partir de cela, pourquoi ne pas réutiliser ces QR codes pour pouvoir regénérer une attestation basée sur une précédente? Un système de modèle/template.

Exemple

  • John génère une attestation pour aller au lycée
  • le lendemain, John en crée une nouvelle basée sur le template de la précédente
    • en modifiant l'URI (?nom=Doe&prenom=John... / #nom:Doe,prenom:John) #13
    • en scannant le QR code
    • en uploadant le PDF de la veille, sur lequel le QR code sera trouvé

C'est lié à l'issue #27, et pourrait régler le problème évoqué.

Version Anglais et autre?

Il y a pas mal d'Anglais qui vive en France, comme d'autres pays, peut etre avoir la possibilité de changer la langue des Placeholders? Je peu faire un PR si ca interesse

Bug affichage check box sur iphone

IMG_20201030_210110

Sur iPhone 8+ (avec les textes en très gros - pour des raisons d'accessibilité ) les checks box à gauche sont inaccessibles malgré un scroll sur le côté ou un dezoom

Erreur à corriger

Dernier choix du générateur : Déplacement pour chercher les enfants à l’écoles
Il faut supprimer le pluriel à "école".
Julien HUGELÉ

Impossible valider le formulaire

Tous les champs semblent correctes car la coche de validation s'affiche en face de chaque champ.
Mais lorsque je clique sur "Générer l'attestation", le focus retourne sur les champs "date de sortie" ou "heure de sortie".

La date devrait être systématique dans le format français jj/mm/aa [puisque l'attestation est destinée à des policiers français]

J'ai un téléphone qui est paramétré en anglais et lorsque je choisis la date pour l'attestation, elle est entrée en format anglais mois/jour/année.

Il faut que le format de la date soit rectifié pour toujours apparaitre sous la forme jour/mois/année.

Une attestation avec une date anglaise pourrait être jugée non valide par les policiers qui pourraient du coup mettre une amende.

Unschooling

Il manque une dérogation pour les enfants qui suivent une instruction à domicile sans laquelle ils ne peuvent plus passer de leur chambre au bureau.

Le site provoque une barre de défilement horizontal sur mobile

Sur mobile, ou sur toute fenêtre d'une largeur inférieur à 464px, le site provoque une barre de défilement horizontal dans le navigateur. Problème reproduit dans Firefox 83 sur macOS 10.14.6, dans Safari sur iOS 14.0 et dans Chrome 86 sur Android 10.

Exemple dans Firefox 83 sur macOS 10.14.6

Capture d'écran dans Firefox

C'est dû aux styles appliqués sur la balise <fieldset id="reason-fieldset" class="fieldset"> :

.fieldset {
  margin-left: -2em;
  margin-right: -2em;
  padding-left: 2em;
  padding-right: 2em;
  border: 3px solid transparent;
}

Le décalage de -2em fait sortir le site du cadre de la zone visible. Sur le <body>, on a un padding:20px. En reprenant cette valeur de 20px, on évite le défilement horizontal sur mobile.

.fieldset {
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
  border: 3px solid transparent;
}

À noter qu'idéalement il serait préférable d'utiliser des unités relatives partout (em ou rem). On peut alors remplacer la valeur 20px ici par 1.25rem (aussi bien sur le .fieldset que sur le body).

What about GPRD ?

Hi,

I did not see any notice explaining how the nominative data are managed according to GPRD principle.
May you clarify how it comply with it ?

Best Regards,
Michel.

Un seul motif par attestation ?

L'attestation papier indique qu'il faut choisir un seul motif, la version numérique aussi… mais on peut en sélectionner plusieurs.

Est-ce une erreur de la version numérique ou des textes explicatifs ? Faut-il se tenir à un seul motif ou peut-on/doit-on en saisir plusieurs quand cela s'applique à une même sortie ?

Cas des enfants se rendant seuls à l'école non prévu

Le cas des enfants se rendant seuls à l'école n'a pas été prévu.
Étant donné que dans le décret, le 1b de l'article 4 dit:
Déplacements à destination ou en provenance : Des établissements ou services d'accueil de mineurs, d'enseignement ou de
formation pour adultes mentionnés aux articles 32 à 35 du présent décret ;
Et sachant que les enfants sont des personnes, à priori (et que tout personne doit se munir d'une attestation).
Merci de prévoir ce cas à part ou de modifier le cas
« Déplacement pour chercher les enfants à l’écoles et à l’occasion de leurs activités périscolaires ; »

Saisie du code postal

La saisie d'un code postal est indiquée valide lors de la saisie, pourtant le formulaire ne peut être validé si la saisie n'est pas de 5 chiffres > 1000.

Saisie 0999 -> croix rouge
Saisie 00999 -> croix rouge
Saisie 1000 -> coche verte, mais formulaire invalide
Saisie 01000 -> coche verte, formulaire valide

Testé sur Firefox 82.0, pas ailleurs.

motifs non mutuellement exclusifs et heure figée

C'est notre ministre de l'intérieur ou notre start-uper qui est à l'origine de cette page qu'un stagiaire de troisième aurait mieux réussie ?
Les motifs ne sont pas mutuellement exclusifs.
A chaque rechargement de la page, l'heure ne se met pas à jour sans se remettre à "zéro" pour autant ... L'idéal pour se faire piéger.

Un champ “Signature”, est-il utile?

Bonjour.
Est-ce normal qu’il y ait un champ “Signature” sur le document généré? Ce champ n’a pas été présent sur l’attestation générée lors de premier confinement. Et je vois mal comment (et pourquoi?) on voudra signer la version numérique. Le but n’est-il pas d’avoir justement la version “numérique mobile” avec Code QR???
Si je pose la question, c’est pour éviter de nombreuses confusions entre les usagers et les agents des forces de l’ordre qui pourront, à très juste titre, de se poser la question: “Pourquoi l’attestation n’est-elle pas signée?” (donc pas juridiquement valide...). Ne vaut-il pas mieux éviter ce genre de confusion et supprimer ce champ?
Bien cordialement.

Le titre « Choisissez un motif de déplacement » n'est pas visible en mode sombre

Dans une configuration système « sombre » (dark mode), le titre « Choisissez un motif de déplacement » avant les cases à cocher n'est pas lisible.

Exemple sur Firefox 83 sur macOS 10.14.6 :

Capture d'écran sur Firefox

Exemple sur Safari sur iOS 13.3 :

Capture d'écran sur Safari iOS

C'est dû à une erreur dans le code HTML de ce titre. On trouve :

<legend class="legend titre 3">Choisissez un motif de déplacement</legend>

Il y a un espace entre titre et 3 alors qu'il faudrait utiliser le nom de classe titre-3. La solution consiste donc à avoir :

<legend class="legend titre-3">Choisissez un motif de déplacement</legend>

Discussion de fonctionnalités

J'ai effectué un fork de ce projet avec quelques changements qui me simplifient la vie :

  • Header beaucoup plus petit pour les smartphone à résolution pourrie 😅
  • Heure par défaut = dans 5 minutes
  • Mémorisation de tous les champs (dont le motif)
  • Réorganisation des champs pour remonter date & heure tout en haut (avec la mémorisation des champs ça a plus de sens car c'est l'heure qui devient le champ qui a le plus de chances d'être modifié, après les motifs mais eux prennent tant de place qu'il est peu pertinent de les monter)
  • Ajout d'une copie du bouton "générer" au-dessus du formulaire (avec ça + mémorisation + heure par défaut je peut en un clic avoir une version à jour de ma précédente attestation)
  • Mémorisation des 3 derniers motifs + affichage de liens en haut du formulaire listant ces derniers motifs : click = réutilisation de ce motif (avec ça je peux maintenant avoir une version à jour de mes 3 derniers motifs de déplacement)

Avec tout ça je dois pouvoir avoir 99% de mes besoins en 1 ou 2 clics.

Question : j'imagine qu'il y a des contraintes fonctionnelles fortes sur ce projet, alors quelles sont parmi ces fonctionnalités celles qui valent le coup d'être converties en PR ?

Remember Me - Nouvelle fonctionnalité

Bonjour,

Avoir une opt-in remember me serait pas mal afin d'auto remplir le formulaire plutôt que de devoir ressaisir à chaque fois les mêmes infos !

Une solution simple serait d'avoir les infos dans le localstorage (pas les cookies comme ça pas trop embêté avec les rgpd etc etc) ou autre chose de plus sécurisé ? 🤔

Nomenclature de Branche

La branche par défaut du dépôt se nomme master.
Or, selon les dernières guidelines de GitHub, la branche par défaut devrait se nommer main.

Source: https://github.com/github/renaming

A priori, tous les nouveaux dépôts sont déjà censés appliquer cette règle, comment se fait-il que ce dépôt, créé il y a peu, ne respecte pas les guidelines ?

Épidémie de LA covid

Même si je n'arrive toujours pas à m'y faire 😊, il faut dire "l'épidémie de la covid" au lieu "l'épidémie de covid" comme c'est le cas dans l'attestation

Suggestion d'amélioration: Pouvoir pré-remplir les champs à l'aide d'une query string

Bonjour,
Serait il possible de modifier le code pour qu'on puisse pré-remplir les champs à l'aide d'une query string?

Comme ca on pourrait préparer une URL de ce genre:
https://media.interieur.gouv.fr/deplacement-covid-19?field-firstname=Toto&field-lastname=Titi
la mémoriser sur notre téléphone et pouvoir ainsi générer plus facilement nos attestations.

NB: Je n'ai mis que 2 champs dans cet exemple mais on pourrait tous les pré-remplir.

Merci

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.