Ideo3.2 Framework Documentation

Block horaires.

S'utilisant avec le shortcode [[openinghours]] ou ces variantes. (voir la section "Shortcode" dans la documentation pour plus de détails).
Utilise les horaires dans les données clients de la base linkfirst.
Un javascript est chargé dans la page pour gérer l'affichage dynamique de l'état "Ouvert / Fermé" et les horaires du jour suivant.

<div class="blk-opening-hours">
	<details open="">
		<summary>
			<span class="blk-opening-hours__status">
				<span class="blk-opening-hours__now opened">Ouvert</span>
				<span class="blk-opening-hours__next">
					<span class="blk-opening-hours__close-at"> ⋅ Ferme à 17:30</span>
				</span>
			</span>
		</summary>
		<table class="details__content">
			<tbody>
				<tr data-dayofweek="Monday">
					<td><span class="blk-opening-hours__day">Lundi</span></td>
					<td><span class="blk-opening-hours__time">08:00 – 11:45</span><span class="blk-opening-hours__time">13:30 – 17:30</span></td>
				</tr>
				<tr data-dayofweek="Tuesday">
					<td><span class="blk-opening-hours__day">Mardi</span></td>
					<td><span class="blk-opening-hours__time">08:00 – 11:45</span><span class="blk-opening-hours__time">13:30 – 17:30</span></td>
				</tr>
				<tr data-dayofweek="Wednesday">
					<td><span class="blk-opening-hours__day">Mercredi</span></td>
					<td><span class="blk-opening-hours__time">08:00 – 11:45</span><span class="blk-opening-hours__time">13:30 – 17:30</span></td>
				</tr>
				<tr data-dayofweek="Thursday" data-dayofweek-opened="">
					<td><span class="blk-opening-hours__day">Jeudi</span></td>
					<td><span class="blk-opening-hours__time">08:00 – 11:45</span><span class="blk-opening-hours__time">13:30 – 17:30</span></td>
				</tr>
				<tr data-dayofweek="Friday">
					<td><span class="blk-opening-hours__day">Vendredi</span></td>
					<td><span class="blk-opening-hours__time">07:45 – 11:45</span></td>
				</tr>
				<tr data-dayofweek="Saturday">
					<td><span class="blk-opening-hours__day">Samedi</span></td>
					<td><span class="blk-opening-hours__time">Fermé</span></td>
				</tr>
				<tr data-dayofweek="Sunday">
					<td><span class="blk-opening-hours__day">Dimanche</span></td>
					<td><span class="blk-opening-hours__time">Fermé</span></td>
				</tr>
			</tbody>
		</table>
	</details>
</div>