funky-framadate-front issueshttps://framagit.org/framasoft/framadate/funky-framadate-front/-/issues2023-02-09T19:23:42Zhttps://framagit.org/framasoft/framadate/funky-framadate-front/-/issues/154Ajouter des liens d’évitements2023-02-09T19:23:42ZbenoitAjouter des liens d’évitementsLes liens d'évitements permettent d'éviter des zones (de navigation ou de contenu) lorsque l'on navigue au clavier (https://a11y-guidelines.orange.com/fr/articles/liens-evitement/, https://pidila.gitlab.io/scampi/documentation/skip-link....Les liens d'évitements permettent d'éviter des zones (de navigation ou de contenu) lorsque l'on navigue au clavier (https://a11y-guidelines.orange.com/fr/articles/liens-evitement/, https://pidila.gitlab.io/scampi/documentation/skip-link.html).
Avant le logo, un lien "'"aller au contenu" dont la destination est le titre de la page.
Dans la page https://framadate-api.cipherbliss.com/#/administration/step/5, ajouter un lien "Passer cette étape" dans le paragraphe "Cette étape est facultative." et accéder directement à la validation.benoitbenoithttps://framagit.org/framasoft/framadate/funky-framadate-front/-/issues/148Général : Contenu de la popin de confirmation2022-03-04T14:08:43ZOphélie CoelhoGénéral : Contenu de la popin de confirmation
- [ ] Reprendre le design (jeu des 7 erreurs ;) ) :
Maquette :
![__UI_-_1440_-_Admin_-_Création_sondage_-___Framadate](/uploads/b75b42c1adc674e905616f353eb1201a/__UI_-_1440_-_Admin_-_Création_sondage_-___Framadate.png)
Instance de...
- [ ] Reprendre le design (jeu des 7 erreurs ;) ) :
Maquette :
![__UI_-_1440_-_Admin_-_Création_sondage_-___Framadate](/uploads/b75b42c1adc674e905616f353eb1201a/__UI_-_1440_-_Admin_-_Création_sondage_-___Framadate.png)
Instance de dev :
![Création_de_sondage_-_Étape_2_sur_7_FramaDate](/uploads/1e5074f52627c5e7909313bf85d81487/Création_de_sondage_-_Étape_2_sur_7_FramaDate.png)version 1 bêtahttps://framagit.org/framasoft/framadate/funky-framadate-front/-/issues/146Etape 3 : Choix des dates - Calendrier2022-03-22T08:55:34ZOphélie CoelhoEtape 3 : Choix des dates - CalendrierProto Figma :
https://www.figma.com/proto/Q3I15MEuOtTwL0WIQ2eSMu/%F0%9F%93%85-Framadate?node-id=66%3A10309&scaling=scale-down&page-id=0%3A6510&starting-point-node-id=0%3A6511
Dev :
https://framadate-api.cipherbliss.com/#/administration/...Proto Figma :
https://www.figma.com/proto/Q3I15MEuOtTwL0WIQ2eSMu/%F0%9F%93%85-Framadate?node-id=66%3A10309&scaling=scale-down&page-id=0%3A6510&starting-point-node-id=0%3A6511
Dev :
https://framadate-api.cipherbliss.com/#/administration/step/3
**Intégration :**
- [x] Bouton "Saisir les dates manuellement"
- [x] Selecteur du mois :
- bien reprendre la taille des blocs du calendrier pour les boutons prec/suivant
- caler "précédent" sur le premier jour de la semaine (lundi), "suivant" sur le dernier jour (dimanche)
- [x] Calendrier :
- initiales majuscules pour les jours, la semaine commence le lundi
- retirer les jours du mois précedent et suivant
- respecter les styles : inactif (gris barré), actif (contour), selectionné (contour et fond), jour actuel (il n'existe pas de style, je vais demander à Thomas de l'ajouter)
On discutera des boutons "Aujourd'hui" et "Vider" en point dev pour savoir si on les garde ou si on les retire :)
accessibilité dans un autre ticketversion 1 bêtaty kaynty kaynhttps://framagit.org/framasoft/framadate/funky-framadate-front/-/issues/143Etape 3 : Choix des dates - Champs texte2022-03-22T08:53:39ZOphélie CoelhoEtape 3 : Choix des dates - Champs texte**Figma :**
https://www.figma.com/proto/Q3I15MEuOtTwL0WIQ2eSMu/%F0%9F%93%85-Framadate?node-id=67%3A11697&scaling=scale-down&page-id=0%3A6510&starting-point-node-id=0%3A6511
- [x] Reprendre la même largeur que pour les autres étapes
- [...**Figma :**
https://www.figma.com/proto/Q3I15MEuOtTwL0WIQ2eSMu/%F0%9F%93%85-Framadate?node-id=67%3A11697&scaling=scale-down&page-id=0%3A6510&starting-point-node-id=0%3A6511
- [x] Reprendre la même largeur que pour les autres étapes
- [x] Faire apparaitre deux blocs de dates par défaut
- [x] Titre des blocs : Date 1, Date 2, Date 3, ...
- [x] Retirer la fonctionnalité de choix des horaires. Le fait d'ajouter un calendrier est une évolution graphique mais force à séparer le choix des horaires. Par ailleurs, on a une page plus concise/plus courte sans les horaires.
- [x] Supprimer la date : supprime le bloc sans demande de confirmation
- [x] Bouton "Ajouter une date" en bas de page
**Accessibilité**
- [x] Vérifier avec Benoit que le champ date est bien accessible. Notamment vérifier que l'ouverture d'un calendrier ne bloque pas la navigation au clavier.
- [x] Proposer l‘attribut `type="date"` sur les `input`
- [x] Le modèle de format est dans un élément `<p id="format-date-1">`
- [x] Proposer l‘attribut `aria-describedby="format-date-1"` sur les `label`
- [x] Mieux que la maquette, les boutons de suppression sont libellés "Supprimer date 1"
- [x] ni placeholder, ni title évidemment ;)version 1 bêtaty kaynty kaynhttps://framagit.org/framasoft/framadate/funky-framadate-front/-/issues/142intégrer la barre de nav main-header2022-03-02T10:20:23Zty kaynintégrer la barre de nav main-headerversion 1 bêtahttps://framagit.org/framasoft/framadate/funky-framadate-front/-/issues/141étape 5 : présenter les options avancées2022-03-21T12:36:18Zty kaynétape 5 : présenter les options avancéesversion 1 bêtahttps://framagit.org/framasoft/framadate/funky-framadate-front/-/issues/138Étape 2 : intégration des éléments2022-03-02T10:30:29ZOphélie CoelhoÉtape 2 : intégration des élémentsIntégrer :
- [x] Header du tunnel de création de sondage
- [x] Titre : "Choisissez le type de sondage"
- [x] Label+icône bouton radio 1 "Date"
- [x] Bouton radio 1
- [x] Label+icône bouton radio 2 "Propositions"
- [x] Bouton radio 2
- [ ...Intégrer :
- [x] Header du tunnel de création de sondage
- [x] Titre : "Choisissez le type de sondage"
- [x] Label+icône bouton radio 1 "Date"
- [x] Bouton radio 1
- [x] Label+icône bouton radio 2 "Propositions"
- [x] Bouton radio 2
- [ ] État hover des boutons radio + bloc
- [x] Bandeau de déplacement du tunnel de création de sondage : bouton Annuler à gauche / bouton Suivant à droite
A11é
- [x] Comme pour le #133, revoir les éléments `title`, `h1`, `h2` et `annuler`
Design
- [x] Il manque la propriété css `cursor: pointer;` sur les éléments `label`version 1 bêtaty kaynty kaynhttps://framagit.org/framasoft/framadate/funky-framadate-front/-/issues/135Général : Bandeau de déplacement dans le tunnel de création de sondage2022-03-22T08:54:40ZOphélie CoelhoGénéral : Bandeau de déplacement dans le tunnel de création de sondageBandeau fixed en bas d'écran.
Options possibles :
- [x] Bouton Annuler à gauche
- [x] Bouton Précédent à gauche
- [x] Bouton Suivant à droite
- [x] Bouton Valider à droite
- [x] Reprendre les bonnes couleurs de bouton. Je n'ai pas vu les...Bandeau fixed en bas d'écran.
Options possibles :
- [x] Bouton Annuler à gauche
- [x] Bouton Précédent à gauche
- [x] Bouton Suivant à droite
- [x] Bouton Valider à droite
- [x] Reprendre les bonnes couleurs de bouton. Je n'ai pas vu les classes css correspondantes donc j'ajoute qu'il sera évidemment plus cohérent de définir les différentes classes css standard (bouton primaire, bouton secondaire) afin de les appliquer facilement
- [x] Bien marquer le bandeau avec l'ombre discrète en haut du bloc
- [x] Le bandeau doit être fixed en bas de l'écran (si ça marche pas pendant les tests on changera plus tard ce point)
- [x] Bien respecter la largeur et le positionnement, les marges et le padding des boutons
- [x] Les versions mobile et desktop sont similaires, prévoir les breakpoints et adapter la largeur en conformité avec la maquetteversion 1 bêtaty kaynty kaynhttps://framagit.org/framasoft/framadate/funky-framadate-front/-/issues/134Général : Header du tunnel de création de sondage2022-03-14T17:50:49ZOphélie CoelhoGénéral : Header du tunnel de création de sondageHeader fixed comprenant :
- [x] le label de l'étape
- [x] le numéro de l'étape
- [x] le curseur d'avancement
- [x] la croix de fermeture du sondage
- [x] Le bandeau en fixed en haut de page
Remarque : bien prendre en compte la largeur à...Header fixed comprenant :
- [x] le label de l'étape
- [x] le numéro de l'étape
- [x] le curseur d'avancement
- [x] la croix de fermeture du sondage
- [x] Le bandeau en fixed en haut de page
Remarque : bien prendre en compte la largeur à 100% du bandeau.version 1 bêtaty kaynty kaynhttps://framagit.org/framasoft/framadate/funky-framadate-front/-/issues/111faire marcher la config docker-compose2023-06-04T17:11:29Zty kaynfaire marcher la config docker-composefront = 1 image docker
back = 3 images docker <==> 1 docker-compose
Objectif : unifier les 2 via un docker-compose pour installer le projet framadate au complet en une seule fois.front = 1 image docker
back = 3 images docker <==> 1 docker-compose
Objectif : unifier les 2 via un docker-compose pour installer le projet framadate au complet en une seule fois.Benoit Martinsbenoit.martins@outlook.comBenoit Martinsbenoit.martins@outlook.com