add crud index template

This commit is contained in:
Simon Vieille 2021-03-16 22:30:44 +01:00
parent 3d60fc99fd
commit 6e35b2c11b
2 changed files with 69 additions and 18 deletions

View file

@ -1 +1,47 @@
{% extends 'admin/layout.html.twig' %}
{% block body %}
<div class="bg-light pl-5 pr-4 pt-5 pb-5">
<div class="d-flex">
<div class="mr-auto">
<h1 class="display-8">Catégories</h1>
</div>
<div class="ml-auto">
<button type="button" class="btn btn-primary">Nouveau</button>
</div>
</div>
</div>
<table class="table" data-table-fixed>
<thead class="thead-light">
<tr>
<th class="col-6">Titre</th>
<th class="col-4">Articles</th>
<th class="col-2 text-right">Actions</th>
</tr>
</thead>
<tbody>
{% for item in range(1, 4) %}
<tr>
<td class="col-6">
<span class="font-weight-bold">Titre de la catégories</span> <br>
</td>
<td class="col-4">
<a href="" class="btn btn-sm btn-light">
<span class="font-weight-bold">5</span> articles
</a>
</td>
<td class="col-2 text-right">
<button type="button" class="btn btn-sm btn-primary mr-1">
<span class="fa fa-edit"></span>
</button>
<button type="button" class="btn btn-sm btn-danger">
<span class="fa fa-trash"></span>
</button>
</td>
</tr>
{% endfor %}
</tbody>
</table>
{% endblock %}

View file

@ -27,39 +27,44 @@
</li>
</ul>
</div>
<div style="clear: both"></div>
</div>
<table class="table" data-table-fixed>
<thead class="thead-light">
<tr>
<th class="col-3">Titre</th>
<th class="col-2">Auteur</th>
<th class="col-2">Catégorie</th>
<th class="col-2">Statut</th>
<th class="col-3">&nbsp;</th>
<th class="col-6">Titre</th>
<th class="col-2">Mise à jour</th>
<th class="col-1">Statut</th>
<th class="col-3 text-right">Actions</th>
</tr>
</thead>
<tbody>
{% for item in range(1, 20) %}
<tr>
<td class="col-3">
Titre de l'article {{ item }} <br>
<td class="col-6">
<img src="https://fakeimg.deblan.org/50x50/c473c4/fff.png&text=img" class="rounded float-left mr-2">
<span class="font-weight-bold">Titre de l'article {{ item }}</span> <br>
Dans <a href="">Nom de la catégorie</a> par <a href="">Mark</a>
</td>
<td class="col-2">
Mark
<span class="btn btn-sm btn-light">
<span class="fa fa-calendar-alt text-black-50 mr-1"></span>
27/03/2021 09:10
</span>
</td>
<td class="col-2">
<a href="">Nom de la catégorie</a>
</td>
<td class="col-2">
En ligne
<td class="col-1">
<button class="btn btn-sm btn-success">
En ligne
</button>
</td>
<td class="col-3 text-right">
<button type="button" class="btn btn-sm btn-primary mr-1">Publier</button>
<button type="button" class="btn btn-sm btn-dark mr-1">Éditer</button>
<button type="button" class="btn btn-sm btn-danger">Supprimer</button>
<button type="button" class="btn btn-sm btn-primary mr-1">
<span class="fa fa-edit"></span>
</button>
<button type="button" class="btn btn-sm btn-danger">
<span class="fa fa-trash"></span>
</button>
</td>
</tr>
{% endfor %}