first commit
This commit is contained in:
julien
139
views/admin/posts/form.twig
Normal file
139
views/admin/posts/form.twig
Normal file
@@ -0,0 +1,139 @@
|
||||
{% extends "layout.twig" %}
|
||||
|
||||
{% block title %}
|
||||
{% if post is defined and post is not null and post.id > 0 %}Éditer l'article{% else %}Créer un article{% endif %}
|
||||
{% endblock %}
|
||||
|
||||
{% block styles %}
|
||||
<link rel="stylesheet" href="/assets/vendor/trumbowyg/ui/trumbowyg.min.css">
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="form-container">
|
||||
<div class="form-container__header">
|
||||
<h2 class="form-container__title">
|
||||
{% if post is defined and post is not null and post.id > 0 %}Éditer l'article{% else %}Créer un article{% endif %}
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
{% include 'partials/_admin_nav.twig' %}
|
||||
|
||||
<div class="form-container__panel">
|
||||
{% if error %}
|
||||
<div class="alert alert--danger">{{ error }}</div>
|
||||
{% endif %}
|
||||
|
||||
<form method="post" action="{{ action }}" class="form-container__form">
|
||||
<input type="hidden" name="{{ csrf.keys.name }}" value="{{ csrf.name }}">
|
||||
<input type="hidden" name="{{ csrf.keys.value }}" value="{{ csrf.value }}">
|
||||
|
||||
{% if post is defined and post is not null %}
|
||||
<p class="form-container__field">
|
||||
<label class="form-container__label">
|
||||
<span>Auteur</span>
|
||||
<input type="text" value="{{ post.authorUsername ?? 'inconnu' }}" disabled
|
||||
class="form-container__input form-container__input--disabled">
|
||||
</label>
|
||||
</p>
|
||||
{% endif %}
|
||||
|
||||
<p class="form-container__field">
|
||||
<label for="title" class="form-container__label">
|
||||
<span>Titre</span>
|
||||
<input type="text" id="title" name="title" value="{{ post.title|default('') }}" required maxlength="255"
|
||||
class="form-container__input">
|
||||
</label>
|
||||
</p>
|
||||
|
||||
{% if post is defined and post is not null and post.id > 0 %}
|
||||
<p class="form-container__field">
|
||||
<label for="slug" class="form-container__label">
|
||||
<span>Slug URL</span>
|
||||
<input type="text" id="slug" name="slug" value="{{ post.storedSlug }}" pattern="[a-z0-9]+(-[a-z0-9]+)*"
|
||||
maxlength="255" title="Lettres minuscules, chiffres et tirets uniquement"
|
||||
class="form-container__input">
|
||||
</label>
|
||||
<small class="form-container__hint">(URL actuelle : <a href="/article/{{ post.storedSlug }}" target="_blank">/article/{{ post.storedSlug }}</a>)</small>
|
||||
</p>
|
||||
{% endif %}
|
||||
|
||||
<p class="form-container__field">
|
||||
<label for="category_id" class="form-container__label">
|
||||
<span>Catégorie</span>
|
||||
<select id="category_id" name="category_id" class="form-container__select">
|
||||
<option value="">— Sans catégorie —</option>
|
||||
{% for category in categories %}
|
||||
<option value="{{ category.id }}" {% if post is not null and post.categoryId==category.id %}selected{% endif %}>
|
||||
{{ category.name }}
|
||||
</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<p class="form-container__field">
|
||||
<label for="editor" class="form-container__label">
|
||||
<span>Contenu</span>
|
||||
<textarea id="editor" name="content" required class="form-container__textarea">{{ post.content|default('') }}</textarea>
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<div class="form-container__actions">
|
||||
<div class="form-container__action">
|
||||
<button type="submit" class="btn btn--primary btn--lg btn--full">
|
||||
{% if post is defined and post is not null and post.id > 0 %}Mettre à jour{% else %}Enregistrer{% endif %}
|
||||
</button>
|
||||
</div>
|
||||
<div class="form-container__action">
|
||||
<a href="/admin/posts" class="btn btn--secondary btn--lg btn--full">Annuler</a>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
{% if post is defined and post is not null and post.id > 0 %}
|
||||
<div class="form-container__footer">
|
||||
<small>
|
||||
Créé le : {{ post.createdAt|date("d/m/Y à H:i") }}<br>
|
||||
Modifié le : {{ post.updatedAt|date("d/m/Y à H:i") }}
|
||||
</small>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block scripts %}
|
||||
<script src="/assets/vendor/jquery.min.js"></script>
|
||||
<script src="/assets/vendor/trumbowyg/trumbowyg.min.js"></script>
|
||||
<script src="/assets/vendor/trumbowyg/langs/fr.min.js"></script>
|
||||
<script src="/assets/vendor/trumbowyg/plugins/upload/trumbowyg.upload.min.js"></script>
|
||||
|
||||
<script>
|
||||
$(function () {
|
||||
$('#editor').trumbowyg({
|
||||
lang: 'fr',
|
||||
btns: [
|
||||
['viewHTML'],
|
||||
['undo', 'redo'],
|
||||
['formatting'],
|
||||
['strong', 'em', 'underline'],
|
||||
['unorderedList', 'orderedList'],
|
||||
['justifyLeft', 'justifyCenter', 'justifyRight', 'justifyFull'],
|
||||
['link'],
|
||||
['upload', 'insertImage'],
|
||||
['removeformat']
|
||||
],
|
||||
semantic: false,
|
||||
imageWidthModalEdit: true,
|
||||
plugins: {
|
||||
upload: {
|
||||
serverPath: '/admin/media/upload',
|
||||
fileFieldName: 'file',
|
||||
urlPropertyName: 'url',
|
||||
statusPropertyName: 'success'
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
{% endblock %}
|
||||
107
views/admin/posts/index.twig
Normal file
107
views/admin/posts/index.twig
Normal file
@@ -0,0 +1,107 @@
|
||||
{% extends "layout.twig" %}
|
||||
|
||||
{% block title %}Tableau de bord – Articles{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<h2>Gestion des articles</h2>
|
||||
|
||||
{% include 'partials/_admin_nav.twig' %}
|
||||
|
||||
<p>
|
||||
<a href="/admin/posts/edit/0" class="btn btn--primary">+ Ajouter un article</a>
|
||||
</p>
|
||||
|
||||
<form method="get" action="/admin/posts" class="search-bar">
|
||||
{% if activeCategory %}
|
||||
<input type="hidden" name="categorie" value="{{ activeCategory.slug }}">
|
||||
{% endif %}
|
||||
<input type="search" name="q" value="{{ searchQuery }}"
|
||||
placeholder="Rechercher un article…" class="search-bar__input" aria-label="Recherche">
|
||||
<button type="submit" class="search-bar__btn">Rechercher</button>
|
||||
{% if searchQuery %}
|
||||
<a href="/admin/posts{% if activeCategory %}?categorie={{ activeCategory.slug }}{% endif %}" class="search-bar__reset">✕</a>
|
||||
{% endif %}
|
||||
</form>
|
||||
|
||||
{% if searchQuery %}
|
||||
<p class="search-bar__info">
|
||||
{% if posts is not empty %}
|
||||
{{ posts|length }} résultat{{ posts|length > 1 ? 's' : '' }} pour « {{ searchQuery }} »
|
||||
{% else %}
|
||||
Aucun résultat pour « {{ searchQuery }} »
|
||||
{% endif %}
|
||||
</p>
|
||||
{% endif %}
|
||||
|
||||
{% if categories is not empty %}
|
||||
<nav class="category-filter">
|
||||
<a href="/admin/posts"
|
||||
class="category-filter__item{% if activeCategory is null %} category-filter__item--active{% endif %}">
|
||||
Tous
|
||||
</a>
|
||||
{% for category in categories %}
|
||||
<a href="/admin/posts?categorie={{ category.slug }}"
|
||||
class="category-filter__item{% if activeCategory and activeCategory.id == category.id %} category-filter__item--active{% endif %}">
|
||||
{{ category.name }}
|
||||
</a>
|
||||
{% endfor %}
|
||||
</nav>
|
||||
{% endif %}
|
||||
|
||||
{% if error %}
|
||||
<div class="alert alert--danger">{{ error }}</div>
|
||||
{% endif %}
|
||||
|
||||
{% if success %}
|
||||
<div class="alert alert--success">{{ success }}</div>
|
||||
{% endif %}
|
||||
|
||||
{% if posts is not empty %}
|
||||
<table class="admin-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Titre</th>
|
||||
<th>Catégorie</th>
|
||||
<th>Auteur</th>
|
||||
<th>Créé le</th>
|
||||
<th>Modifié le</th>
|
||||
<th>Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for post in posts %}
|
||||
<tr>
|
||||
<td data-label="Titre"><strong>{{ post.title }}</strong></td>
|
||||
<td data-label="Catégorie">
|
||||
{% if post.categoryName %}
|
||||
<a href="/admin/posts?categorie={{ post.categorySlug }}"
|
||||
class="badge badge--category">{{ post.categoryName }}</a>
|
||||
{% else %}
|
||||
<span class="admin-table__muted">—</span>
|
||||
{% endif %}
|
||||
</td>
|
||||
<td data-label="Auteur">{{ post.authorUsername ?? 'inconnu' }}</td>
|
||||
<td data-label="Créé le">{{ post.createdAt|date("d/m/Y H:i") }}</td>
|
||||
<td data-label="Modifié le">{{ post.updatedAt|date("d/m/Y H:i") }}</td>
|
||||
<td data-label="Actions">
|
||||
<div class="u-inline-actions">
|
||||
<a href="/admin/posts/edit/{{ post.id }}" class="btn btn--sm btn--secondary">Éditer</a>
|
||||
|
||||
<form method="post" action="/admin/posts/delete/{{ post.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 cet article ?')">
|
||||
Supprimer
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
{% else %}
|
||||
<p><em>{% if searchQuery %}Aucun résultat pour « {{ searchQuery }} ».{% else %}Aucun article à gérer.{% endif %}</em></p>
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user