studio-variable/nouveau-theatre-de-besancon
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add hideSessionsOnHome button

Browse source
This commit is contained in:
isUnknown 2024-09-19 16:12:42 +02:00
parent 2ceb483d39
commit a274ce90c4
5 changed files with 74 additions and 64 deletions
Download patch file Download diff file Expand all files Collapse all files

111
site/snippets/calendar-strip.php
View file

@ -1,5 +1,6 @@
<section
class="calendar-strip"
@mouseleave="open = false"
x-data="{
calendar: createEmptyCalendar(),
currentMonthIndex: dayjs().month() + 1,
@ -153,62 +154,66 @@
<div class="calendar-strip__date" :class="open ? 'open' : ''">
<ul class="sessions">
<template x-for="session in targetSessions">
<li
x-data="{
stockThreshold: (session.totalStock / 100) * 25
}"
:style="'--color: ' + session.color"
class="session"
>
<div class="left-column mobile-group">
<a class="session__event-link" :href="session.eventUrl" title="En savoir plus"></a>
<div class="session__info session__info--slot">
<p x-html="`${session.day} ${monthName}`"></p>
<p x-html="session.time"></p>
<template x-for="(session, index) in targetSessions">
<template x-if="!session.hideSessionsOnHome || index === 0">
<li
x-data="{
stockThreshold: (session.totalStock / 100) * 25
}"
:style="'--color: ' + session.color"
class="session no-border"
>
<div class="left-column mobile-group">
<a class="session__event-link" :href="session.eventUrl" title="En savoir plus"></a>
<div class="session__info session__info--slot">
<p x-html="`${session.day} ${monthName}`"></p>
<template x-if="!session.hideSessionsOnHome">
<p x-html="session.time"></p>
</template>
</div>
</div>
</div>
<div class="middle-column mobile-group">
<div class="session__info session__info--title">
<p><strong x-html="`<strong>${session.title}</strong>`"></strong></p>
<p x-html="session.authors"></p>
<div class="middle-column mobile-group">
<div class="session__info session__info--title">
<p><strong x-html="`<strong>${session.title}</strong>`"></strong></p>
<p x-html="session.authors"></p>
</div>
</div>
</div>
<div class="session__info session__info--duration desktop">
<p x-text="session.duration ? 'Durée : ' + session.duration : ''"></p>
<p x-text="session.public ? session.public : ''"></p>
</div>
<div x-text="`${session.place}`" class="session__info session__info--place desktop"></div>
<div class="right-column mobile-group">
<template x-if="!session.ticketingUrl">
<div class="session__info session__info--book session__info--book-free">
<a class="ticket-link" target="_blank" title="Entrée libre" disabled><?php snippet('ticket') ?> <span class="desktop">Entrée libre</span></a>
</div>
</template>
<template x-if="session.ticketingUrl && !session.bookableStock">
<div class="session__info session__info--book">
<a class="ticket-link" :href="session.ticketingUrl" target="_blank" title="Entrée libre"><?php snippet('ticket') ?> <span class="desktop">Réserver</span></a>
</div>
</template>
<template x-if="session.bookableStock === 0">
<div class="session__info session__info--book session__info--book-sold-out">
<a class="ticket-link" title="Plus de places disponibles" disabled><?php snippet('ticket') ?> <span class="desktop">Complet</span></a>
</div>
</template>
<template x-if="session.bookableStock > stockThreshold">
<div class="session__info session__info--book session__info--book-open">
<a class="ticket-link" title="Plateforme de réservation" :href="session.ticketingUrl" target="_blank"><?php snippet('ticket') ?> <span class="desktop">Billetterie</span></a>
</div>
</template>
<template x-if="session.bookableStock !== 0 && session.bookableStock < stockThreshold">
<div class="session__info session__info--book session__info--book-few-places">
<a class="ticket-link" title="Plateforme de réservation" :href="session.ticketingUrl" target="_blank"><?php snippet('ticket') ?> <span class="desktop">Plus que quelques places !</span></a>
</div>
</template>
</div>
</li>
<div class="session__info session__info--duration desktop">
<p x-text="session.duration ? 'Durée : ' + session.duration : ''"></p>
<p x-text="session.public ? session.public : ''"></p>
</div>
<div x-text="`${session.place}`" class="session__info session__info--place desktop"></div>
<div class="right-column mobile-group">
<template x-if="!session.ticketingUrl">
<div class="session__info session__info--book session__info--book-free">
<a class="ticket-link" target="_blank" title="Entrée libre" disabled><?php snippet('ticket') ?> <span class="desktop">Entrée libre</span></a>
</div>
</template>
<template x-if="session.ticketingUrl && !session.hasOwnProperty('bookableStock')">
<div class="session__info session__info--book">
<a class="ticket-link" :href="session.ticketingUrl" target="_blank" title="Entrée libre"><?php snippet('ticket') ?> <span class="desktop">Réserver</span></a>
</div>
</template>
<template x-if="session.bookableStock === 0">
<div class="session__info session__info--book session__info--book-sold-out">
<a class="ticket-link" title="Plus de places disponibles" disabled><?php snippet('ticket') ?> <span class="desktop">Complet</span></a>
</div>
</template>
<template x-if="session.bookableStock > stockThreshold">
<div class="session__info session__info--book session__info--book-open">
<a class="ticket-link" title="Plateforme de réservation" :href="session.ticketingUrl" target="_blank"><?php snippet('ticket') ?> <span class="desktop">Billetterie</span></a>
</div>
</template>
<template x-if="session.bookableStock !== 0 && session.bookableStock < stockThreshold">
<div class="session__info session__info--book session__info--book-few-places">
<a class="ticket-link" title="Plateforme de réservation" :href="session.ticketingUrl" target="_blank"><?php snippet('ticket') ?> <span class="desktop">Plus que quelques places !</span></a>
</div>
</template>
</div>
</li>
</template>
</template>
</ul>
</div>