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

do not animate ticket if stock is empty

Browse source
This commit is contained in:
isUnknown 2024-08-28 10:49:48 +02:00
parent ccd35c2b92
commit 303ccf5bce
4 changed files with 17 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

6
assets/css/src/ticket.css
View file

@ -36,13 +36,13 @@
display: inline-flex;
}
a:hover .ticket svg,
a:not([disabled]):hover .ticket svg,
.ticket:hover svg {
animation: vibrate 0.5s forwards;
}
.ticket:hover svg path:not(.dot),
a:hover .ticket svg path:not(.dot) {
a:not([disabled]):hover .ticket svg path:not(.dot) {
fill: var(--color-salmon);
stroke: var(--color-salmon);
}
@ -52,7 +52,7 @@ a.to-blank:hover .ticket svg path:not(.dot) {
}
.ticket:hover svg path.dot,
a:hover .ticket svg path.dot {
a:not([disabled]):hover .ticket svg path.dot {
fill: #fff;
}
a.to-blank:hover .ticket svg path.dot {

4
assets/css/src/vanilla.css
View file

@ -24,3 +24,7 @@ picture svg {
transition: var(--transition-image-opacity);
z-index: 0;
}
a[disabled] {
cursor: not-allowed;
}

3
site/plugins/helpers/index.php
View file

@ -157,7 +157,8 @@ function saveMapadoEvent($mapadoEvent, $page) {
$dataToSave = [
"mapadoSlug" => $mapadoEvent->slug,
"remoteDuration" => $duration,
"remoteSessions" => $sessionsToSave
"remoteSessions" => $sessionsToSave,
"eventDateId" => $eventDateId
];
$page->update($dataToSave);

12
site/templates/event.php
View file

@ -38,7 +38,7 @@
<p><?= $formattedDate ?></p>
<p><?= $session->time() ?></p>
<p><?= $page->place() ?></p>
<p>test</p>
<a class="ticket-link" title="Entrée libre"><?php snippet('ticket') ?> Entrée libre</a>
</div>
<?php endforeach ?>
</div>
@ -52,9 +52,13 @@
x-data="{
stockThreshold: 15,
sessions: [],
slug: null,
eventDateId: null,
async fetchSessions() {
const event = await updateMapadoEvent('<?= $page->uri() ?>');
this.sessions = event.remoteSessions
this.slug = event.mapadoSlug
this.eventDateId = event.eventDateId
},
}"
x-init="
@ -69,13 +73,13 @@
<p x-text="session.time"></p>
<p><?= $page->place() ?></p>
<template x-if="session.bookableStock === 0">
<a class="ticket-link" title="Plus de places disponibles"><?php snippet('ticket') ?> Complet</a>
<a class="ticket-link" title="Plus de places disponibles" disabled><?php snippet('ticket') ?> Complet</a>
</template>
<template x-if="session.bookableStock > stockThreshold">
<a class="ticket-link" title="Plus de places disponibles"><?php snippet('ticket') ?> Billetterie</a>
<a class="ticket-link" title="Plateforme de réservation" :href="'https://cdn-besancon.mapado.com/event/' + slug + '?eventDate=' + eventDateId" target="_blank"><?php snippet('ticket') ?> Billetterie</a>
</template>
<template x-if="session.bookableStock < stockThreshold">
<a class="ticket-link" title="Plus de places disponibles"><?php snippet('ticket') ?> Plus que quelques places !</a>
<a class="ticket-link" title="Plateforme de réservation" :href="'https://cdn-besancon.mapado.com/event/' + slug + '?eventDate=' + eventDateId" target="_blank"><?php snippet('ticket') ?> Plus que quelques places !</a>
</template>
</div>
</template>