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

Améliorer la saisie erreurs et recommandations #687

Open
29 of 40 tasks
AdrienMuzyczka opened this issue Mar 20, 2024 · 2 comments · May be fixed by #796
Open
29 of 40 tasks

Améliorer la saisie erreurs et recommandations #687

AdrienMuzyczka opened this issue Mar 20, 2024 · 2 comments · May be fixed by #796
Assignees
Milestone

Comments

@AdrienMuzyczka
Copy link
Collaborator

AdrienMuzyczka commented Mar 20, 2024

ℹ️ Informations générales

  • L'éditeur enrichi est ajouté dans les "critères" et "annoter l'audit" et repris dans le rapport en mode "read only"
  • Pour "annoter l'audit" garder le composant d'ajout de fichier

🎯 MVP

Mise en forme du texte
  • WYSIWYG
  • Permettre les mises en formes du texte suivant :
    • Bold
    • Italic
    • Barré
    • Liste à puce
    • Liste numérotée
    • Titres (2 niveaux)
    • Citation de texte
    • Citation de code
    • Bloc de code
    • Lien
  • Ajouter une barre d'action pour la mise en forme du texte
    • Pour les boutons de titres, utiliser des boutons avec un rendu et une sémantique adaptée pour avoir une hiérarchie des titres cohérente dans le rapport et l'audit
    • 3 états pour un bouton : “défaut” / “hover” (identique pour un hover sur l’état “défaut” et “cliqué”) / “cliqué”
    • Lorsque l’usager sélectionne une saisie mise en forme, les boutons correspondant à la mise en forme passent en état “cliqué”
Ajout d'image
  • Image dans la zone de saisie
  • Drag and drop d'image
    • D'une image en local (ex : enregistrée sur le bureau ou preview type mac). Image uploadé sur notre serveur.
    • D'une data image (ex : URL décrivant l'image). Image uploadé sur notre serveur.
    • ⚠ toujours uploader les images sur notre serveur pour garder une trace du site audité. Éviter les liens rompus.
  • Coller d'image
    • D'une image en local (ex : enregistrée sur le bureau)
    • D'une data image (ex : URL décrivant l'image)
  • Ajouter une alternative aux ajouts d'image par drag and drop et copier-coller : bouton "insérer une image" dans la barre d'action
Raccourcis clavier
  • Prise en compte des raccourcis
  • Vérifier que les raccourcis clavier sont "habituels"
Redimensionnement du champ
  • Redimensionner automatiquement le champ de saisi en hauteur pour qu’il s’adapte à la longueur du contenu saisi
Message d'erreur (local et serveur)
  • Afficher un message personnalisé pour chaque type d'erreurs en utilisant la modale native du navigateur
    • erreur poids
    • erreur format fichier
    • erreur format fichier + poids
    • erreur time out
    • Reprendre les formats et poids des critères et annotation d'audit
Migration
  • Pour les audits "terminés" et "en cours", déplacer les images des critères dans le champ de saisie. Positionner ces images en bas du champ
  • Réaliser une série de tests sur les audits "terminés" pour s'assurer qu'il n'y aura aucune perte de données
Upload serveur
  • Upload au moment de l'import d'image dans l'éditeur
  • Delete server au moment de la suppression de l'image dans l'éditeur
Autre
  • Mettre le label de l'éditeur (accordéon) "Erreur et recommandation" au pluriel
UI
  • Personnaliser l'éditeur pour coller aux champs/zones de texte du DSFR
  • Laisser en blanc le fond de l'éditeur dans le rapport
  • Mode sombre, vérifier que les couleurs sont OK
@AdrienMuzyczka AdrienMuzyczka changed the title Améliorer la saisie erreurs et recommandations (fusion champs) Améliorer la saisie erreurs et recommandations Apr 24, 2024
@benoitdequick benoitdequick added this to the Spring Summer 4 milestone May 16, 2024
@AdrienMuzyczka
Copy link
Collaborator Author

AdrienMuzyczka commented Jul 25, 2024

Constat

Pouvoir coller une image durant un audit ferait gagner du temps à l’auditeur en évitant de devoir enregistrer l’image avant de l’importer.

En plus du drag and drop que nous avons déjà identifié, ajouter la possibilité d’insérer une image par “coller” simplifierait le travail de l’auditeur, notamment lorsqu'il utilise des outils tiers pour des captures d’écran.

Recommandation

Réfléchir à la manière de permettre le coller d’images

@AdrienMuzyczka
Copy link
Collaborator Author

AdrienMuzyczka commented Jan 8, 2025

Idée pour la migration :

  1. Prévenir l'usager d'une coupure du service pendant une courte période
  2. Migrer
  3. Tester le prod
  4. Rouvrir le service

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

Successfully merging a pull request may close this issue.

3 participants