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> <!DOCTYPE html>
<html lang="en"> <html lang="fr">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css">
<style> <style>
body { body {
background: #f4f6f9; background: #f4f6f9;
padding: 30px;
} }
.container { .container {
margin-top: 60px; max-width: 1000px;
margin-top: 40px;
} }
</style> </style>
</head> </head>
<body> <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"> <div class="container">
<thead class="table-light"> <h2 class="text-center mb-4">Liste des articles</h2>
<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>
<tr> <!-- Message succès (optionnel) -->
<td>Mon deuxième article</td> <div id="successMsg" class="alert alert-success d-none"></div>
<td>Chat</td>
<td>Oui</td> <!-- Bouton ajouter -->
<td> <div class="d-flex justify-content-end mb-4">
<a href="voir_article.html" class="btn btn-sm btn-outline-secondary">Voir</a> <a href="ajouter_article.html" class="btn btn-primary">
<a href="../html/modifier_article.html" class="btn btn-sm btn-outline-primary">Modifier</a> Ajouter un article
<button class="btn btn-sm btn-outline-danger delete-btn">Supprimer</button> </a>
</td>
</tr>
</tbody>
</table>
</div> </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="../js/liste_articles.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
</body> </body>
</html> </html>

3
blog/html/liste_categorie.html
View File

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

9
blog/js/liste_categorie.js
View File

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

4
connexion/html/mot_de_passe_oublie.html
View File

@@ -27,7 +27,7 @@
<div class="card shadow forgot-password-card"> <div class="card shadow forgot-password-card">
<div class="card-body p-4"> <div class="card-body p-4">
<h3 class="text-center mb-4">Mot de passe oublié</h3> <h3 class="text-center mb-4">Mot de passe oublié</h3>
<p> <p class="text text-muted mb-4">
Nous avons besoin de votre adresse mail pour pouvoir réinitialiser Nous avons besoin de votre adresse mail pour pouvoir réinitialiser
votre mot de passe. votre mot de passe.
</p> </p>
@@ -42,6 +42,8 @@
/> />
</div> </div>
<button class="btn btn-primary w-100"> <button class="btn btn-primary w-100">
Réinitialiser le mot de passe Réinitialiser le mot de passe
</button> </button>

9
connexion/html/page_de_connexion.html
View File

@@ -28,6 +28,15 @@
<div class="card-body p-4"> <div class="card-body p-4">
<h3 class="text-center mb-4">Connexion Admin</h3> <h3 class="text-center mb-4">Connexion Admin</h3>
<form>
<div class="mb-3">
<label class="form-label">Adresse e-mail ou numéro de téléphone </label>
<input
type="text"
class="form-control"
id="textInput"
<form> <form>
<div class="mb-3"> <div class="mb-3">

11
connexion/html/reinitialisation_mot_de_passe.html
View File

@@ -27,7 +27,7 @@
<div class="card shadow reset-password-card"> <div class="card shadow reset-password-card">
<div class="card-body p-4"> <div class="card-body p-4">
<h3 class="text-center mb-4">Nouveau mot de passe</h3> <h3 class="text-center mb-4">Nouveau mot de passe</h3>
<p class="text-center text-muted mb-4"> <p class="text text-muted mb-4">
Pour réinitialiser votre mot de passe, veuillez saisir un nouveau mot Pour réinitialiser votre mot de passe, veuillez saisir un nouveau mot
de passe ainsi qu'une confirmation. de passe ainsi qu'une confirmation.
@@ -42,7 +42,7 @@
</div> </div>
<form id="resetForm"> <form id="resetForm">
<div class="mb-3"> <div class="mb-4">
<label class="form-label" <label class="form-label"
>Nouveau mot de passe (minimum 8 caractères)</label >Nouveau mot de passe (minimum 8 caractères)</label
> >
@@ -57,7 +57,7 @@
<div class="mb-3"> <div class="mb-3">
<label class="form-label" <label class="form-label"
>Confirmer le mot de passe (minimum 8 caractères)</label >Confirmer le mot de passe</label
> >
<input <input
type="password" type="password"
@@ -86,6 +86,11 @@
<button class="btn btn-primary w-100" type="submit"> <button class="btn btn-primary w-100" type="submit">
Changer le mot de passe Changer le mot de passe
</button> </button>
<div class="text-center mt-3">
<a
href="../html/page_de_connexion.html"
class="text-decoration-none"
>Retour à la connexion</a
</form> </form>
</div> </div>
</div> </div>

3
package-lock.json generated
View File

@@ -76,8 +76,7 @@
"node_modules/scheduler": { "node_modules/scheduler": {
"version": "0.27.0", "version": "0.27.0",
"resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz", "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
"integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==", "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q=="
"peer": true
}, },
"node_modules/tinymce": { "node_modules/tinymce": {
"version": "8.2.2", "version": "8.2.2",