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

finish program calendrier

Browse source
This commit is contained in:
isUnknown 2024-09-02 17:09:53 +02:00
parent 3fef9cdade
commit 551001defb
6 changed files with 76 additions and 54 deletions
Download patch file Download diff file Expand all files Collapse all files

25
assets/css/src/calendar-strip.css
View file

@ -65,28 +65,3 @@
.calendar-strip__date.open {
max-height: 20rem;
}
.session:first-child > a {
border-top: var(--border) !important;
}
.session:not(:last-child) {
border-bottom: var(--border);
}
.session__event-link {
display: grid;
grid-template-columns: repeat(5, 1fr);
padding: var(--padding-vertical) var(--space-m);
}
.session:hover {
background-color: var(--color);
}
.session__info {
width: 100%;
}
.session__info > p:not(:last-child) {
margin-bottom: 1rem;
}

4
assets/css/src/collapsable-section.css
View file

@ -46,6 +46,10 @@
grid-template-columns: 1fr 2fr 1fr 2fr;
}
.sessions--detailed .session {
grid-template-columns: 2fr 2.5fr 1fr 1fr 1fr !important;
}
.collapsable__content .production p:not(:last-child) {
margin-bottom: 2rem;
}

26
assets/css/src/generic.css
View file

@ -123,3 +123,29 @@
.yellow {
background-color: var(--color-yellow);
}
.session:first-child > a {
border-top: var(--border) !important;
}
.session:not(:last-child) {
border-bottom: var(--border);
}
.session__event-link {
display: grid;
grid-template-columns: repeat(5, 1fr);
padding: var(--padding-vertical) var(--space-m);
}
.session:hover {
background-color: var(--color);
cursor: pointer;
}
.session__info {
width: 100%;
}
.session__info > p:not(:last-child) {
margin-bottom: 1rem;
}

5
assets/js/script.js
View file

@ -9,11 +9,16 @@ document.addEventListener("DOMContentLoaded", () => {
main: document.querySelector("main"),
footer: document.querySelector(".main-footer"),
nav: document.querySelector(".main-nav"),
jsLinks: document.querySelectorAll(".js-link"),
};
// Listeners
nodes.burgerBtn.addEventListener("click", () => expandNav(nodes));
nodes.closeNavBtn.addEventListener("click", () => closeNav(nodes));
nodes.jsLinks.forEach((jsLink) => {
const to = jsLink.dataset.href;
jsLink.addEventListener("click", () => (location.href = to));
});
// Key shortcuts
window.addEventListener("keyup", (event) => {

4
site/controllers/program.php
View file

@ -44,8 +44,10 @@ return function($page) {
$arraySession['title'] = $event->title()->value();
$arraySession['authors'] = $event->authors();
$arraySession['place'] = $event->place();
$arraySession['public'] = $event->public();
$arraySession['event-url'] = $event->url();
$arraySession['duration'] = $event->isMapadoEvent() == 'true' ? $event->remoteDuration() : $event->duration();
$arraySession['ticketingUrl'] = '';
$arraySession['ticketingUrl'] = $event->isMapadoEvent() == 'true' ? $session->ticketingUrl() : false;
$arraySession['bookableStock'] = $event->isMapadoEvent() == 'true' ? $session->bookableStock()->value() : 'free';
$arraySession['color'] = $event->color();
$currentSeasonSessions[] = $arraySession;

66
site/templates/program.php
View file

@ -8,6 +8,10 @@
const urlParams = new URLSearchParams(queryString);
const tab = urlParams.get('tab');
return tab;
},
goTo(event, href) {
if (event.target.tagName === 'A') return
location.href = href
}
}"
>
@ -67,7 +71,6 @@
<div class="program-content__events">
<section class="collapsable-sections">
<?php foreach($currentSeasonSessions as $month => $sessions): ?>
<?php if (count($sessions) > 0): ?>
<?php snippet('collapsable-section', ['title' => $month, 'sessions' => true], slots: true) ?>
<?php slot('content') ?>
@ -84,40 +87,47 @@
throw new Exception($session['title'], 1);
}
?>
<li class="session" style="--color: <?= $session['color'] ?>">
<a class="session__event-link">
<div class="session__info">
<p><?= $formattedDate ?></p>
<p><?= $session['time'] ?><?php e($endTime, ' - ' . $endTime) ?></p>
</div>
<div class="session__info">
<p><strong><?= $session['title'] ?></strong></p>
<p><?= $session['authors'] ?></p>
</div>
<div class="session__info">
<p><?= $session['place'] ?></p>
</div>
<div class="session__info">
<?php if ($session['bookableStock'] === 'free'): ?>
<a class="ticket-link" title="Entrée libre" disabled><?php snippet('ticket') ?> Entrée libre</a>
<?php else: ?>
<?php if ($session['bookableStock'] == 0): ?>
<a class="ticket-link" title="Plateforme de réservation" disabled><?php snippet('ticket') ?> Complet</a>
<?php elseif ($session['bookableStock'] < option('stockThreshold')): ?>
<a class="ticket-link" title="Plateforme de réservation" href="<?= $session['ticketingUrl'] ?>" target="_blank"><?php snippet('ticket') ?> Plus que quelques places !</a>
<?php else: ?>
<a class="ticket-link" title="Plateforme de réservation" href="<?= $session['ticketingUrl'] ?>" target="_blank"><?php snippet('ticket') ?> Billetterie</a>
<li class="session grid js-link" style="--color: <?= $session['color'] ?>" @click="goTo(event, '<?= $session['event-url'] ?>')" title="En savoir plus">
<div class="session__info">
<p><?= $formattedDate ?></p>
<p><?= $session['time'] ?><?php e($endTime, ' - ' . $endTime) ?></p>
</div>
<div class="session__info">
<p><strong><?= $session['title'] ?></strong></p>
<p><?= $session['authors'] ?></p>
</div>
<div class="session__info">
<?php if (strlen($session['duration']) > 0 || strlen($session['public']) > 0): ?>
<p>
<?php if (strlen($session['duration']) > 0): ?>
Durée : <?= $session['duration'] ?><br />
<?php endif ?>
<?php endif ?>
</div>
</a>
<?php if (strlen($session['public']) > 0): ?>
<?= $session['public'] ?>
<?php endif ?>
</p>
<?php endif ?>
</div>
<div class="session__info">
<p><?= $session['place'] ?></p>
</div>
<div class="session__info">
<?php if ($session['bookableStock'] === 'free'): ?>
<a class="ticket-link" title="Entrée libre" disabled><?php snippet('ticket') ?>Entrée libre</a>
<?php elseif ($session['bookableStock'] == 0): ?>
<a class="ticket-link" title="Séance complète" disabled><?php snippet('ticket') ?>Complet</a>
<?php elseif ($session['bookableStock'] < option('stockThreshold')): ?>
<a class="ticket-link" title="Plateforme de réservation" href="<?= $session['ticketingUrl'] ?>" target="_blank"><?php snippet('ticket') ?>Plus que quelques places !</a>
<?php else: ?>
<a class="ticket-link" title="Plateforme de réservation" href="<?= $session['ticketingUrl'] ?>" target="_blank"><?php snippet('ticket') ?>Billetterie</a>
<?php endif ?>
</div>
</li>
<?php endforeach ?>
</ul>
<?php endslot() ?>
<?php endsnippet() ?>
<?php endif ?>
<?php endforeach ?>
</section>
</div>