Adrien/actuel-inactuel
1
0
Fork 0
Code Issues 13 Pull requests Projects Releases Packages Wiki Activity Actions

redesign nav panel years

Browse source
This commit is contained in:
isUnknown 2024-04-09 08:38:29 +02:00
parent 85a6807984
commit a2722a0264
10 changed files with 112 additions and 68 deletions
Download patch file Download diff file Expand all files Collapse all files

68
site/snippets/nav.php
View file

@ -12,40 +12,52 @@
<nav class="panel panel--left">
<ul
x-show="activeTab === 'texts'">
class="years"
>
<?php foreach($kirby->collection('years') as $year): ?>
<li
class="year"
x-data='{ year: false }'
>
<button
class="year__toggle"
:class="year ? '' : 'short'"
@click="year = !year"
>
<h3 class="fs-xl color" style="--color:var(--color-secondary)"><?= $year->title() ?></h3>
<div
x-data='{
isOpen: false
}'
:class="isOpen ? '' : 'short'"
class="
texts__year
| full-width
flex column
bottom"
style="
--content: center;
--bottom: 2;"
class="year__toggle-icon"
x-text="year ? '-' : '+'"
></div>
</button>
<div
class="year__content"
x-show="year"
x-data="{edito: false}"
>
<div
class="year__edito"
:class="edito ? '' : 'short'"
>
<h3 class="fs-xl color" style="--color:var(--color-secondary)"><?= $year->title() ?></h3>
<div class="year__edito">
<?= $year->edito() ?>
</div>
<button
:class="isOpen ? 'open' : 'close'"
class="see-more toggle left" @click="isOpen = !isOpen">Lire</button>
<?= $year->edito() ?>
</div>
<?php foreach($year->children() as $article): ?>
<?php snippet(
'text-item',
array(
'article' => $article
)
) ?>
<?php endforeach ?>
<button
:class="edito ? 'open' : 'close'"
class="see-more toggle left" @click="edito = !edito"
>Lire</button>
<ul class="year__texts">
<?php foreach($year->children() as $article): ?>
<?php snippet(
'text-item',
array('article' => $article)
) ?>
<?php endforeach ?>
</ul>
</div>
</li>
<?php endforeach ?>
</ul>
<button
onclick="togglePanel('left')"
class="panel-close">