130 lines
4.1 KiB
PHP
130 lines
4.1 KiB
PHP
<?php snippet('header') ?>
|
|
<main>
|
|
|
|
<header class="page__header">
|
|
<h2 class="page__title"><?= $page->title() ?></h2>
|
|
|
|
<div class="description-medium">
|
|
<p>
|
|
<?= $page->chapo() ?>
|
|
</p>
|
|
</div>
|
|
</header>
|
|
|
|
|
|
<div class="page__sort">
|
|
<button class="sort btn--small no-link" data-sort-type="down"><p>Trier par date</p> <span class="arrow"><?= svg('assets/icons/arrow-left.svg') ?></span></button>
|
|
<div class="dropdown">
|
|
<button class="dropdown__trigger sort btn--small no-link"><span class="icon"><?= svg('assets/icons/filter.svg') ?></span><p>Lieux</p></button>
|
|
<div class="dropdown__content">
|
|
<ul>
|
|
<li><button type="button" data-filter="france">France</button></li>
|
|
<li><button type="button" data-filter="cisjordanie">Cisjordanie</button></li>
|
|
<li><button type="button" data-filter="etats-unis">États-Unis</button></li>
|
|
<li><button type="button" data-filter="gaza">Gaza</button></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<section class="container-cards container-cards__investigations">
|
|
|
|
<?php
|
|
$superPin = $page->superPinnedInvestigation()->toPage();
|
|
$pinned = $page->pinnedInvestigations()->toPages();
|
|
if ($superPin) $pinned = $pinned->not($superPin);
|
|
|
|
$shownIds = [];
|
|
$list = [];
|
|
|
|
if ($superPin) {
|
|
$list[] = ['page' => $superPin, 'type' => 'super'];
|
|
$shownIds[] = $superPin->id();
|
|
}
|
|
foreach ($pinned as $p) {
|
|
$list[] = ['page' => $p, 'type' => 'pinned'];
|
|
$shownIds[] = $p->id();
|
|
}
|
|
$rest = $page->children()->listed()->sortBy('created', 'desc')
|
|
->filter(fn($p) => !in_array($p->id(), $shownIds));
|
|
foreach ($rest as $p) {
|
|
$list[] = ['page' => $p, 'type' => 'latest'];
|
|
}
|
|
?>
|
|
|
|
<?php foreach ($list as $item):
|
|
$investigation = $item['page'];
|
|
$type = $item['type'];
|
|
$cover = $investigation->cover()->toFile();
|
|
?>
|
|
<article class="card--article<?= $type !== 'latest' ? ' pinned' : '' ?>">
|
|
|
|
<?php if ($cover): ?>
|
|
<figure>
|
|
<img src="<?= $cover->url() ?>" alt="<?= $investigation->title()->esc() ?>">
|
|
</figure>
|
|
<?php endif ?>
|
|
|
|
<?php if ($type !== 'latest'): ?>
|
|
<div class="pin"><?= svg('assets/icons/pin.svg') ?></div>
|
|
<?php endif ?>
|
|
|
|
<div class="content">
|
|
|
|
<h4 class="title"><a href="<?= $investigation->url() ?>"><?= $investigation->title()->esc() ?></a></h4>
|
|
|
|
<?php if ($investigation->chapo()->isNotEmpty()): ?>
|
|
<p class="description"><?= $investigation->chapo()->excerpt(200) ?></p>
|
|
<?php endif ?>
|
|
|
|
<dl class="dl">
|
|
<?php if ($investigation->incidentDate()->isNotEmpty()): ?>
|
|
<div class="dl__group">
|
|
<dt>Date de l'incident</dt>
|
|
<dd><time datetime="<?= $investigation->incidentDate()->toDate('yyyy-MM-dd') ?>"><?= $investigation->incidentDate()->toDate('d MMMM yyyy', 'fr_FR') ?></time></dd>
|
|
</div>
|
|
<?php endif ?>
|
|
|
|
<?php if ($partners = $investigation->partners()->toStructure()): ?>
|
|
<?php if ($partners->isNotEmpty()): ?>
|
|
<div class="dl__group">
|
|
<dt>Partenaire(s)</dt>
|
|
<dd>
|
|
<?php $partnerNames = [] ?>
|
|
<?php foreach ($partners as $partner): ?>
|
|
<?php $partnerNames[] = $partner->name()->value() ?>
|
|
<?php endforeach ?>
|
|
<?= implode(', ', $partnerNames) ?>
|
|
</dd>
|
|
</div>
|
|
<?php endif ?>
|
|
<?php endif ?>
|
|
|
|
<?php if ($investigation->incidentLocation()->isNotEmpty()): ?>
|
|
<div class="dl__group">
|
|
<dt>Lieu de l'incident</dt>
|
|
<dd><?= $investigation->incidentLocation()->esc() ?></dd>
|
|
</div>
|
|
<?php endif ?>
|
|
|
|
</dl>
|
|
|
|
</div>
|
|
|
|
<?php if ($keywords = $investigation->keywords()->split()): ?>
|
|
<div class="keywords-wrapper">
|
|
<ul class="keywords">
|
|
<?php foreach ($keywords as $keyword): ?>
|
|
<li><a href="#keyword" target="_blank"><?= esc($keyword) ?></a></li>
|
|
<?php endforeach ?>
|
|
</ul>
|
|
</div>
|
|
<?php endif ?>
|
|
|
|
<a class="link-block" href="<?= $investigation->url() ?>"></a>
|
|
</article>
|
|
<?php endforeach ?>
|
|
|
|
</section>
|
|
</main>
|
|
<?php snippet('footer') ?>
|