ileauchiens/maquette_backoffice
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ajout login page de connexion + mise a jours des pages mdp oublié, page de connxeion

Browse Source
This commit is contained in:
ben
2025-12-10 12:24:00 +01:00
parent 9a8891fc9d
commit 33b0c0cab8
7 changed files with 77 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

95
blog/html/liste_article.html
View File

@@ -1,67 +1,72 @@
<!DOCTYPE html>
<html lang="en">
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Liste des article</title>
<title>Liste des articles</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css">
<style>
body {
background: #f4f6f9;
padding: 30px;
}
.container {
margin-top: 60px;
max-width: 1000px;
margin-top: 40px;
}
</style>
</style>
</head>
<body>
<div class="container">
<div class="d-flex justify-content-between align-items-center mb-4">
<h2 class="mb-0">Listes des articles</h2>
<a href="ajouter_article.html" class="btn btn-primary">Ajouter un article</a>
</div>
<table class="table table-bordered table-hover bg-white">
<thead class="table-light">
<tr>
<th>Titre</th>
<th>Catégorie</th>
<th>Publié</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
<tr>
<td>Mon premier article</td>
<td>Chien</td>
<td>Oui</td>
<td>
<a href="voir_article.html" class="btn btn-sm btn-outline-secondary">Voir</a>
<a href="../html/modifier_article.html" class="btn btn-sm btn-outline-primary">Modifier</a>
<button class="btn btn-sm btn-outline-danger delete-btn">Supprimer</button>
</td>
</tr>
<div class="container">
<h2 class="text-center mb-4">Liste des articles</h2>
<tr>
<td>Mon deuxième article</td>
<td>Chat</td>
<td>Oui</td>
<td>
<a href="voir_article.html" class="btn btn-sm btn-outline-secondary">Voir</a>
<a href="../html/modifier_article.html" class="btn btn-sm btn-outline-primary">Modifier</a>
<button class="btn btn-sm btn-outline-danger delete-btn">Supprimer</button>
</td>
</tr>
</tbody>
</table>
<!-- Message succès (optionnel) -->
<div id="successMsg" class="alert alert-success d-none"></div>
<!-- Bouton ajouter -->
<div class="d-flex justify-content-end mb-4">
<a href="ajouter_article.html" class="btn btn-primary">
Ajouter un article
</a>
</div>
<!-- Tableau -->
<table class="table table-striped table-hover">
<thead class="table-dark">
<tr>
<th>Titre</th>
<th class="text-end">Actions</th>
</tr>
</thead>
<tbody id="articlesTableBody">
<tr>
<td>Mon premier article</td>
<td class="text-end">
<a href="../html/modifier_article.html" class="btn btn-sm btn-outline-primary me-1">Modifier</a>
<button class="btn btn-sm btn-outline-danger delete-btn">Supprimer</button>
</td>
</tr>
<tr>
<td>Mon deuxième article</td>
<td class="text-end">
<a href="../html/modifier_article.html" class="btn btn-sm btn-outline-primary me-1">Modifier</a>
<button class="btn btn-sm btn-outline-danger delete-btn">Supprimer</button>
</td>
</tr>
</tbody>
</table>
</div>
<script src="../js/liste_articles.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
</html>

3
blog/html/liste_categorie.html
View File

@@ -38,8 +38,7 @@
<thead class="table-dark">
<tr>
<th>Nom</th>
<th>Description</th>
<th class="text-center">Actions</th>
<th class="text-end">Actions</th>
</tr>
</thead>
<tbody id="categoriesTableBody">

9
blog/js/liste_categorie.js
View File

@@ -17,14 +17,15 @@ function afficherCategories() {
const row = `
<tr>
<td>${cat.nom}</td>
<td>${cat.description || "-"}</td>
<td class="text-center">
<a href="../html/modifier_categorie.html?id=${cat.id}" class="btn btn-warning btn-sm">
<td class="text-end">
<a href="../html/modifier_categorie.html?id=${cat.id}"
class="btn btn-sm btn-outline-primary me-1">
Modifier
</a>
<button class="btn btn-danger btn-sm" onclick="supprimerCategorie(${index})">
<button class="btn btn-sm btn-outline-danger"
onclick="supprimerCategorie(${index})">
Supprimer
</button>
</td>