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

finish mapadoEvent session display in front

Browse source
This commit is contained in:
isUnknown 2024-08-28 10:34:08 +02:00
parent c98d5eb36b
commit ccd35c2b92
9 changed files with 82 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

90
site/templates/event.php
View file

@ -20,35 +20,69 @@
<section class="collapsable-sections">
<?php snippet('collapsable-section', ['title' => 'Prenez vos places !'], slots: true) ?>
<?php slot('content') ?>
<div
class="sessions"
x-data="{
sessions: null,
async fetchSessions() {
this.sessions = await updateMapadoEvent('<?= $page->uri() ?>');
console.log(this.sessions);
}
}"
x-init="fetchSessions()"
>
<?php
$sessions = $page->isMapadoEvent() != 'true' ? $page->sessions()->toStructure() : $page->remoteSessions()->toStructure();
foreach ($sessions as $session) :
$date = new DateTime($session->date());
$formatter = new IntlDateFormatter('fr_FR', IntlDateFormatter::FULL, IntlDateFormatter::NONE);
$formattedDate = $formatter->format($date);
?>
<div class="session grid">
<p><?= $formattedDate ?></p>
<p><?= $session->time() ?></p>
<p><?= $page->place() ?></p>
<p>test</p>
<?php if ($page->isMapadoEvent() != 'true'): ?>
<?php slot('content') ?>
<div
class="sessions"
>
<?php
$sessions = $page->sessions()->toStructure();
foreach ($sessions as $session) :
$date = new DateTime($session->date());
$formatter = new IntlDateFormatter('fr_FR', IntlDateFormatter::FULL, IntlDateFormatter::NONE);
$formattedDate = $formatter->format($date);
?>
<div class="session grid">
<p><?= $formattedDate ?></p>
<p><?= $session->time() ?></p>
<p><?= $page->place() ?></p>
<p>test</p>
</div>
<?php endforeach ?>
</div>
<?php endforeach ?>
</div>
<?php endslot() ?>
<?php endslot() ?>
<?php else: ?>
<?php slot('content') ?>
<div
class="sessions"
x-data="{
stockThreshold: 15,
sessions: [],
async fetchSessions() {
const event = await updateMapadoEvent('<?= $page->uri() ?>');
this.sessions = event.remoteSessions
},
}"
x-init="
if (<?= $page->isMapadoEvent() == 'true' ?>) {
fetchSessions()
}
"
>
<template x-for="session in sessions">
<div class="session grid">
<p x-text="dateToFrench(session.date)"></p>
<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>
</template>
<template x-if="session.bookableStock > stockThreshold">
<a class="ticket-link" title="Plus de places disponibles"><?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>
</template>
</div>
</template>
</div>
<?php endslot() ?>
<?php endif ?>
<?php endsnippet() ?>
<?php snippet('collapsable-section', ['title' => 'Distribution et production'], slots: true) ?>