Signalements - Retouches UI

[AdelineCelier]

Ce ticket regroupe plusieurs tickets UI sur les signalements : tickets #3022, #1757, #1684

Utilisation des composants de monitor-ui

• Composants radio du formulaire : prendre les radio buttons de monitor-ui (cf. cet écran)
• Utiliser les icônes de monitor-ui : alerte (cloche) / observation (jumelles) / edit simple (juste le crayon) / archiver / supprimer

Autres points

• La marge à droite du formulaire n'est plus bonne :
  

• Quand il n'y a pas de signalement, mettre la phrase "pas de signalement ouvert sur ce navire" au-dessus du bouton et justifié à gauche (cf. cet écran)

• Les 2 bandeaux rouges superposés ne sont pas très lisibles (bandeau alerte + bandeau signalement) : je propose de mettre le bandeau de suspicion d'infraction en MaximumRed 15%, et l'icône + le texte en MaximumRed.
  

[louptheron]

Bugs identifiés :

• Le bouton "Afficher plus de signalements" ne fonctionne plus
• Il est possible d'éditer un signalement de type Alerte, alors qu'il faudrait cacher l'icône d'édition

[AdelineCelier]

@louptheron je me permets 2 mini points supplémentaires, puisqu'on est proches de la perfection maintenant sur les signalements 😇

• Possible de mettre le bandeau "ouvrir/éditer un signalement" en rouge 15% comme le reste du formulaire, quand le signalement est une infraction ?
  

  • Vu ensemble, implique de la refacto de code

• Il semble que la marge blanche inférieure est un peu plus petite que les autres
  

[louptheron]

Un autre retour :

• On affiche "Dernière alerte le ..." sur les observations alors qu'on devrait juste afficher le ...

[AdelineCelier]

Les derniers points remontés sont bons, désolée je me permets d'en remonter un dernier : possible d'augmenter les marges entre les icônes à droite de la carte (pastille avec nb de signalements, éditer, supprimer, archiver) ?
Il faut à minima 8 px de marge entre le haut de la carte et la 1ère icône + entre chaque icône.
Voire je me demande s'il n'en faut pas 12 ou 16...tu crois qu'on peut faire un test en live ensemble ? Merci !

[AdelineCelier]

C'est good !