57 lines
No EOL
2 KiB
PHP
57 lines
No EOL
2 KiB
PHP
<?php
|
|
$left['slug'] = Str::slug($left['label']);
|
|
?>
|
|
|
|
<div id="tabs" x-data="{
|
|
activeTab: ''
|
|
}">
|
|
<div class="toggle-btns | flex space-between" style="
|
|
--content:space-between;
|
|
">
|
|
<button
|
|
class="toggle left"
|
|
:class="activeTab === '<?=$left['slug'] ?>' ? 'open' : 'close'"
|
|
@click="toggleTab($data, '<?=$left['slug'] ?>')"
|
|
><?= $left['label'] ?></button>
|
|
<button
|
|
class="toggle right"
|
|
:class="activeTab === 'texts' ? 'open' : 'close'"
|
|
@click="toggleTab($data, 'texts')"
|
|
>textes</button>
|
|
</div>
|
|
<div class="active-tab">
|
|
<section
|
|
x-show="activeTab === '<?=$left['slug'] ?>'"
|
|
x-transition.opacity
|
|
x-transition.duration.500ms>
|
|
<?= $left['content'] ?>
|
|
</section>
|
|
<ul
|
|
x-show="activeTab === 'texts'"
|
|
x-transition.opacity
|
|
x-transition.duration.500ms>
|
|
<?php foreach($kirby->collection('years') as $year): ?>
|
|
<div class="article__year | full-width flex bottom" style="--content: center;--bottom:2">
|
|
<h3 class="fs-xl color" style="--color:var(--color-secondary)"><?= $year->title() ?></h3>
|
|
</div>
|
|
<?php foreach($year->children() as $article): ?>
|
|
<li class="article | bottom" style="--bottom:3">
|
|
<a href="<?= $article->url() ?>" class="article__title no-line">
|
|
<h3><?= $article->title() ?></h3>
|
|
</a>
|
|
<div class="article__infos">
|
|
<p>
|
|
<span class="opacity" style="--opacity:.5">Par</span>
|
|
<a class="author no-line" href="#"><?= $article->author()->toUser()->name() ?></a>,
|
|
<span class="opacity" style="--opacity:.5">le</span> <?= $article->published()->toDate('d/m/Y') ?>
|
|
</p>
|
|
</div>
|
|
<!-- <div class="article__labels">
|
|
<button class="label label--category">[ <?= $article->category() ?> ]</button>
|
|
</div> -->
|
|
</li>
|
|
<?php endforeach ?>
|
|
<?php endforeach ?>
|
|
</ul>
|
|
</div>
|
|
</div>
|