Development #72176
Utiliser des images cliquables dans un champ liste
0%
Description
On pourrait offrir des démarches dont l'apparence est plus "glamour" pour l'usager en utilisant des images cliquables pour remplacer les éléments d'une liste.
Les cas d'usages qui me viennent, non exhaustifs, pour les démarches de signalement mais aussi pour les prises de RDV CNI/passeport (choix du nombre de pers, ou du type de papiers à faire faire)...
ça a été fait pour Arles, et le rendu est très sympa : https://dev.entrouvert.org/issues/46262, mais cette fonctionnalité n'est jamais retombée dans le pot commun.
ça discute pas mal ces jours-ci sur Tracim des retours d'expériences de la gestion des encombrants : https://publik.tracim.fr/ui/workspaces/1/contents/thread/2032
Et Thomas Rohart (Tours) a écrit :
Mon plus gros dilemme est de trouver une solution pour intégrer au formulaire des pictogrammes / visuels pour représenter chaque type d'encombrant.
ça répondrait à sa demande.
Fichiers
.png){kind=link}
Demandes liées
Révisions associées
fields: add 'images' display mode for multiple items fields (#72176)
Historique
Mis à jour par Olivier Renard il y a plus d'un an
- Fichier Encombrant PAris.png Encombrant PAris.png ajouté
Mis à jour par Anaïs Ecuvillon → en congés, retour le 30/04 il y a plus d'un an
- Fichier Screenshot_2020-11-24 RECETTE - Vos démarches en ligne - Démarches - Je signale une anomalie sur la voie publique(1).png Screenshot_2020-11-24 RECETTE - Vos démarches en ligne - Démarches - Je signale une anomalie sur la voie publique(1).png ajouté
Mis à jour par Frédéric Péters il y a plus d'un an
- Statut changé de Nouveau à Information nécessaire
Il faut réfléchir à comment arrivent les options/images; au plus actuel de nos pratiques, je dirais que la liste des options est une liste de fiches. Et on peut imaginer que le modèle de fiche concerné a un champ avec "image" comme identifiant.
Ensuite, sur un champ de type "liste", le paramètre "Mode d'affichage" gagne un nouveau mode "Images" et quand il est sélectionné la liste des sources de données sélectionnable est réduite à celles qui sont des fiches avec ce champ "image" (comme aujourd'hui on filtre quand on sélectionne l'affichage "Carte" ou l'affichage "Horaires").
Alternativement, on n'impose pas "image" comme identifiant et dans le paramétrage du champ liste on ajoute un paramètre "identifiant du champ contenant l'image" (comme on ajoute les options de configuration de carte quand on sélectionne l'affichage "Carte"). Dans ce cas on filtre juste la liste des sources de données sur les fiches qui contiennent un champ fichier.
Imagine-on également avoir dans la configuration un choix du nombre d'images par ligne ?
Un choix pour reprendre, ou pas, le libellé de l'option ?
Un choix pour afficher, ou pas, le bouton radio ? Question qui peut s'étendre à la représentation du mode "élément sélectionné", qui pourrait être sa propre série d'options (visible dans le bouton radio, ou ajout d'un cadre autour, ou passage d'une image à une autre, ou autre).
Mis à jour par Anaïs Ecuvillon → en congés, retour le 30/04 il y a plus d'un an
Frédéric Péters a écrit :
Il faut réfléchir à comment arrivent les options/images; au plus actuel de nos pratiques, je dirais que la liste des options est une liste de fiches. Et on peut imaginer que le modèle de fiche concerné a un champ avec "image" comme identifiant.
oui, c'est ce qui a été fait à Arles. Ajouter les images via les fiches, c'est la bonne méthode il me semble.
Imagine-on également avoir dans la configuration un choix du nombre d'images par ligne ?
oui, si on sort cette fonctionnalité, ça va forcément arriver, car chacun aura des images de format différent et l'un voudra en afficher 3 sur une ligne quand l'autre voudra en afficher 5.
Un choix pour reprendre, ou pas, le libellé de l'option ?
Ah oui sans doute, si ça ne complexifie pas trop d'entrée, alors oui.
Un choix pour afficher, ou pas, le bouton radio ? Question qui peut s'étendre à la représentation du mode "élément sélectionné", qui pourrait être sa propre série d'options (visible dans le bouton radio, ou ajout d'un cadre autour, ou passage d'une image à une autre, ou autre).
J'imaginais que non, uniquement un cadre autour de l'image quand elle est sélectionnée. Mais peut-être que les cpf auront un autre avis.
Mis à jour par Olivier Renard il y a plus d'un an
- Fichier Capture d’écran du 2022-12-08 17-42-49.png Capture d’écran du 2022-12-08 17-42-49.png ajouté
J'imaginais que non, uniquement un cadre autour de l'image quand elle est sélectionnée. Mais peut-être que les cpf auront un autre avis.
C'est probablement le plus simple. Il faudrait vérifier l'accessibilité. Il y a sûrement un aspect graphique à trouver.
A titre d'inspiration (uniquement), je pose ici un visuel d'un rendu sur une sélection pour les encombrants de Paris.
Mis à jour par Anaïs Ecuvillon → en congés, retour le 30/04 il y a plus d'un an
J'imaginais plutôt que le visuel soit à la charge de la collectivité. Et donc cette capture d'écran introduit une notion de nombre et la possibilité de supprimer, c'est à écarter selon moi dans ma demande initiale.
Mis à jour par Olivier Renard il y a plus d'un an
En partie oui.
Je l'ai mise ici car la pastille (avec le 1) peut être une alternative à un "cadre autour de l'image".
Les deux me vont.
Mis à jour par Anaïs Ecuvillon → en congés, retour le 30/04 il y a plus d'un an
Olivier Renard a écrit :
Je l'ai mise ici car la pastille (avec le 1) peut être une alternative à un "cadre autour de l'image".
Le 1 introduit l'idée qu'on pourrait en avoir 2, et sur Tracim, ça a été proposé également par un utilisateur.
Donc pour ne pas complexifier, ne partons pas là-dessus (pour le moment, car ça viendra sûrement plus tard)
Mis à jour par Frédéric Péters il y a plus d'un an
- Fichier Capture d’écran du 2022-12-08 17-42-49.png Capture d’écran du 2022-12-08 17-42-49.png ajouté
Je l'ai mise ici car la pastille (avec le 1) peut être une alternative à un "cadre autour de l'image".
Oui dans une forme sans le 1, comme attaché ici. (mais en réalité ça va être compliqué parce qu'il faut quand même que la pastille soit positionnée de manière assez précise.
Mis à jour par Pierre Cros il y a plus d'un an
Mon avis :
- "image" comme identifiant obligatoire pour le champ concerné dans le modèle de fiche, ou une classe (mais pas d'option, siouplait)
- une seule image, vraiment, sans avoir d'idée arrêtée concernant ce qui change quand elle est sélectionnée (mais pas de petite coche impossible à placer automatiquement comme il faut). Un effet d'"enfoncement" me semble possible.
- on affiche toujours le libellé qui vient d'un champ libellé dans le modèle de fiche, si ce champ est vide ou n'existe pas, pas de libellé
Mis à jour par Pierre Cros il y a plus d'un an
Et j'oubliais oui pour l'option sur le nombre d'images par ligne quand on a sélectionné le mode d'affichage "Images"
Mis à jour par Anaïs Ecuvillon → en congés, retour le 30/04 il y a plus d'un an
Pierre Cros a écrit :
Mon avis :
ok pour moi avec cette description + nombre d'objet sur une ligne
Mis à jour par Frédéric Péters il y a plus d'un an
on affiche toujours le libellé qui vient d'un champ libellé dans le modèle de fiche, si ce champ est vide ou n'existe pas, pas de libellé
Toutes les fiches doivent avoir un libellé (pour être une source de données il faut un gabarit qui en détermine un).
Mis à jour par Pierre Cros il y a plus d'un an
Toutes les fiches doivent avoir un gabarit renseigné pour être des sources de données et ce n'est pas nécessairement un champ libellé.
Je parlais de faire un lien automatique en fonction de l'identifiant (ou d'une classe), comme tu l'as proposé pour l'image. Mais je pense que tu l'as compris.
Mis à jour par Pierre Cros il y a plus d'un an
Mais en fait je comprends maintenant que ton idée était sans doute d'utiliser le digest comme libellé, très bien.
Mis à jour par Frédéric Péters il y a plus d'un an
Toutes les fiches doivent avoir un gabarit renseigné pour être des sources de données et ce n'est pas nécessairement un champ libellé.
Je n'imaginais pas ça du tout, pour moi il faut absolument qu'une source de données, initialement affichée en liste (juste une série de "libellés") garde les mêmes "libellés" quand on bascule l'affichage en images; c'est déjà très bricolage d'aller chercher l'image via un identifiant arbitraire mais pour le texte ça ne va pas le faire de fonctionner ainsi (ça ajouterait un bout tout à fait particulier/pénible à gérer pour le multilinguisme, par exemple).
(édit : et donc ok libellé=digest, mais ça veut dire tout le temps présent, ou une option pour le cacher, c'était ma remarque)
Mis à jour par Pierre Cros il y a plus d'un an
Frédéric Péters a écrit :
(édit : et donc ok libellé=digest, mais ça veut dire tout le temps présent, ou une option pour le cacher, c'était ma remarque)
Ça m'embêterait plutôt d'avoir une option, si tu veux pas de libellé sous l'icône, tu mets un truc insignifiant dans le digest genre "-" ou ".".
Mais bon je sens que je vais pas être tellement suivi :-) (et le choix "avec ou sans option" doit pas freiner le dev)
Mis à jour par Anaïs Ecuvillon → en congés, retour le 30/04 il y a plus d'un an
Ce développement est chiffré par l'équipe à 5 000 € HT. En attente de la prise en charge par un client pour être planifié.
Mis à jour par Anaïs Ecuvillon → en congés, retour le 30/04 il y a plus d'un an
- Tags mis à simplification agenda
Mis à jour par Robot Gitea il y a 11 mois
Serghei Mihai (smihai) a ouvert une pull request sur Gitea concernant cette demande :
- URL : https://git.entrouvert.org/entrouvert/wcs/pulls/322
- Titre : WIP: display lists as images (#72176)
- Modifications : https://git.entrouvert.org/entrouvert/wcs/pulls/322/files
Mis à jour par Thomas Jund (congés, retour le 29/04) il y a 11 mois
Et j'oubliais oui pour l'option sur le nombre d'images par ligne quand on a sélectionné le mode d'affichage "Images"
En train de relire le travail commencé par Serghei et cette option 'colonne' me semble une mauvaise idée.
Ça veut dire quoi un nombre d'images par ligne quand la largeur d'un écran peut être comprise entre 360 et 2600px ? La valeur va impacter la taille des images ? et donc si l'image est trop grande, on va s'amuser à mettre 6 colonnes - 8 colonnes pour gérer la taille des images même si la liste n'a que 2 items ? Et cette valeur n'aura de sens que dans le contexte desktop et comment on l'adapte pour les autres contextes ? Please, non.
Je préconise de rester le plus souple possible et s'adapter simplement à toutes les configurations : positionner les images les unes à côté des autres et passer à la ligne si ligne trop courtes.
Poser une option pour gérer la largeur des images sous mobile et desktop qui me semble bien plus pratique qu'un nombre de colonnes.
Mis à jour par Anaïs Ecuvillon → en congés, retour le 30/04 il y a 11 mois
Thomas Jund a écrit :
Je préconise de rester le plus souple possible et s'adapter simplement à toutes les configurations : positionner les images les unes à côté des autres et passer à la ligne si ligne trop courtes.
Poser une option pour gérer la largeur des images sous mobile et desktop qui me semble bien plus pratique qu'un nombre de colonnes.
ça devrait être suffisant pour personnaliser comme il faut, donc oui, ça me va
Mis à jour par Robot Gitea il y a 11 mois
Frédéric Péters (fpeters) a relu et demandé des modifications sur une pull request sur Gitea concernant cette demande :
Mis à jour par Robot Gitea il y a 11 mois
Thomas Jund (tjund) a relu et demandé des modifications sur une pull request sur Gitea concernant cette demande :
Mis à jour par Robot Gitea il y a 10 mois
- Statut changé de Solution proposée à En cours
Frédéric Péters (fpeters) a relu et demandé des modifications sur une pull request sur Gitea concernant cette demande :
Mis à jour par Robot Gitea il y a 10 mois
- Statut changé de Solution proposée à Solution validée
Thomas Jund (tjund) a approuvé une pull request sur Gitea concernant cette demande :
Mis à jour par Robot Gitea il y a 10 mois
- Statut changé de Solution validée à En cours
Frédéric Péters (fpeters) a relu et demandé des modifications sur une pull request sur Gitea concernant cette demande :
Mis à jour par Serghei Mihai il y a 10 mois
- Lié à Development #79268: forms: définir le style de focus des widgets des listes avec images ajouté
Mis à jour par Robot Gitea il y a 10 mois
- Statut changé de Solution proposée à Solution validée
Frédéric Péters (fpeters) a approuvé une pull request sur Gitea concernant cette demande :
Mis à jour par Robot Gitea il y a 10 mois
- Statut changé de Solution validée à Résolu (à déployer)
Serghei Mihai (smihai) a mergé une pull request sur Gitea concernant cette demande :
- URL : https://git.entrouvert.org/entrouvert/wcs/pulls/322
- Titre : display lists as images (#72176)
- Modifications : https://git.entrouvert.org/entrouvert/wcs/pulls/322/files
Mis à jour par Transition automatique il y a 10 mois
- Statut changé de Résolu (à déployer) à Solution déployée
fields: add 'images' display mode for item fields (#72176)