From 33b0c0cab8894c91eaeb4243ed6d2e062a712717 Mon Sep 17 00:00:00 2001
From: ben <ben.voydie64@gmail.com>
Date: Wed, 10 Dec 2025 12:24:00 +0100
Subject: [PATCH] =?UTF-8?q?ajout=20login=20page=20de=20connexion=20+=20mis?=
 =?UTF-8?q?e=20a=20jours=20des=20pages=20mdp=20oubli=C3=A9,=20page=20de=20?=
 =?UTF-8?q?connxeion?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 blog/html/liste_article.html                  | 95 ++++++++++---------
 blog/html/liste_categorie.html                |  3 +-
 blog/js/liste_categorie.js                    |  9 +-
 connexion/html/mot_de_passe_oublie.html       |  4 +-
 connexion/html/page_de_connexion.html         |  9 ++
 .../html/reinitialisation_mot_de_passe.html   | 11 ++-
 package-lock.json                             |  3 +-
 7 files changed, 77 insertions(+), 57 deletions(-)
diff --git a/blog/html/liste_article.html b/blog/html/liste_article.html
index f48d43b..93434a9 100644
--- a/blog/html/liste_article.html
+++ b/blog/html/liste_article.html
@@ -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>
\ No newline at end of file
+</html>
diff --git a/blog/html/liste_categorie.html b/blog/html/liste_categorie.html
index 85ed338..1f6d747 100644
--- a/blog/html/liste_categorie.html
+++ b/blog/html/liste_categorie.html
@@ -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">
diff --git a/blog/js/liste_categorie.js b/blog/js/liste_categorie.js
index 4f8ef98..550fee7 100644
--- a/blog/js/liste_categorie.js
+++ b/blog/js/liste_categorie.js
@@ -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>
diff --git a/connexion/html/mot_de_passe_oublie.html b/connexion/html/mot_de_passe_oublie.html
index d17c54f..043d7e2 100644
--- a/connexion/html/mot_de_passe_oublie.html
+++ b/connexion/html/mot_de_passe_oublie.html
@@ -27,7 +27,7 @@
     <div class="card shadow forgot-password-card">
       <div class="card-body p-4">
         <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
           votre mot de passe.
         </p>
@@ -42,6 +42,8 @@
             />
           </div>
 
+         
+
           <button class="btn btn-primary w-100">
             Réinitialiser le mot de passe
           </button>
diff --git a/connexion/html/page_de_connexion.html b/connexion/html/page_de_connexion.html
index b928365..5c795c8 100644
--- a/connexion/html/page_de_connexion.html
+++ b/connexion/html/page_de_connexion.html
@@ -28,6 +28,15 @@
       <div class="card-body p-4">
         <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>
           <div class="mb-3">
 
diff --git a/connexion/html/reinitialisation_mot_de_passe.html b/connexion/html/reinitialisation_mot_de_passe.html
index 904d98c..8624328 100644
--- a/connexion/html/reinitialisation_mot_de_passe.html
+++ b/connexion/html/reinitialisation_mot_de_passe.html
@@ -27,7 +27,7 @@
     <div class="card shadow reset-password-card">
       <div class="card-body p-4">
         <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
           de passe ainsi qu'une confirmation.
          
@@ -42,7 +42,7 @@
           </div>
 
         <form id="resetForm">
-          <div class="mb-3">
+          <div class="mb-4">
             <label class="form-label"
               >Nouveau mot de passe (minimum 8 caractères)</label
             >
@@ -57,7 +57,7 @@
 
           <div class="mb-3">
             <label class="form-label"
-              >Confirmer le mot de passe (minimum 8 caractères)</label
+              >Confirmer le mot de passe</label
             >
             <input
               type="password"
@@ -86,6 +86,11 @@
           <button class="btn btn-primary w-100" type="submit">
             Changer le mot de passe
           </button>
+           <div class="text-center mt-3">
+            <a
+              href="../html/page_de_connexion.html"
+              class="text-decoration-none"
+              >Retour à la connexion</a
         </form>
       </div>
     </div>
diff --git a/package-lock.json b/package-lock.json
index 1bfd43d..890a3bd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -76,8 +76,7 @@
     "node_modules/scheduler": {
       "version": "0.27.0",
       "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
-      "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==",
-      "peer": true
+      "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q=="
     },
     "node_modules/tinymce": {
       "version": "8.2.2",

Titre	Catégorie	Publié	Actions
Mon premier article	Chien	Oui	- Voir - Modifier - -
Mon deuxième article	Chat	Oui	- Voir - Modifier - -
Titre	Actions
Mon premier article	+ Modifier + +
Mon deuxième article	+ Modifier + +