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

program / calendar - fix session go to event page

Browse source
This commit is contained in:
isUnknown 2024-09-05 12:13:58 +02:00
parent 0c848b3194
commit 0aae5777fb
3 changed files with 11 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -41,6 +41,7 @@
} }
.collapsable__content .session { .collapsable__content .session {
position: relative;
font-size: var(--font-size-m); font-size: var(--font-size-m);
grid-template-columns: 2fr 1fr 1fr 2fr; grid-template-columns: 2fr 1fr 1fr 2fr;
} }
@ -68,3 +69,8 @@
.collapsable .resource > a { .collapsable .resource > a {
font-weight: bold; font-weight: bold;
} }
.collapsable .event-link {
position: absolute;
inset: 0;
}

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

@ -116,8 +116,10 @@
} }
.ticket-link { .ticket-link {
position: relative;
display: flex; display: flex;
align-items: center; align-items: center;
z-index: 1;
} }
.ticket-link > figure { .ticket-link > figure {
@ -143,7 +145,6 @@
.session:hover { .session:hover {
background-color: var(--color); background-color: var(--color);
cursor: pointer;
} }
.session__info { .session__info {

10
site/templates/program.php
View file

@ -8,10 +8,6 @@
const urlParams = new URLSearchParams(queryString); const urlParams = new URLSearchParams(queryString);
const tab = urlParams.get('tab'); const tab = urlParams.get('tab');
return tab; return tab;
},
goTo(event, href) {
if (event.target.tagName === 'A') return
location.href = href
} }
}" }"
> >
@ -22,7 +18,7 @@
}" }"
> >
<?php if ($page->categories()->isNotEmpty()): ?>
<section class="filters"> <section class="filters">
<button <button
x-data="{title: 'Calendrier'}" x-data="{title: 'Calendrier'}"
@ -43,7 +39,6 @@
@click="if (tab === filterTitle) { tab = 'Programme' } else { tab = filterTitle; filter = title }" @click="if (tab === filterTitle) { tab = 'Programme' } else { tab = filterTitle; filter = title }"
></button> ></button>
<?php endforeach ?> <?php endforeach ?>
<?php endif ?>
</section> </section>
<section class="page-title"> <section class="page-title">
<h1 x-text="tab"></h1> <h1 x-text="tab"></h1>
@ -85,7 +80,7 @@
} }
?> ?>
<template x-if="tab === 'Calendrier' || ('<?= $session['category'] ?>'.length > 0 && tab.includes('<?= $session['category'] ?>'))"> <template x-if="tab === 'Calendrier' || ('<?= $session['category'] ?>'.length > 0 && tab.includes('<?= $session['category'] ?>'))">
<li class="collapsable__item--padding session grid js-link" style="--color: <?= $session['color'] ?>" @click="goTo(event, '<?= $session['event-url'] ?>')" title="En savoir plus"> <li class="collapsable__item--padding session grid js-link" style="--color: <?= $session['color'] ?>">
<div class="session__info"> <div class="session__info">
<p><?= $formattedDate ?></p> <p><?= $formattedDate ?></p>
<p><?= $session['time'] ?><?php e($endTime, ' - ' . $endTime) ?></p> <p><?= $session['time'] ?><?php e($endTime, ' - ' . $endTime) ?></p>
@ -120,6 +115,7 @@
<a class="ticket-link" title="Plateforme de réservation" href="<?= $session['ticketingUrl'] ?>" target="_blank"><?php snippet('ticket') ?>Billetterie</a> <a class="ticket-link" title="Plateforme de réservation" href="<?= $session['ticketingUrl'] ?>" target="_blank"><?php snippet('ticket') ?>Billetterie</a>
<?php endif ?> <?php endif ?>
</div> </div>
<a class="event-link" href="<?= $session['event-url'] ?>" title="En savoir plus"></a>
</li> </li>
</template> </template>
<?php endforeach ?> <?php endforeach ?>