71 lines
2.6 KiB
Twig
71 lines
2.6 KiB
Twig
{% extends "layout.twig" %}
|
||
|
||
{% block title %}Tableau de bord – Médias{% endblock %}
|
||
|
||
{% block content %}
|
||
<h2>Gestion des médias</h2>
|
||
|
||
{% include 'partials/_admin_nav.twig' %}
|
||
|
||
{% if error %}
|
||
<div class="alert alert--danger">{{ error }}</div>
|
||
{% endif %}
|
||
|
||
{% if success %}
|
||
<div class="alert alert--success">{{ success }}</div>
|
||
{% endif %}
|
||
|
||
{% if media is not empty %}
|
||
<table class="admin-table">
|
||
<thead>
|
||
<tr>
|
||
<th>Aperçu</th>
|
||
<th>URL</th>
|
||
<th>Uploadé le</th>
|
||
<th>Actions</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
{% for item in media %}
|
||
<tr>
|
||
<td data-label="Aperçu">
|
||
<div class="upload">
|
||
<a href="{{ item.url }}" target="_blank" rel="noopener noreferrer" class="upload__thumb-link">
|
||
<img src="{{ item.url }}" alt="" class="upload__thumb">
|
||
</a>
|
||
</div>
|
||
</td>
|
||
<td data-label="URL">
|
||
<div class="upload">
|
||
<code class="upload__url">{{ item.url }}</code>
|
||
<div class="upload__actions">
|
||
<button type="button" class="btn btn--sm btn--secondary"
|
||
onclick="navigator.clipboard.writeText('{{ item.url }}').then(function() {
|
||
var btn = this; btn.textContent = 'Copié !';
|
||
setTimeout(function() { btn.textContent = 'Copier l\'URL'; }, 1500);
|
||
}.bind(this))">Copier l'URL</button>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
<td data-label="Uploadé le">{{ item.createdAt|date("d/m/Y H:i") }}</td>
|
||
<td data-label="Actions">
|
||
<div class="u-inline-actions">
|
||
<form method="post" action="/admin/media/delete/{{ item.id }}" class="u-inline-form">
|
||
<input type="hidden" name="{{ csrf.keys.name }}" value="{{ csrf.name }}">
|
||
<input type="hidden" name="{{ csrf.keys.value }}" value="{{ csrf.value }}">
|
||
<button type="submit" class="btn btn--sm btn--danger"
|
||
onclick="return confirm('Supprimer ce fichier ?\n\nAttention : s\'il est utilisé dans un article, l\'image n\'apparaîtra plus.')">
|
||
Supprimer
|
||
</button>
|
||
</form>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
{% endfor %}
|
||
</tbody>
|
||
</table>
|
||
{% else %}
|
||
<p><em>Aucun fichier uploadé.</em></p>
|
||
{% endif %}
|
||
{% endblock %}
|