Admin Runique

Référence des blocks Tera — admin

Chaque template admin expose des {% block %} que le dev peut surcharger dans son propre template.

Blocks de layout — `admin_base.html`

Définis dans le layout global, disponibles depuis tout template qui étend admin_base.

BlockContenu par défautNote
titleTitre de la page
extra_cssCSS Runique admin (7 fichiers){{ super() }} pour cumuler
layoutSidebar + zone principaleAvancé — remplace tout
sidebarNavigation ressources + historique
topbarBreadcrumb + bouton site + logout
breadcrumbFil d'Ariane (depuis admin_base)
messagesFlash messagesConserver {% messages %}
contentContenu de la page CRUD
extra_jsadmin.js{{ super() }} pour cumuler

`list.html`

BlockContenu
list_headerEn-tête de page : titre, compteur, bouton Créer

`list_partial.html` *(swapé par HTMX)*

BlockContenu
list_searchBarre de recherche + champs cachés tri/filtres
list_group_actionBarre d'actions groupées (sélection + actions bulk)
list_tableTableau principal + état vide
list_paginationContrôles de pagination
list_filtersSidebar des filtres par colonne

`create.html`

BlockContenu
create_headerEn-tête de page
create_formCard complète avec formulaire
create_form_fieldsGrille des champs + champs M2M
create_form_actionsBoutons Annuler / Créer
create_deniedMessage accès refusé

`edit.html`

BlockContenu
edit_headerEn-tête de page
edit_formCard complète avec formulaire
edit_form_fieldsGrille des champs + champs M2M
edit_form_actionsBoutons Annuler / Enregistrer
edit_deniedMessage accès refusé

`detail.html`

BlockContenu
detail_headerEn-tête de page (inclut detail_actions)
detail_actionsBoutons Éditer / Supprimer / Reset mdp + menu mobile
detail_tableCard avec tableau clé → valeur

`delete.html`

BlockContenu
delete_headerEn-tête de page
delete_warningBandeau d'avertissement
delete_actionsBoutons Annuler / Confirmer la suppression
delete_deniedMessage accès refusé

`bulk_edit.html`

BlockContenu
group_edit_headerEn-tête de page
group_edit_fieldsSection des champs non-booléens
group_edit_permissionsSection des permissions booléennes (remplie par JS)
group_edit_actionsBoutons Annuler / Appliquer
group_edit_deniedMessage accès refusé

`dashboard.html`

BlockContenu
dashboard_headerEn-tête de page
dashboard_statsGrille des stat-cards par ressource
dashboard_tableTableau récapitulatif des ressources

Thème CSS — custom properties

Pour modifier les couleurs et espacements sans réécrire de HTML, surcharger les variables dans {% block extra_css %} :

{% block extra_css %}
{{ super() }}
<style>
  :root {
    --accent:       #e11d48;
    --accent-hover: #be123c;
    --bg-main:      #fafafa;
    --bg-card:      #ffffff;
    --bg-sidebar:   #1e1e2e;
    --text-main:    #111827;
  }
</style>
{% endblock %}
VariableRôle
--bg-mainFond principal
--bg-cardFond des cards
--bg-sidebarFond de la sidebar
--bg-inputFond des champs
--bg-hoverFond au survol
--bg-activeFond de l'élément actif
--text-mainTexte principal
--text-mutedTexte secondaire
--text-sidebarTexte de la sidebar
--accentCouleur d'accentuation (boutons, liens actifs)
--accent-hoverAccentuation au survol
--accent-lightAccentuation translucide
--borderBordure standard
--border-lightBordure claire
--success / --danger / --warningCouleurs sémantiques
--sidebar-widthLargeur sidebar déployée
--sidebar-collapsedLargeur sidebar réduite
--topbar-heightHauteur de la topbar
--radius / --radius-lgRayons de bordure
--shadowOmbre des cards
--transitionDurée/easing des transitions

Les classes CSS par block sont documentées dans la référence des classes CSS. Le renommage BEM est prévu en v2.2.


Revenir au sommaire

SectionDescription
Surcharge templatesPrincipe, niveaux d'héritage, exemples
Clés de contexteVariables injectées par le backend
Sommaire templateSommaire templates