Development #78728
Améliorer la vue des plages libres
0%
Description
Reprendre le travail de valentin pour améliorer la vue des plages libres.
L'objectif étant d'optimiser la lecture.
Les points d'améliorations notés par valentin :
- les cases trop hautes par rapports aux réservations (en tout cas je trouve que ça fait bizarre)
- les bordures superposées,
- pas de bordure droite du tableau,
- les heures devraient être au-dessus des traits de colonnes et pas au milieu d'une case
- visualiser l'heure de départ et de fin, c'est une info importante
- Prévoir que sur une ligne, il faudra voir le réservé, le réel (pointage), et peut-être d'autres intervalles qui découleront de la facturation
- il faut réduire au max la hauteur des colonnes, pour limiter le besoin de scroller quand il y a 30 usagers.
- actuellement si le nom + prénom fait plus de 10 caractères ça passe sur deux lignes, c'est pas ok.
Fichiers
Historique
Mis à jour par Thomas Jund il y a 10 mois
- Statut changé de Nouveau à Information nécessaire
- Assigné à changé de Thomas Jund à Valentin Deniaud
Plusieurs tests disponibles ici : https://codepen.io/Sacripant/pen/qBQNNvo
Pour des raisons d'accessibilité, j'ai essayé de trouver des alternatives aux tableaux.
La piste la plus simple est une simple div. L'astuce étant d'utiliser un gradient CSS pour les lignes verticales indiquant les heures.
Pour implementer cela j'ai besoin d'un calcul de position de la barre différent ({{booking.css_left}} et {{booking.css_width}} :
100% doit être égal à la plage entière (et non pas 1 seule heure)
Par exemple, pour un event ouvert de 7h à 17h (10h = 100%), une reservation de 9h à 15h donnera `booking.css_left = 20%` et booking.css_width = 60%.
Mis à jour par Valentin Deniaud il y a 10 mois
Très chouette les heures qui restent en haut quand on scrolle, pour moi on peut avancer avec ça.
Thomas Jund a écrit :
Pour implementer cela j'ai besoin d'un calcul de position de la barre différent ({{booking.css_left}} et {{booking.css_width}} :
100% doit être égal à la plage entière (et non pas 1 seule heure)
Je m'y mets.
Par exemple, pour un event ouvert de 7h à 17h (10h = 100%), une reservation de 9h à 15h donnera `booking.css_left = 20%` et booking.css_width = 60%.
Pour info, tel que c'est fait (et demandé par Cédric) l'implem génère une plage de 6h et 18h si l'évènement est ouvert de 7h à 17h.
Mis à jour par Cédric Dourdent il y a 10 mois
Hello.
L'entête qui reste figé et donc lisible en scrollant c'est top.
Pour info, tel que c'est fait (et demandé par Cédric) l'implem génère une plage de 6h et 18h si l'évènement est ouvert de 7h à 17h.
👍🏻️ Merci.Effectivement, l'affichage +1 heure avant l'heure d'ouverture et +1 heure après l'heure de fermeture !
Mis à jour par Valentin Deniaud il y a 10 mois
- Statut changé de Information nécessaire à En cours
- Assigné à changé de Valentin Deniaud à Thomas Jund
Valentin Deniaud a écrit :
Je m'y mets.
Voilà mini commit poussé sur wip/78728-different-ration. (edit : je me rends compte de la typo trop tard, pas grave ça restera comme ça)
Mis à jour par Robot Gitea il y a 10 mois
- Statut changé de En cours à Solution proposée
Thomas Jund (tjund) a ouvert une pull request sur Gitea concernant cette demande :
- URL : https://git.entrouvert.org/entrouvert/chrono/pulls/104
- Titre : partial-bookings: update manager html & css (#78728)
- Modifications : https://git.entrouvert.org/entrouvert/chrono/pulls/104/files
Mis à jour par Thomas Jund il y a 10 mois
- Fichier plages-libres-mobile.png plages-libres-mobile.png ajouté
- Fichier plages-libres-desktop.png plages-libres-desktop.png ajouté
- Statut changé de Solution proposée à En cours
Branch en WIP avec une première proposition.
Mis à jour par Thomas Jund il y a 10 mois
- le sticky des heures ne fonctionne pas encore. La faute à un overflow posé sur un parent, il faut que je creuse le pourquoi du comment.
- Je n'ai pas testé avec un event ouvert sur 24h et j'ai peur que ça ne passe pas.
- Je ne suis pas super fan de la version mobile mais au moins elle est lisible.
Mis à jour par Valentin Deniaud il y a 10 mois
- Statut changé de En cours à Solution proposée
- Privée changé de Oui à Non
Mis à jour par Robot Gitea il y a 10 mois
- Statut changé de Solution proposée à Solution validée
Corentin Sechet (csechet) 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)
Valentin Deniaud (vdeniaud) a mergé une pull request sur Gitea concernant cette demande :
- URL : https://git.entrouvert.org/entrouvert/chrono/pulls/104
- Titre : partial-bookings: update manager html & css (#78728)
- Modifications : https://git.entrouvert.org/entrouvert/chrono/pulls/104/files
Mis à jour par Transition automatique il y a 10 mois
- Statut changé de Résolu (à déployer) à Solution déployée