tinternet.net/templates/blog/post_admin/index.html.twig

{% extends 'admin/layout.html.twig' %}

{% block body %}
    <div class="bg-light pl-5 pr-4 pt-5">
        <div class="d-flex">
            <div class="mr-auto">
                <h1 class="display-8">Articles</h1>
            </div>

            <div class="ml-auto">
                <button type="button" class="btn btn-primary">Nouveau</button>
            </div>
        </div>

        <div class="row">
            <ul class="pagination ml-auto">
              <li class="page-item disabled">
                <a class="page-link" href="#" tabindex="-1" aria-disabled="true">Previous</a>
              </li>
              <li class="page-item"><a class="page-link" href="#">1</a></li>
              <li class="page-item active" aria-current="page">
                <a class="page-link" href="#">2</a>
              </li>
              <li class="page-item"><a class="page-link" href="#">3</a></li>
              <li class="page-item">
                <a class="page-link" href="#">Next</a>
              </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>
            </tr>
      </thead>
      <tbody>
        {% for item in range(1, 20) %}
            <tr>
                <td class="col-3">
                    Titre de l'article {{ item }} <br>
                </td>
                <td class="col-2">
                    Mark
                </td>
                <td class="col-2">
                    <a href="">Nom de la catégorie</a>
                </td>
                <td class="col-2">
                    En ligne
                </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>
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
{% endblock %}