Redesign de la fiche détaillée

[fabienheureux]

Description succincte du problème résolu

Refonte visuelle de la fiche détaillée Carte notion

Type de changement

• Bug fix
• Nouvelle fonctionnalité
• Mise à jour de données / DAG
• Les changements nécessitent une mise à jour de documentation
• Refactoring de code (explication à retrouver dans la description)

Détail des changements

Templating

• Re-découpage des templates pour bien isoler
  1. La carte
  2. Le formulaire (version épargnons)
• Démarrage d'une nomenclature sur le nommage des templates
• Suppression progressive des appels à des fonctions dans les templates pour à terme supprimer la dépendance à Jinja
• Factorisation du template de modal et des usages

Outillage

• Ajout de processeurs parcel pour :
  Supprimer les hacks css ajoutés par le DSFR (inutile car on ne supporte plus internet explorer)
  Réduire le CSS inutilisé du DSFR et alléger les bundles <-- ⚠️ pour le moment désactivé car il faut tenir compte des classes CSS ajoutées depuis le javascript du DSFR
• Couleurs DSFR
  Centralisation des couleurs DSFR, extraites à partir du CSS compilé du DSFR
  Ajout d'une vue Django qui permet de déduire le nom de la variable CSS d'une couleur à partir de son code héxadécimal
  Conservation des anciennes couleurs dans un objectif de rétro compatibilité
• Makefile
  Ajout de commandes pour facilement restaurer un dump généré depuis la prod

Django

• Ajout de django-colorfield
  utilisé dans les champs de couleur sur les Action et GroupeAction
• Sitemap
  ajout d'un sitemap accessible sur /sitemap.xml qui liste toutes les adresses disponibles

iFrame

• Modification du code d'iframe pour supporter le scrolling : nécessaire pour afficher la fiche détaillée
• Voir ce qu'on fait des intégrations existantes sans script qui risquent de casser.
• Tester avec Iframe Resizer si besoin en preprod

TODO

• Fermeture de la fiche au clic sur fermer (suppression du hash)
• Ouverture au premier clic d'une fiche
• Action partager

Description plus détaillée de l'intention, l'approche ou de l'implémentation (ce qui n’est pas visible directement en lisant le code)

Auto-review

Les trucs à faire avant de demander une review :

• J'ai bien relu mon code
• La CI passe bien
• En cas d'ajout de variable d'environnement, j'ai bien mis à jour le .env.template
• J'ai ajouté des tests qui couvrent le nouveau code

Comment tester

En local / staging :

• Voir la carte Notion pour les tests

Déploiement

• Installation des dépendances (django et frontend)
• Migration a faire tourner