ajout login page de connexion + mise a jours des pages mdp oublié, page de connxeion
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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">
|
||||
|
||||
|
||||
@@ -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>
|
||||
|
||||
3
package-lock.json
generated
3
package-lock.json
generated
@@ -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",
|
||||
|
||||
Reference in New Issue
Block a user