BOUTONS_EDITION_ADMIN.md 2.3 KB

🔧 Boutons d'Édition Rapide pour Admins

✅ Ce qui a été ajouté

1. Sur la page de lecture d'un article (read.html)

Bouton flottant en bas à droite :

  • 🟡 Couleur : Warning (jaune/orange)
  • 📍 Position : Fixe, en bas à droite
  • 🎨 Style : Bouton rond avec ombre
  • 👁️ Visible : Uniquement pour user.is_staff (admins)
  • 🔗 Action : Ouvre l'article dans l'admin Django (nouvel onglet)
  • 📱 Responsive : S'adapte sur mobile

2. Sur la page de listing (listing.html)

Petit bouton "Éditer" :

  • 🟡 Couleur : Warning (jaune/orange)
  • 📍 Position : Dans le footer de chaque article, après les catégories
  • 👁️ Visible : Uniquement pour les admins
  • 🔗 Action : Ouvre l'article dans l'admin (nouvel onglet)

🎯 Utilisation

En tant qu'Admin connecté :

Sur la liste des articles :

  • Vous voyez un petit bouton "✏️ Éditer" sur chaque article
  • Cliquez dessus → ouvre l'admin dans un nouvel onglet

En lecture d'un article :

  • Vous voyez un bouton flottant en bas à droite "✏️ Modifier"
  • Toujours visible même en scrollant
  • Cliquez → ouvre l'article dans l'admin

En tant que visiteur normal :

  • Aucun bouton visible
  • Aucun changement dans l'apparence

🔒 Sécurité

La condition {% if user.is_staff %} vérifie que :

  • L'utilisateur est connecté
  • L'utilisateur a le statut "staff" (admin)

Même si quelqu'un trouve l'URL, Django protège l'accès à l'admin.


🎨 Personnalisation

Changer la couleur du bouton flottant :

<a href="..." class="btn btn-primary btn-edit-article">
<!-- Au lieu de btn-warning -->

Changer la position :

.btn-edit-article {
    bottom: 30px;  /* Distance du bas */
    right: 30px;   /* Distance de la droite */
    /* Ou pour le mettre à gauche : */
    left: 30px;
    right: auto;
}

Retirer le bouton flottant (garder uniquement le listing) :

Supprimez le bloc {% if user.is_staff %}...{% endif %} dans read.html


🧪 Test

  1. Connectez-vous en tant qu'admin : https://www.duhaz.fr/admin/
  2. Allez sur le blog : https://www.duhaz.fr/blog/
  3. Vous devriez voir "✏️ Éditer" sur chaque article
  4. Cliquez sur un article
  5. Vous devriez voir le bouton flottant en bas à droite

Date : Octobre 30, 2025
Statut : ✅ Prêt à déployer