40 lines
1.4 KiB
HTML
40 lines
1.4 KiB
HTML
<section class="stack-lg" aria-labelledby="media-title">
|
||
<header class="page-header">
|
||
<div>
|
||
<h1 class="page-title" id="media-title">Médiathèque</h1>
|
||
<p class="field-help">Ajoute une image ou copie son Markdown pour l’insérer dans un article.</p>
|
||
</div>
|
||
|
||
<div class="page-actions">
|
||
<a class="button button--ghost" href="{{ 'dashboard' | alias }}">Retour</a>
|
||
</div>
|
||
</header>
|
||
|
||
<form class="panel stack" method="post" action="{{ 'media_upload' | alias }}" enctype="multipart/form-data">
|
||
<include href="partials/csrf_field.html" />
|
||
<label class="field">
|
||
<span class="field-label">Image</span>
|
||
<input class="control" type="file" name="image" accept="image/jpeg,image/png" required>
|
||
<span class="field-help">Formats : JPG, PNG. Taille maximale : 10 Mo.</span>
|
||
</label>
|
||
<button class="button" type="submit">Ajouter</button>
|
||
</form>
|
||
|
||
<check if="{{ @items }}">
|
||
<true>
|
||
<div class="card-grid">
|
||
<repeat group="{{ @items }}" value="{{ @item }}">
|
||
<include href="partials/media_card.html" />
|
||
</repeat>
|
||
</div>
|
||
<include href="partials/pagination.html" />
|
||
</true>
|
||
<false>
|
||
<section class="empty-state" aria-labelledby="media-empty-title">
|
||
<h2 class="card-title" id="media-empty-title">Aucune image.</h2>
|
||
<p>Ajoute une image pour commencer.</p>
|
||
</section>
|
||
</false>
|
||
</check>
|
||
</section>
|