Bonjour à tous,
Le plugin Réservation n'est pas encore complètement adaptable à toutes
les situations. Par exemple, nous organisons des stages de vélo-école
qui durent sur une semaine, et les réservations valent pour 5 jours du
lundi au vendredi.
La page sur laquelle on réserve montre lundi 10h, et ne montre pas du
tout les dates et horaires suivants.
Je cherche à customiser un peu cette page pour afficher les différentes
dates, sans modifier les autres événements réservables.
J'ai essayé de le faire en CSS, mais la seule accroche que j'ai pour
définir un sélecteur est le href dans le lien «annuler». Voilà ce que
j'arrive à faire :
```css
a.icn-btn[href="?event=edec1005-3b0b-44b3-a262-530fce100cf6"]::after {
content:"et les autres jours de la semaine";
visibility: visible;
display: block;
padding: 5px;
top: 2px;
pointer-events:none;
}
a.icn-btn[href="?event=edec1005-3b0b-44b3-a262-530fce100cf6"] {
visibility: hidden;
}
```
Le contenu du href, c'est la page de l'événement avec les différentes
dates. Le lien annulé est alors supprimé et remplacé par une annonce qui
indique les autres dates. Pas tout à fait satisfaisant, voire même «hack
bien sale».
Question :
Voyez-vous une meilleure façon de faire avec les outils déjà disponibles ?
Suggestion :
Facile : ajouter des attributs le html généré par le plugin Réservation
(par exemple, l'id de l’événement, ou un timecode de la réservation, le
nombre de places restantes, ou d'autres trucs, qui permettraient de
faire des choses en CSS après)
Difficile : Ajouter les événements avec date de début et date de fin,
ou
encore avec un champ texte libre optionnel qui viennent remplacer la
date affichée.
Merci par avance pour vos retours !