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

Compare commits

base: ileauchiens:4340bcab6de70ea674175e30bb4f0687452f27e0
Branches Tags
ileauchiens:main ileauchiens:david
...
compare: ileauchiens:main
Branches Tags
ileauchiens:main ileauchiens:david

9 Commits
4340bcab6d ... main

Author SHA1 Message Date
pestak
bbf921bbfe bog : supprimer réactif 2025-12-16 13:18:18 +01:00
RoxanaElena09
aef7d63451 feat: ajouter_prestation validée w3c validator et normalisee 2025-12-16 09:58:38 +01:00
pestak
55a31a507c integration de password.js à reinitialisation mdp 2025-12-16 08:50:31 +01:00
pestak
706d3ece23 FEAT : page profil 2025-12-16 08:31:11 +01:00
pestak
ee068c9d6f commit de fin de journée 2025-12-14 21:06:10 +01:00
pestak
4022e385eb petites modifs 2025-12-14 14:11:39 +01:00
pestak
cf5a366650 edition pages statique texte 2025-12-14 14:00:52 +01:00
pestak
11e4cc9767 Page configuration 2025-12-14 13:41:23 +01:00
pestak
d3af22566a Message d'actu 2025-12-14 13:16:24 +01:00
39 changed files with 1727 additions and 870 deletions
Expand all files Collapse all files

108
Veto/html/ajouter_veterinaire.html
View File

@@ -1,108 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ajouter un vétérinaire - L'Il'eau chiens - Admin</title>
<link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="/node_modules/bs-icon/icons.css">
<link rel="shortcut icon" href="favicon.png" type="image/png">
<link rel="stylesheet" href="/css/style.css">
<link rel="shortcut icon" href="/favicon.png" type="image/png">
</head>
<body>
<header>
<nav class="navbar navbar-expand-xl bg-body-tertiary">
<div class="container-fluid align-items-center">
<a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link left-label" aria-current="page" href="#">Blog</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Boutique</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Prestations</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Vétos</a></li>
</ul>
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message
d'actu</a></li>
<li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i>
Voir le site</a></li>
<li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-gear me-1"></i>
Configuration</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="userMenu" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
<i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span>
</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userMenu">
<li><a class="dropdown-item" href="#">Profil</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item" href="#">Sortir</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main class="my-5 fs-6">
<div class="container">
<header>
<h1 class="title my-4 fs-2">Ajouter un vétérinaire</h1>
</header>
<div class="content">
<form id="ajouterArticleForm">
<div class="mb-4 veto-addition">
<label class="form-label fw-bold" for="veto">Nom du vétérinaire (obligatoire)</label>
<input type="text" id="veto" class="form-control"
placeholder="Veto bidule" required>
</div>
<div class="mb-4 veto-adresse1">
<label class="form-label fw-bold" for="address">Adresse du vétérinaire (obligatoire)</label>
<input type="text" id="address" class="form-control"
placeholder="123 Rue Exemple" required>
</div>
<div class="mb-4 veto-adresse2">
<label class="form-label fw-bold" for="address2">Complément d'adresse (optionnel)</label>
<input type="text" id="address2" class="form-control"
placeholder="Appartement, étage, bâtiment, etc.">
</div>
<div class="mb-4 veto-adresse2">
<label class="form-label fw-bold" for="code_postal">Code postal (obligatoire)</label>
<input type="text" id="code_postal" class="form-control"
placeholder="75000" required>
</div>
<div class="mb-4 veto-commune">
<label class="form-label fw-bold" for="commune">Commune (obligatoire)</label>
<input type="text" id="commune" class="form-control"
placeholder="Paris" required>
</div>
<div class="mb-4 veto-telephone">
<label class="form-label fw-bold" for="telephone">Téléphone (obligatoire)</label>
<input type="text" id="telephone" class="form-control"
placeholder="0123456789" required>
</div>
<div class="d-flex gap-3 mt-4 confirmation-buttons">
<a href="./accueil.html" class="btn btn-secondary w-50">Annuler</a>
<button type="submit" class="btn btn-primary w-50">Ajouter</button>
</div>
</form>
</div>
</div>
</main>
<script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>

178
blog/html/accueil_blog.html
View File

@@ -2,86 +2,63 @@
<html lang="fr"> <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>Admin |Modifier le blog</title> <title>Liste des vétos - L'Il'eau chiens - Admin</title>
<link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="/node_modules/bs-icon/icons.css"> <link rel="stylesheet" href="/node_modules/bs-icon/icons.css">
<link rel="stylesheet" href="/css/style.css"> <link rel="shortcut icon" href="/favicon.png" type="image/png">
<link rel="stylesheet" href="/css/style.css">
</head> </head>
<body> <body>
<header> <header>
<nav class="navbar navbar-expand-xl bg-body-tertiary"> <nav class="navbar navbar-expand-xl bg-body-tertiary">
<div class="container-fluid align-items-center"> <div class="container-fluid align-items-center">
<a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a> <a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" <span class="navbar-toggler-icon"></span>
aria-expanded="false" aria-label="Toggle navigation"> </button>
<span class="navbar-toggler-icon"></span> <div class="collapse navbar-collapse" id="navbarSupportedContent">
</button> <ul class="navbar-nav me-auto mb-2 mb-lg-0">
<div class="collapse navbar-collapse" id="navbarSupportedContent"> <li class="nav-item"><a class="nav-link left-label" aria-current="page" href="#">Blog</a></li>
<ul class="navbar-nav me-auto mb-2 mb-lg-0"> <li class="nav-item"><a class="nav-link left-label" href="#">Boutique</a></li>
<li class="nav-item"> <li class="nav-item"><a class="nav-link left-label" href="#">Prestations</a></li>
<a class="nav-link active left-label" aria-current="page" href="#">Blog</a> <li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
</li> <li class="nav-item"><a class="nav-link active left-label" href="#">Vétos</a></li>
<li class="nav-item"> <li class="nav-item"><a class="nav-link left-label" href="#">Citations</a></li>
<a class="nav-link left-label" href="#">Boutique</a> <li class="nav-item"><a class="nav-link left-label" href="#">À propos</a></li>
</li> </ul>
<li class="nav-item"> <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<a class="nav-link left-label" href="#">Prestations</a> <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a>
</li> </li>
<li class="nav-item"> <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i> Voir le
<a class="nav-link left-label" href="#">FAQ</a> site</a></li>
</li> <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-gear me-1"></i> Configuration</a></li>
<li class="nav-item"> <li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="userMenu" role="button" data-bs-toggle="dropdown"
</li> aria-expanded="false">
<li class="nav-item"> <i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span>
<a class="nav-link left-label" href="#">Vétos</a> </a>
</li> <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userMenu">
</ul> <li><a class="dropdown-item" href="#">Profil</a></li>
<li>
<hr class="dropdown-divider">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0"> </li>
<li class="nav-item"> <li><a class="dropdown-item" href="#">Sortir</a></li>
<a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a> </ul>
</li> </li>
<li class="nav-item"> </ul>
<a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i> Voir le site</a> </div>
</li> </div>
<li class="nav-item"> </nav>
<a class="nav-link" href="#"><i class="bi bi-gear me-1"></i> Configuration</a> </header>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="userMenu" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
<i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span>
</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userMenu">
<li><a class="dropdown-item" href="#">Profil</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item" href="#">Sortir</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main class="my-5 fs-6"> <main class="my-5 fs-6">
<div class="container"> <div class="container">
<header> <header>
<h1 class="title fs-2">Modifier la page blog</h1> <h1 class="title fs-2 text-center">Modifier la page blog</h1>
</header> </header>
<div class="content"> <div class="content">
@@ -106,7 +83,24 @@
</tr> </tr>
</thead> </thead>
<tbody id="categoriesTableBody"> <tbody id="categoriesTableBody">
<!-- rempli en JS --> <tr>
<td>Soins</td>
<td class="text-end">
<a href="modifier_categorie.html"
class="btn btn-sm btn-outline-primary me-1">Modifier</a>
<a href="index.php" class="btn btn-sm btn-outline-danger" role="button" data-bs-toggle="modal"
data-bs-target="#confirmDeleteModal">Supprimer</a>
</td>
</tr>
<tr>
<td>Alimentation</td>
<td class="text-end">
<a href="modifier_categorie.html"
class="btn btn-sm btn-outline-primary me-1">Modifier</a>
<a href="index.php" class="btn btn-sm btn-outline-danger" role="button" data-bs-toggle="modal"
data-bs-target="#confirmDeleteModal">Supprimer</a>
</td>
</tr>
</tbody> </tbody>
</table> </table>
</section> </section>
@@ -138,7 +132,8 @@
<a href="modifier_article.html" <a href="modifier_article.html"
class="btn btn-sm btn-outline-primary me-1">Modifier</a> class="btn btn-sm btn-outline-primary me-1">Modifier</a>
<button class="btn btn-sm btn-outline-danger delete-btn">Supprimer</button> <a href="index.php" class="btn btn-sm btn-outline-danger" role="button" data-bs-toggle="modal"
data-bs-target="#confirmDeleteModal">Supprimer</a>
</td> </td>
</tr> </tr>
<tr> <tr>
@@ -148,7 +143,8 @@
class="btn btn-sm btn-outline-success me-1">Facebook</a> class="btn btn-sm btn-outline-success me-1">Facebook</a>
<a href="modifier_article.html" <a href="modifier_article.html"
class="btn btn-sm btn-outline-primary me-1">Modifier</a> class="btn btn-sm btn-outline-primary me-1">Modifier</a>
<button class="btn btn-sm btn-outline-danger delete-btn">Supprimer</button> <a href="index.php" class="btn btn-sm btn-outline-danger" role="button" data-bs-toggle="modal"
data-bs-target="#confirmDeleteModal">Supprimer</a>
</td> </td>
</tr> </tr>
</tbody> </tbody>
@@ -157,7 +153,35 @@
</div> </div>
</div> </div>
</main> </main>
<script src="../js/liste_categorie.js"></script> <footer class="bg-body-tertiary py-4 mt-auto">
<div class="container d-flex gap-3 flex-wrap">
<span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
<a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
<a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
</div>
</footer>
<div class="modal fade" id="confirmDeleteModal" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Confirmer la suppression</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
Êtes-vous sûr de vouloir supprimer cette catégorie ou cet article ? Cette action est irréversible.
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
<button type="button" class="btn btn-danger" id="confirmDeleteBtn"> Supprimer</button>
</div>
</div>
</div>
</div>
</div>
<script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script> <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="/js/confirmDelete.js"></script>
</body> </body>
</html>

132
blog/html/ajouter_article.html
View File

@@ -2,72 +2,61 @@
<html lang="fr"> <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>Ajouter un article</title> <title>Liste des vétos - L'Il'eau chiens - Admin</title>
<link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="/node_modules/bootstrap/dist/css/bootstrap.min.css"> <link rel="stylesheet" href="/node_modules/bs-icon/icons.css">
<link rel="stylesheet" href="/css/style.css"> <link rel="shortcut icon" href="/favicon.png" type="image/png">
<link rel="stylesheet" href="/css/style.css">
</head> </head>
<body> <body>
<header>
<nav class="navbar navbar-expand-xl bg-body-tertiary">
<div class="container-fluid align-items-center">
<a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link left-label" aria-current="page" href="#">Blog</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Boutique</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Prestations</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
<li class="nav-item"><a class="nav-link active left-label" href="#">Vétos</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Citations</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">À propos</a></li>
</ul>
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a>
</li>
<li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i> Voir le
site</a></li>
<li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-gear me-1"></i> Configuration</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="userMenu" role="button" data-bs-toggle="dropdown"
aria-expanded="false">
<i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span>
</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userMenu">
<li><a class="dropdown-item" href="#">Profil</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item" href="#">Sortir</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
</header>
<header> <main class="container mt-5">
<nav class="navbar navbar-expand-xl bg-body-tertiary shadow-sm">
<div class="container-fluid align-items-center">
<a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<!-- MENU GAUCHE -->
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link active" href="#">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="#">Boutique</a></li>
<li class="nav-item"><a class="nav-link" href="#">Prestations</a></li>
<li class="nav-item"><a class="nav-link" href="#">FAQ</a></li>
<li class="nav-item"><a class="nav-link" href="#">Vétos</a></li>
</ul>
<!-- MENU DROIT -->
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i> Voir le site</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="bi bi-gear me-1"></i> Configuration</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="userMenu" data-bs-toggle="dropdown">
<i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span>
</a>
<ul class="dropdown-menu dropdown-menu-end">
<li><a class="dropdown-item" href="#">Profil</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item" href="#">Sortir</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
</header>
<div class="container mt-5">
<h2 class="mb-5 text-center">Ajouter un article</h2> <h2 class="mb-5 text-center">Ajouter un article</h2>
<form id="ajouterArticleForm"> <form id="ajouterArticleForm">
@@ -94,6 +83,12 @@
required> required>
</div> </div>
<div class="mb-4">
<label class="form-label fw-bold" for="description">Description (obligatoire)</label>
<input type="text" id="description" class="form-control" placeholder="Entrez la description de l'article"
required>
</div>
<!-- Contenu --> <!-- Contenu -->
<div class="row mb-3"> <div class="row mb-3">
@@ -136,15 +131,22 @@
<button type="submit" class="btn btn-primary w-50">Ajouter</button> <button type="submit" class="btn btn-primary w-50">Ajouter</button>
</div> </div>
</form> </form>
</div> </main>
<footer class="bg-body-tertiary py-4 mt-auto">
<div class="container d-flex gap-3 flex-wrap">
<span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
<a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
<a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
</div>
</footer>
<script src="/js/imgLoad.js"></script>
<script src="../js/ajouter_article.js"></script>
<script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script> <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="/node_modules/tinymce/tinymce.min.js"></script> <script src="/node_modules/tinymce/tinymce.min.js"></script>
<script src="/node_modules/tinymce-i18n/langs8/fr-FR.js"></script> <script src="/node_modules/tinymce-i18n/langs8/fr-FR.js"></script>
<script src="/js/tinyMce.js"></script> <script src="/js/tinyMce.js"></script>
<script src="/js/previewImage.js"></script> <script src="/js/previewImage.js"></script>

115
blog/html/ajouter_categorie.html
View File

@@ -1,65 +1,60 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr"> <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>Ajouter une catégorie</title> <title>Liste des vétos - L'Il'eau chiens - Admin</title>
<link rel="stylesheet" href="/node_modules/bootstrap/dist/css/bootstrap.min.css"> <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/node_modules/bs-icon/icons.css">
<link rel="shortcut icon" href="/favicon.png" type="image/png">
<link rel="stylesheet" href="/css/style.css">
</head> </head>
<body> <body>
<header>
<header> <nav class="navbar navbar-expand-xl bg-body-tertiary">
<nav class="navbar navbar-expand-xl bg-body-tertiary shadow-sm"> <div class="container-fluid align-items-center">
<div class="container-fluid align-items-center"> <a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
<a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" <span class="navbar-toggler-icon"></span>
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" </button>
aria-expanded="false" aria-label="Toggle navigation"> <div class="collapse navbar-collapse" id="navbarSupportedContent">
<span class="navbar-toggler-icon"></span> <ul class="navbar-nav me-auto mb-2 mb-lg-0">
</button> <li class="nav-item"><a class="nav-link left-label" aria-current="page" href="#">Blog</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Boutique</a></li>
<div class="collapse navbar-collapse" id="navbarSupportedContent"> <li class="nav-item"><a class="nav-link left-label" href="#">Prestations</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
<!-- MENU GAUCHE --> <li class="nav-item"><a class="nav-link active left-label" href="#">Vétos</a></li>
<ul class="navbar-nav me-auto mb-2 mb-lg-0"> <li class="nav-item"><a class="nav-link left-label" href="#">Citations</a></li>
<li class="nav-item"><a class="nav-link active" href="#">Blog</a></li> <li class="nav-item"><a class="nav-link left-label" href="#">À propos</a></li>
<li class="nav-item"><a class="nav-link" href="#">Boutique</a></li> </ul>
<li class="nav-item"><a class="nav-link" href="#">Prestations</a></li> <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link" href="#">FAQ</a></li> <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a>
</li>
<li class="nav-item"><a class="nav-link" href="#">Vétos</a></li> <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i> Voir le
</ul> site</a></li>
<li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-gear me-1"></i> Configuration</a></li>
<!-- MENU DROIT --> <li class="nav-item dropdown">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0"> <a class="nav-link dropdown-toggle" href="#" id="userMenu" role="button" data-bs-toggle="dropdown"
<li class="nav-item"> aria-expanded="false">
<a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a> <i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span>
</li> </a>
<li class="nav-item"> <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userMenu">
<a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i> Voir le site</a> <li><a class="dropdown-item" href="#">Profil</a></li>
</li> <li>
<li class="nav-item"> <hr class="dropdown-divider">
<a class="nav-link" href="#"><i class="bi bi-gear me-1"></i> Configuration</a> </li>
</li> <li><a class="dropdown-item" href="#">Sortir</a></li>
</ul>
<li class="nav-item dropdown"> </li>
<a class="nav-link dropdown-toggle" href="#" id="userMenu" data-bs-toggle="dropdown"> </ul>
<i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span>
</a>
<ul class="dropdown-menu dropdown-menu-end">
<li><a class="dropdown-item" href="#">Profil</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#">Sortir</a></li>
</ul>
</li>
</ul>
</div>
</div> </div>
</div>
</nav> </nav>
</header> </header>
<div class="container"> <div class="container">
<h2 class="mb-5 text-center">Ajouter une catégorie</h2> <h2 class="mb-5 text-center">Ajouter une catégorie</h2>
@@ -94,8 +89,16 @@
</div> </div>
</form> </form>
</div> </div>
<footer class="bg-body-tertiary py-4 mt-auto">
<div class="container d-flex gap-3 flex-wrap">
<span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
<a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
<a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
</div>
</footer>
<script src="../js/ajouter_categorie.js"></script>
<script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script> <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="/node_modules/tinymce/tinymce.min.js"></script> <script src="/node_modules/tinymce/tinymce.min.js"></script>

118
blog/html/modifier_article.html
View File

@@ -1,65 +1,60 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr"> <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>Modifier un article</title> <title>Liste des vétos - L'Il'eau chiens - Admin</title>
<link rel="stylesheet" href="/node_modules/bootstrap/dist/css/bootstrap.min.css"> <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/node_modules/bs-icon/icons.css">
<link rel="shortcut icon" href="/favicon.png" type="image/png">
<link rel="stylesheet" href="/css/style.css">
</head> </head>
<body> <body>
<header> <header>
<nav class="navbar navbar-expand-xl bg-body-tertiary shadow-sm"> <nav class="navbar navbar-expand-xl bg-body-tertiary">
<div class="container-fluid align-items-center"> <div class="container-fluid align-items-center">
<a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a> <a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" <span class="navbar-toggler-icon"></span>
aria-expanded="false" aria-label="Toggle navigation"> </button>
<span class="navbar-toggler-icon"></span> <div class="collapse navbar-collapse" id="navbarSupportedContent">
</button> <ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link left-label" aria-current="page" href="#">Blog</a></li>
<div class="collapse navbar-collapse" id="navbarSupportedContent"> <li class="nav-item"><a class="nav-link left-label" href="#">Boutique</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Prestations</a></li>
<!-- MENU GAUCHE --> <li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
<ul class="navbar-nav me-auto mb-2 mb-lg-0"> <li class="nav-item"><a class="nav-link active left-label" href="#">Vétos</a></li>
<li class="nav-item"><a class="nav-link active" href="#">Blog</a></li> <li class="nav-item"><a class="nav-link left-label" href="#">Citations</a></li>
<li class="nav-item"><a class="nav-link" href="#">Boutique</a></li> <li class="nav-item"><a class="nav-link left-label" href="#">À propos</a></li>
<li class="nav-item"><a class="nav-link" href="#">Prestations</a></li> </ul>
<li class="nav-item"><a class="nav-link" href="#">FAQ</a></li> <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a>
<li class="nav-item"><a class="nav-link" href="#">Vétos</a></li> </li>
</ul> <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i> Voir le
site</a></li>
<!-- MENU DROIT --> <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-gear me-1"></i> Configuration</a></li>
<ul class="navbar-nav ms-auto mb-2 mb-lg-0"> <li class="nav-item dropdown">
<li class="nav-item"> <a class="nav-link dropdown-toggle" href="#" id="userMenu" role="button" data-bs-toggle="dropdown"
<a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a> aria-expanded="false">
</li> <i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span>
<li class="nav-item"> </a>
<a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i> Voir le site</a> <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userMenu">
</li> <li><a class="dropdown-item" href="#">Profil</a></li>
<li class="nav-item"> <li>
<a class="nav-link" href="#"><i class="bi bi-gear me-1"></i> Configuration</a> <hr class="dropdown-divider">
</li> </li>
<li><a class="dropdown-item" href="#">Sortir</a></li>
<li class="nav-item dropdown"> </ul>
<a class="nav-link dropdown-toggle" href="#" id="userMenu" data-bs-toggle="dropdown"> </li>
<i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span> </ul>
</a>
<ul class="dropdown-menu dropdown-menu-end">
<li><a class="dropdown-item" href="#">Profil</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#">Sortir</a></li>
</ul>
</li>
</ul>
</div>
</div> </div>
</div>
</nav> </nav>
</header> </header>
<div class="container"> <div class="container">
<h2 class="mb-4 text-center">Modifier un article</h2> <h2 class="mb-4 text-center">Modifier un article</h2>
@@ -72,6 +67,11 @@
<label class="form-label fw-bold">Titre (obligatoire)</label> <label class="form-label fw-bold">Titre (obligatoire)</label>
<input type="text" id="articleTitle" class="form-control" value="Les chats, ces réveils matin détraqués"> <input type="text" id="articleTitle" class="form-control" value="Les chats, ces réveils matin détraqués">
</div> </div>
<div class="mb-4">
<label class="form-label fw-bold" for="description">Description (obligatoire)</label>
<input type="text" id="description" class="form-control" value="la description de précédente"
required>
</div>
<div class="mb-4 categorie"> <div class="mb-4 categorie">
<label class="form-label fw-bold" for="categories">Catégorie (obligatoire)</label> <label class="form-label fw-bold" for="categories">Catégorie (obligatoire)</label>
@@ -123,8 +123,16 @@
</form> </form>
</div> </div>
<footer class="bg-body-tertiary py-4 mt-auto">
<div class="container d-flex gap-3 flex-wrap">
<span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
<a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
<a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
</div>
</footer>
<script src="../js/modifier_article.js"></script>
<script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script> <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="/node_modules/tinymce/tinymce.min.js"></script> <script src="/node_modules/tinymce/tinymce.min.js"></script>

120
blog/html/modifier_categorie.html
View File

@@ -2,71 +2,59 @@
<html lang="fr"> <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>Modifier une catégorie</title> <title>Liste des vétos - L'Il'eau chiens - Admin</title>
<link rel="stylesheet" href="/node_modules/bootstrap/dist/css/bootstrap.min.css"> <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/node_modules/bs-icon/icons.css">
<link rel="shortcut icon" href="/favicon.png" type="image/png">
<link rel="stylesheet" href="/css/style.css">
</head> </head>
<body> <body>
<header>
<!-- HEADER --> <nav class="navbar navbar-expand-xl bg-body-tertiary">
<header> <div class="container-fluid align-items-center">
<nav class="navbar navbar-expand-xl bg-body-tertiary shadow-sm"> <a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
<div class="container-fluid align-items-center"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
<a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a> aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" </button>
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" <div class="collapse navbar-collapse" id="navbarSupportedContent">
aria-expanded="false" aria-label="Toggle navigation"> <ul class="navbar-nav me-auto mb-2 mb-lg-0">
<span class="navbar-toggler-icon"></span> <li class="nav-item"><a class="nav-link left-label" aria-current="page" href="#">Blog</a></li>
</button> <li class="nav-item"><a class="nav-link left-label" href="#">Boutique</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Prestations</a></li>
<div class="collapse navbar-collapse" id="navbarSupportedContent"> <li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
<li class="nav-item"><a class="nav-link active left-label" href="#">Vétos</a></li>
<!-- MENU GAUCHE --> <li class="nav-item"><a class="nav-link left-label" href="#">Citations</a></li>
<ul class="navbar-nav me-auto mb-2 mb-lg-0"> <li class="nav-item"><a class="nav-link left-label" href="#">À propos</a></li>
<li class="nav-item"><a class="nav-link active" href="#">Blog</a></li> </ul>
<li class="nav-item"><a class="nav-link" href="#">Boutique</a></li> <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link" href="#">Prestations</a></li> <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a>
<li class="nav-item"><a class="nav-link" href="#">FAQ</a></li> </li>
<li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i> Voir le
<li class="nav-item"><a class="nav-link" href="#">Vétos</a></li> site</a></li>
</ul> <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-gear me-1"></i> Configuration</a></li>
<li class="nav-item dropdown">
<!-- MENU DROIT --> <a class="nav-link dropdown-toggle" href="#" id="userMenu" role="button" data-bs-toggle="dropdown"
<ul class="navbar-nav ms-auto mb-2 mb-lg-0"> aria-expanded="false">
<li class="nav-item"> <i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span>
<a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a> </a>
</li> <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userMenu">
<li class="nav-item"> <li><a class="dropdown-item" href="#">Profil</a></li>
<a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i> Voir le site</a> <li>
</li> <hr class="dropdown-divider">
<li class="nav-item"> </li>
<a class="nav-link" href="#"><i class="bi bi-gear me-1"></i> Configuration</a> <li><a class="dropdown-item" href="#">Sortir</a></li>
</li> </ul>
</li>
<li class="nav-item dropdown"> </ul>
<a class="nav-link dropdown-toggle" href="#" id="userMenu" data-bs-toggle="dropdown"> </div>
<i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span> </div>
</a> </nav>
<ul class="dropdown-menu dropdown-menu-end"> </header>
<li><a class="dropdown-item" href="#">Profil</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item" href="#">Sortir</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
</header>
<div class="container"> <div class="container">
<h2 class="mb-5 text-center">Modifier une catégorie</h2> <h2 class="mb-5 text-center">Modifier une catégorie</h2>
@@ -95,8 +83,16 @@
</form> </form>
</div> </div>
<footer class="bg-body-tertiary py-4 mt-auto">
<div class="container d-flex gap-3 flex-wrap">
<span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
<a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
<a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
</div>
</footer>
<script src="../js/modifier_categorie.js"></script>
<script src="../../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script> <script src="../../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="/node_modules/tinymce/tinymce.min.js"></script> <script src="/node_modules/tinymce/tinymce.min.js"></script>

14
citations/html/accueil.html → citations/html/citations_accueil.html
View File

@@ -6,10 +6,9 @@
<title>Citations - L'Il'eau chiens - Admin</title> <title>Citations - L'Il'eau chiens - Admin</title>
<link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="/node_modules/bs-icon/icons.css"> <link rel="stylesheet" href="/node_modules/bs-icon/icons.css">
<link rel="shortcut icon" href="favicon.png" type="image/png"> <link rel="shortcut icon" href="/favicon.png" type="image/png">
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/citations.css"> <link rel="stylesheet" href="/css/citations.css">
<link rel="shortcut icon" href="/favicon.png" type="image/png">
</head> </head>
<body> <body>
<header> <header>
@@ -27,6 +26,7 @@
<li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li> <li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Vétos</a></li> <li class="nav-item"><a class="nav-link left-label" href="#">Vétos</a></li>
<li class="nav-item"><a class="nav-link active left-label" href="#">Citations</a></li> <li class="nav-item"><a class="nav-link active left-label" href="#">Citations</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">À propos</a></li>
</ul> </ul>
<ul class="navbar-nav ms-auto mb-2 mb-lg-0"> <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a></li> <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a></li>
@@ -51,7 +51,7 @@
<main class="my-5 fs-6"> <main class="my-5 fs-6">
<div class="container"> <div class="container">
<header> <header>
<h1 class="title my-4 fs-2">Liste des citations</h1> <h1 class="title my-4 fs-2 text-center">Liste des citations</h1>
</header> </header>
<div class="content"> <div class="content">
<div class="ajouter"> <div class="ajouter">
@@ -144,6 +144,14 @@
</div> </div>
</div> </div>
</main> </main>
<footer class="bg-body-tertiary py-4 mt-auto">
<div class="container d-flex gap-3 flex-wrap">
<span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
<a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
<a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
</div>
</footer>
<div class="modal fade" id="confirmDeleteModal" tabindex="-1"> <div class="modal fade" id="confirmDeleteModal" tabindex="-1">

15
citations/html/ajouter.html → citations/html/citations_ajouter.html
View File

@@ -7,9 +7,9 @@
<title>Ajouter une citation - L'Il'eau chiens - Admin</title> <title>Ajouter une citation - L'Il'eau chiens - Admin</title>
<link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="/node_modules/bs-icon/icons.css"> <link rel="stylesheet" href="/node_modules/bs-icon/icons.css">
<link rel="shortcut icon" href="favicon.png" type="image/png">
<link rel="stylesheet" href="/css/style.css">
<link rel="shortcut icon" href="/favicon.png" type="image/png"> <link rel="shortcut icon" href="/favicon.png" type="image/png">
<link rel="stylesheet" href="/css/style.css">
</head> </head>
<body> <body>
@@ -30,6 +30,7 @@
<li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li> <li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Vétos</a></li> <li class="nav-item"><a class="nav-link left-label" href="#">Vétos</a></li>
<li class="nav-item"><a class="nav-link active left-label" href="#">Citations</a></li> <li class="nav-item"><a class="nav-link active left-label" href="#">Citations</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">À propos</a></li>
</ul> </ul>
<ul class="navbar-nav ms-auto mb-2 mb-lg-0"> <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message
@@ -59,7 +60,7 @@
<main class="my-5 fs-6"> <main class="my-5 fs-6">
<div class="container"> <div class="container">
<header> <header>
<h1 class="title my-4 fs-2">Ajouter une citation</h1> <h1 class="title my-4 fs-2 text-center">Ajouter une citation</h1>
</header> </header>
<div class="content"> <div class="content">
<form id="ajouterArticleForm"> <form id="ajouterArticleForm">
@@ -85,6 +86,14 @@
</div> </div>
</div> </div>
</main> </main>
<footer class="bg-body-tertiary py-4 mt-auto">
<div class="container d-flex gap-3 flex-wrap">
<span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
<a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
<a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
</div>
</footer>
<script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script> <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
</body> </body>

15
citations/html/modifier.html → citations/html/citations_modifier.html
View File

@@ -7,9 +7,9 @@
<title>Modifier une citation - L'Il'eau chiens - Admin</title> <title>Modifier une citation - L'Il'eau chiens - Admin</title>
<link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="/node_modules/bs-icon/icons.css"> <link rel="stylesheet" href="/node_modules/bs-icon/icons.css">
<link rel="shortcut icon" href="favicon.png" type="image/png">
<link rel="stylesheet" href="/css/style.css">
<link rel="shortcut icon" href="/favicon.png" type="image/png"> <link rel="shortcut icon" href="/favicon.png" type="image/png">
<link rel="stylesheet" href="/css/style.css">
</head> </head>
<body> <body>
@@ -30,6 +30,7 @@
<li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li> <li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Vétos</a></li> <li class="nav-item"><a class="nav-link left-label" href="#">Vétos</a></li>
<li class="nav-item"><a class="nav-link active left-label" href="#">Citations</a></li> <li class="nav-item"><a class="nav-link active left-label" href="#">Citations</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">À propos</a></li>
</ul> </ul>
<ul class="navbar-nav ms-auto mb-2 mb-lg-0"> <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message
@@ -59,7 +60,7 @@
<main class="my-5 fs-6"> <main class="my-5 fs-6">
<div class="container"> <div class="container">
<header> <header>
<h1 class="title my-4 fs-2">Modifier une citation</h1> <h1 class="title my-4 fs-2 text-center">Modifier une citation</h1>
</header> </header>
<div class="content"> <div class="content">
<form id="ajouterArticleForm"> <form id="ajouterArticleForm">
@@ -85,6 +86,14 @@
</div> </div>
</div> </div>
</main> </main>
<footer class="bg-body-tertiary py-4 mt-auto">
<div class="container d-flex gap-3 flex-wrap">
<span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
<a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
<a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
</div>
</footer>
<script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script> <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
</body> </body>

173
configuration/html/configuration.html Normal file
View File

@@ -0,0 +1,173 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Configuration - L'Il'eau chiens - Admin</title>
<link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="/node_modules/bs-icon/icons.css">
<link rel="shortcut icon" href="/favicon.png" type="image/png">
<link rel="stylesheet" href="/css/style.css">
</head>
<body>
<header>
<nav class="navbar navbar-expand-xl bg-body-tertiary">
<div class="container-fluid align-items-center">
<a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link left-label" aria-current="page" href="#">Blog</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Boutique</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Prestations</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Vétos</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Citations</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">À propos</a></li>
</ul>
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a>
</li>
<li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i> Voir le
site</a></li>
<li class="nav-item"><a class="nav-link active" href="#"><i class="bi bi-gear me-1"></i> Configuration</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="userMenu" role="button" data-bs-toggle="dropdown"
aria-expanded="false">
<i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span>
</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userMenu">
<li><a class="dropdown-item" href="#">Profil</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item" href="#">Sortir</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main class="my-5 fs-6">
<div class="container">
<header>
<h1 class="title my-4 fs-2 text-center">Configuration</h1>
</header>
<div class="content">
<form id="configForm">
<div class="validation my-4">
<button type="submit" class="btn btn-primary">Modifier</button>
</div>
<table class="table table-striped table-hover align-middle">
<thead class="table-dark">
<tr>
<th scope="col">Clé</th>
<th scope="col">Valeur</th>
</tr>
</thead>
<tbody>
<tr class="cfg-tel">
<td><label class="form-label fw-bold" for="tel">Téléphone</label></td>
<td><input type="tel" id="tel" class="form-control" value="06 12 34 56 78"></td>
</tr>
<tr class="cfg-mail">
<td><label class="form-label fw-bold" for="mail">Mail de contact</label></td>
<td><input type="email" id="mail" class="form-control" value="contact@example.com"></td>
</tr>
<tr class="cfg-adresse">
<td><label class="form-label fw-bold" for="adresse">Adresse</label></td>
<td><input type="text" id="adresse" class="form-control" value="12 rue des Lilas"></td>
</tr>
<tr class="cfg-code-postal">
<td><label class="form-label fw-bold" for="codePostal">Code postal</label></td>
<td><input type="text" id="codePostal" class="form-control" value="75001" pattern="\\d{5}"></td>
</tr>
<tr class="cfg-gps">
<td><label class="form-label fw-bold" for="gpsLat">Coordonnées GPS</label></td>
<td>
<div class="row g-2">
<div class="col-6">
<input type="text" id="gpsLat" class="form-control" value="Latitude (ex: 48.8566)" pattern="-?\d{1,2}\.\d+">
</div>
<div class="col-6">
<input type="text" id="gpsLng" class="form-control" value="Longitude (ex: 2.3522)" pattern="-?\d{1,3}\.\d+">
</div>
</div>
</td>
</tr>
<tr class="cfg-ville">
<td><label class="form-label fw-bold" for="ville">Ville</label></td>
<td><input type="text" id="ville" class="form-control" value="Paris"></td>
</tr>
<tr class="cfg-horaire-matin-debut">
<td><label class="form-label fw-bold" for="horaireMatinDebut">Horaires début matinée</label></td>
<td><input type="time" id="horaireMatinDebut" class="form-control" value="09:00"></td>
</tr>
<tr class="cfg-horaire-matin-fin">
<td><label class="form-label fw-bold" for="horaireMatinFin">Horaires fin matinée</label></td>
<td><input type="time" id="horaireMatinFin" class="form-control" value="12:00"></td>
</tr>
<tr class="cfg-horaire-aprem-debut">
<td><label class="form-label fw-bold" for="horaireApremDebut">Horaires début après-midi</label></td>
<td><input type="time" id="horaireApremDebut" class="form-control" value="14:00"></td>
</tr>
<tr class="cfg-horaire-aprem-fin">
<td><label class="form-label fw-bold" for="horaireApremFin">Horaires fin après-midi</label></td>
<td><input type="time" id="horaireApremFin" class="form-control" value="18:00"></td>
</tr>
<tr class="cfg-jours-ouverts">
<td><label class="form-label fw-bold" for="joursOuverts">Jours ouverts</label></td>
<td>
<select id="joursOuverts" class="form-select" multiple size="5">
<option value="lundi">Lundi</option>
<option value="mardi">Mardi</option>
<option value="mercredi">Mercredi</option>
<option value="jeudi">Jeudi</option>
<option value="vendredi">Vendredi</option>
<option value="samedi">Samedi</option>
<option value="dimanche">Dimanche</option>
</select>
<small class="text-muted">Maintenez Ctrl (Cmd sur Mac) pour sélectionner plusieurs jours.</small>
</td>
</tr>
<tr class="cfg-facebook">
<td><label class="form-label fw-bold" for="pageFacebook">Page Facebook</label></td>
<td><input type="url" id="pageFacebook" class="form-control" value="https://www.facebook.com/votrepage"></td>
</tr>
<tr class="cfg-siret">
<td><label class="form-label fw-bold" for="siret">SIRET</label></td>
<td><input type="text" id="siret" class="form-control" value="123 456 789 00012" pattern="\d{3}\s?\d{3}\s?\d{3}\s?\d{5}"></td>
</tr>
</tbody>
</table>
<div class="validation">
<button type="submit" class="btn btn-primary">Modifier</button>
</div>
</form>
</div>
</div>
</main>
<footer class="bg-body-tertiary py-4 mt-auto">
<div class="container d-flex gap-3 flex-wrap">
<span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
<a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
<a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
</div>
</footer>
<script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>

145
connexion/html/reinitialisation_mot_de_passe.html
View File

@@ -1,100 +1,77 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Réinitialisation du mot de passe</title>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
/>
<style> <head>
body { <meta charset="UTF-8" />
background: #f4f6f981; <meta name="viewport" content="width=device-width, initial-scale=1.0" />
height: 100vh; <title>Réinitialisation du mot de passe</title>
display: flex; <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
justify-content: center; <link rel="shortcut icon" href="/favicon.png" type="image/png">
align-items: center;
}
.reset-password-card {
width: 100%;
max-width: 380px;
}
</style>
</head>
<body>
<div class="card shadow reset-password-card">
<div class="card-body p-4">
<h1 class="text-center mb-4 fs-3">Nouveau mot de passe</h1>
<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.
</p> <style>
body {
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
<div .reset-password-card {
id="errorMsg" width: 100%;
class="alert alert-danger text-center fs-1" max-width: 380px;
style="display: none" }
> </style>
Les mots de passe ne correspondent pas. </head>
</div>
<form id="resetForm"> <body>
<div class="mb-4">
<label class="form-label"
>Nouveau mot de passe (minimum 8 caractères)</label
>
<input
type="password"
class="form-control"
id="password"
required
/>
<small id="passwordIndicator" class="fw-bold"></small>
</div>
<div class="mb-3"> <div class="card shadow reset-password-card">
<label class="form-label" <div class="card-body p-4">
>Confirmer le mot de passe</label <h1 class="text-center mb-4 fs-3">Nouveau mot de passe</h1>
> <p class="text text-muted mb-4">
<input Pour réinitialiser votre mot de passe, veuillez saisir un nouveau mot
type="password" de passe ainsi qu'une confirmation.
class="form-control"
id="confirmPassword" </p>
required
/>
<label for="showPassword" class="mt-3">
<form id="password-form">
<main>
<div class="mb-4">
<label class="form-label">Nouveau mot de passe <br><span class="small"><span id="min8">8 caractères minimum</span>, incluant une <span id="uppercase">majuscule</span>, une <span id="lowercase">minuscule</span> et un <span id="digit">chiffre</span></span></label>
<input type="password" class="form-control" id="password" required />
</div>
<div class="mb-2">
<label class="form-label">Confirmer le mot de passe</label>
<input type="password" class="form-control" id="passwordConfirm" required />
</div>
<div class="mb-3">
<label for="showPassword" class="mt-3">
<input type="checkbox" id="showPassword" /> <input type="checkbox" id="showPassword" />
Voir le mot de passe Voir le mot de passe
</label> </label>
</div> </div>
<div
id="successMsg"
class="alert alert-success text-center"
style="display: none"
>
Votre mot de passe a été modifié avec succès !
</div>
<button class="btn btn-primary w-100" type="submit">
Changer le mot de passe <button class="btn btn-primary w-100" type="submit">
</button> Changer le mot de passe
<div class="text-center mt-3"> </button>
<a <div class="text-center mt-3">
href="../html/page_de_connexion.html" <a href="../html/page_de_connexion.html" class="text-decoration-none">Retour à la connexion</a>
class="text-decoration-none" </form>
>Retour à la connexion</a </main>
</form> </div>
</div>
</div> </div>
<script src="../js/reinitialisation_du_mot_de_passe.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script> <script src="/js/password.js"></script>
</body> </body>
</html> </html>

4
connexion/js/reinitialisation_du_mot_de_passe.js
View File

@@ -40,7 +40,7 @@ form.addEventListener('submit', function(e) {
if (pass.length < minLength) { if (pass.length < minLength) {
errorMsg.style.display = 'block'; errorMsg.style.display = 'block';
errorMsg.textContent = `Le mot de passe doit contenir au moins ${minLength} caractères.`; errorMsg.textContent = `Le mot de passe doit contenir au moins ${minLength} caractères.`;
return; return;8 caractères minimum
} }
//Correspondance //Correspondance
@@ -61,7 +61,7 @@ form.addEventListener('submit', function(e) {
showPasswordCheckbox.addEventListener('change', function() { showPasswordCheckbox.addEventListener('change', function() {
if (this.checked) { if (this.checked) {8 caractères minimum
password.type = 'text'; password.type = 'text';
confirmPassword.type = 'text'; confirmPassword.type = 'text';

5
css/style.css
View File

@@ -15,7 +15,12 @@ a.nav-link {
.brand-sep { .brand-sep {
height: .8rem; height: .8rem;
} }
@media (max-width: 1320px) AND (min-width: 1200px) {
.navbar .nav-link {
font-size: .85rem !important;
}
}
@media (max-width: 1199.98px) { @media (max-width: 1199.98px) {
.navbar .nav-item { .navbar .nav-item {

14
faq/accueil.html → faq/faq_accueil.html
View File

@@ -29,6 +29,7 @@
<li class="nav-item"><a class="nav-link active left-label" href="#">FAQ</a></li> <li class="nav-item"><a class="nav-link active left-label" href="#">FAQ</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Vétos</a></li> <li class="nav-item"><a class="nav-link left-label" href="#">Vétos</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Citations</a></li> <li class="nav-item"><a class="nav-link left-label" href="#">Citations</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">À propos</a></li>
</ul> </ul>
<ul class="navbar-nav ms-auto mb-2 mb-lg-0"> <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a> <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a>
@@ -58,7 +59,7 @@
<main class="my-5 fs-6"> <main class="my-5 fs-6">
<div class="container"> <div class="container">
<header> <header>
<h1 class="title my-4 fs-2">Liste des FAQ</h1> <h1 class="title my-4 fs-2 text-center">Liste des FAQ</h1>
</header> </header>
<div class="content"> <div class="content">
@@ -140,6 +141,14 @@
</div> </div>
</div> </div>
</main> </main>
<footer class="bg-body-tertiary py-4 mt-auto">
<div class="container d-flex gap-3 flex-wrap">
<span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
<a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
<a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
</div>
</footer>
<div class="modal fade" id="confirmDeleteModal" tabindex="-1"> <div class="modal fade" id="confirmDeleteModal" tabindex="-1">
@@ -158,6 +167,9 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script> <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>

15
faq/ajouter_question.html → faq/faq_ajouter_question.html
View File

@@ -31,6 +31,7 @@
<li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li> <li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Vétos</a></li> <li class="nav-item"><a class="nav-link left-label" href="#">Vétos</a></li>
<li class="nav-item"><a class="nav-link active left-label" href="#">Citations</a></li> <li class="nav-item"><a class="nav-link active left-label" href="#">Citations</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">À propos</a></li>
</ul> </ul>
<ul class="navbar-nav ms-auto mb-2 mb-lg-0"> <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message
@@ -60,7 +61,7 @@
<main class="my-5 fs-6"> <main class="my-5 fs-6">
<div class="container"> <div class="container">
<header> <header>
<h1 class="title my-4 fs-2">Ajouter une question</h1> <h1 class="title my-4 fs-2 text-center">Ajouter une question</h1>
</header> </header>
<div class="content"> <div class="content">
<form> <form>
@@ -91,10 +92,20 @@
</div> </div>
</div> </div>
</main> </main>
<footer class="bg-body-tertiary py-4 mt-auto">
<div class="container d-flex gap-3 flex-wrap">
<span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
<a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
<a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
</div>
</footer>
<script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script> <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="/node_modules/tinymce/tinymce.min.js"></script> <script src="/node_modules/tinymce/tinymce.min.js"></script>
<script src="/node_modules/tinymce-i18n/langs8/fr-FR.js"></script> <script src="/node_modules/tinymce-i18n/langs8/fr-FR.js"></script>
<script src="/js/tinyMce.js"></script> <script src="/js/tinyMce.js"></script>
</body> </body>

13
faq/ajouter_theme.html → faq/faq_ajouter_theme.html
View File

@@ -29,6 +29,7 @@
<li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li> <li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Vétos</a></li> <li class="nav-item"><a class="nav-link left-label" href="#">Vétos</a></li>
<li class="nav-item"><a class="nav-link active left-label" href="#">Citations</a></li> <li class="nav-item"><a class="nav-link active left-label" href="#">Citations</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">À propos</a></li>
</ul> </ul>
<ul class="navbar-nav ms-auto mb-2 mb-lg-0"> <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message
@@ -58,7 +59,7 @@
<main class="my-5 fs-6"> <main class="my-5 fs-6">
<div class="container"> <div class="container">
<header> <header>
<h1 class="title my-4 fs-2">Ajouter un thème de question</h1> <h1 class="title my-4 fs-2 text-center">Ajouter un thème de question</h1>
</header> </header>
<div class="content"> <div class="content">
<form> <form>
@@ -75,6 +76,16 @@
</div> </div>
</div> </div>
</main> </main>
<footer class="bg-body-tertiary py-4 mt-auto">
<div class="container d-flex gap-3 flex-wrap">
<span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
<a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
<a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
</div>
</footer>
<script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script> <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="/js/contentReduct.js"></script> <script src="/js/contentReduct.js"></script>
</body> </body>

14
faq/modifier_question.html → faq/faq_modifier_question.html
View File

@@ -29,6 +29,7 @@
<li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li> <li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Vétos</a></li> <li class="nav-item"><a class="nav-link left-label" href="#">Vétos</a></li>
<li class="nav-item"><a class="nav-link active left-label" href="#">Citations</a></li> <li class="nav-item"><a class="nav-link active left-label" href="#">Citations</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">À propos</a></li>
</ul> </ul>
<ul class="navbar-nav ms-auto mb-2 mb-lg-0"> <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message
@@ -58,7 +59,7 @@
<main class="my-5 fs-6"> <main class="my-5 fs-6">
<div class="container"> <div class="container">
<header> <header>
<h1 class="title my-4 fs-2">Modifier une question</h1> <h1 class="title my-4 fs-2 text-center">Modifier une question</h1>
</header> </header>
<div class="content"> <div class="content">
<form> <form>
@@ -90,8 +91,17 @@
</div> </div>
</div> </div>
</main> </main>
<footer class="bg-body-tertiary py-4 mt-auto">
<div class="container d-flex gap-3 flex-wrap">
<span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
<a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
<a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
</div>
</footer>
<script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script> <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="/js/contentReduct.js"></script>
<script src="/node_modules/tinymce/tinymce.min.js"></script> <script src="/node_modules/tinymce/tinymce.min.js"></script>
<script src="/node_modules/tinymce-i18n/langs8/fr-FR.js"></script> <script src="/node_modules/tinymce-i18n/langs8/fr-FR.js"></script>
<script src="/js/tinyMce.js"></script> <script src="/js/tinyMce.js"></script>

15
faq/modifier_theme.html → faq/faq_modifier_theme.html
View File

@@ -29,6 +29,7 @@
<li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li> <li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Vétos</a></li> <li class="nav-item"><a class="nav-link left-label" href="#">Vétos</a></li>
<li class="nav-item"><a class="nav-link active left-label" href="#">Citations</a></li> <li class="nav-item"><a class="nav-link active left-label" href="#">Citations</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">À propos</a></li>
</ul> </ul>
<ul class="navbar-nav ms-auto mb-2 mb-lg-0"> <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message
@@ -58,7 +59,7 @@
<main class="my-5 fs-6"> <main class="my-5 fs-6">
<div class="container"> <div class="container">
<header> <header>
<h1 class="title my-4 fs-2">Modifier un thème de question</h1> <h1 class="title my-4 fs-2 text-center">Modifier un thème de question</h1>
</header> </header>
<div class="content"> <div class="content">
<form> <form>
@@ -75,8 +76,18 @@
</div> </div>
</div> </div>
</main> </main>
<footer class="bg-body-tertiary py-4 mt-auto">
<div class="container d-flex gap-3 flex-wrap">
<span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
<a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
<a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
</div>
</footer>
<script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script> <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="/js/contentReduct.js"></script>
</body> </body>
</html> </html>

99
js/password.js Normal file
View File

@@ -0,0 +1,99 @@
/**
* Verification et gestion du mot de passe lors de la réinitialisation
*/
const PASSWORD_LENGTH = 8;
const PASSWORD_CONTENT = ['[A-Z]', '[a-z]', '[0-9]'];
const passwordElt = document.getElementById('password');
const confirmPasswordElt = document.getElementById('passwordConfirm');
const min8Elt = document.getElementById('min8');
const uppercaseElt = document.getElementById('uppercase');
const lowercaseElt = document.getElementById('lowercase');
const digitElt = document.getElementById('digit');
const specialElt = document.getElementById('special');
//Pattern du mot de passe
passwordElt.addEventListener('input', function() {
const password = passwordElt.value;
// Vérification de la longueur
if (password.length >= PASSWORD_LENGTH) {
min8Elt.style.color = 'green';
} else {
min8Elt.style.color = 'red';
}
// Vérification du contenu
PASSWORD_CONTENT.forEach((pattern, index) => {
const regex = new RegExp(pattern);
const element = [uppercaseElt, lowercaseElt, digitElt, specialElt][index];
if (regex.test(password)) {
element.style.color = 'green';
} else {
element.style.color = 'red';
}
});
});
// Vérification de la confirmation du mot de passe
confirmPasswordElt.addEventListener('input', function() {
const password = passwordElt.value;
const confirmPassword = confirmPasswordElt.value;
if (password === confirmPassword) {
confirmPasswordElt.style.borderColor = 'green';
} else {
confirmPasswordElt.style.borderColor = 'red';
}
});
// Afficher ou masquer le mot de passe
const showPasswordElt = document.getElementById('showPassword');
showPasswordElt.addEventListener('change', function() {
if (showPasswordElt.checked) {
passwordElt.type = 'text';
confirmPasswordElt.type = 'text';
} else {
passwordElt.type = 'password';
confirmPasswordElt.type = 'password';
}
});
// Gestion de la soumission du formulaire
const passwordForm = document.getElementById('password-form');
passwordForm.addEventListener('submit', function(event) {
const password = passwordElt.value;
const confirmPassword = confirmPasswordElt.value;
// Empêcher la soumission si les critères ne sont pas remplis
if (password.length < PASSWORD_LENGTH ||
!/[A-Z]/.test(password) ||
!/[a-z]/.test(password) ||
!/[0-9]/.test(password) ||
password !== confirmPassword) {
event.preventDefault();
const main = document.querySelector('main');
const existingAlert = main.querySelector('#password-alert');
if (existingAlert) {
existingAlert.remove();
}
const alertElt = document.createElement('div');
alertElt.id = 'password-alert';
alertElt.className = 'alert alert-danger text-center';
alertElt.textContent = "Le mot de passe ne respecte pas les critères requis ou la confirmation ne correspond pas.";
main.prepend(alertElt);
window.scrollTo(0, 0);
}
});

108
messageActu/html/messageActu_accueil.html Normal file
View File

@@ -0,0 +1,108 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Message d'actualités - L'Il'eau chiens - Admin</title>
<link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="/node_modules/bs-icon/icons.css">
<link rel="shortcut icon" href="/favicon.png" type="image/png">
<link rel="stylesheet" href="/css/style.css">
</head>
<body>
<header>
<nav class="navbar navbar-expand-xl bg-body-tertiary">
<div class="container-fluid align-items-center">
<a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link left-label" aria-current="page" href="#">Blog</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Boutique</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Prestations</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Vétos</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Citations</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">À propos</a></li>
</ul>
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link active" href="#"><i class="bi bi-megaphone me-1"></i> Message
d'actu</a>
</li>
<li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i> Voir le
site</a></li>
<li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-gear me-1"></i> Configuration</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="userMenu" role="button" data-bs-toggle="dropdown"
aria-expanded="false">
<i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span>
</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userMenu">
<li><a class="dropdown-item" href="#">Profil</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item" href="#">Sortir</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main class="my-5 fs-6">
<div class="container">
<header>
<h1 class="title my-4 fs-2 text-center">Message d'actualités</h1>
</header>
<div class="Intro">
<p>Gérez ici le message d'actualités qui s'affiche en haut du site public. Vous pouvez activer ou désactiver
l'affichage du message ainsi que modifier son contenu.</p>
</div>
<div class="content mt-4">
<form id="messageActuForm">
<div class="mb-3">
<label for="contenuMessageActu" class="form-label fw-bold">Contenu du message d'actualités</label>
<textarea class="form-control" id="contenuMessageActu" rows="3"
required>Bienvenue sur le site de L'Il'eau chiens ! Profitez de nos offres spéciales du mois.</textarea>
</div>
<div class="mb-3 form-check">
<input type="checkbox" class="form-check-input" id="activerMessageActu" checked>
<label class="form-check-label" for="activerMessageActu">Activer le message d'actualités</label>
</div>
<div class="validation">
<button type="submit" class="btn btn-primary">Enregistrer les modifications</button>
</div>
</form>
</div>
</div>
</main>
<footer class="bg-body-tertiary py-4 mt-auto">
<div class="container d-flex gap-3 flex-wrap">
<span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
<a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
<a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
</div>
</footer>
<script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="/node_modules/tinymce/tinymce.min.js"></script>
<script src="/node_modules/tinymce-i18n/langs8/fr-FR.js"></script>
<script src="/js/tinyMce.js"></script>
</body>
</html>

15
package-lock.json generated
View File

@@ -19,7 +19,6 @@
"version": "2.11.8", "version": "2.11.8",
"resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz", "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
"integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==", "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
"license": "MIT",
"peer": true, "peer": true,
"funding": { "funding": {
"type": "opencollective", "type": "opencollective",
@@ -40,7 +39,6 @@
"url": "https://opencollective.com/bootstrap" "url": "https://opencollective.com/bootstrap"
} }
], ],
"license": "MIT",
"peerDependencies": { "peerDependencies": {
"@popperjs/core": "^2.11.8" "@popperjs/core": "^2.11.8"
} }
@@ -58,7 +56,6 @@
"version": "19.2.1", "version": "19.2.1",
"resolved": "https://registry.npmjs.org/react/-/react-19.2.1.tgz", "resolved": "https://registry.npmjs.org/react/-/react-19.2.1.tgz",
"integrity": "sha512-DGrYcCWK7tvYMnWh79yrPHt+vdx9tY+1gPZa7nJQtO/p8bLTDaHp4dzwEhQB7pZ4Xe3ok4XKuEPrVuc+wlpkmw==", "integrity": "sha512-DGrYcCWK7tvYMnWh79yrPHt+vdx9tY+1gPZa7nJQtO/p8bLTDaHp4dzwEhQB7pZ4Xe3ok4XKuEPrVuc+wlpkmw==",
"license": "MIT",
"peer": true, "peer": true,
"engines": { "engines": {
"node": ">=0.10.0" "node": ">=0.10.0"
@@ -68,7 +65,6 @@
"version": "19.2.1", "version": "19.2.1",
"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.1.tgz", "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.1.tgz",
"integrity": "sha512-ibrK8llX2a4eOskq1mXKu/TGZj9qzomO+sNfO98M6d9zIPOEhlBkMkBUBLd1vgS0gQsLDBzA+8jJBVXDnfHmJg==", "integrity": "sha512-ibrK8llX2a4eOskq1mXKu/TGZj9qzomO+sNfO98M6d9zIPOEhlBkMkBUBLd1vgS0gQsLDBzA+8jJBVXDnfHmJg==",
"license": "MIT",
"peer": true, "peer": true,
"dependencies": { "dependencies": {
"scheduler": "^0.27.0" "scheduler": "^0.27.0"
@@ -81,20 +77,17 @@
"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==",
"license": "MIT",
"peer": true "peer": true
}, },
"node_modules/tinymce": { "node_modules/tinymce": {
"version": "8.3.0", "version": "8.2.2",
"resolved": "https://registry.npmjs.org/tinymce/-/tinymce-8.3.0.tgz", "resolved": "https://registry.npmjs.org/tinymce/-/tinymce-8.2.2.tgz",
"integrity": "sha512-9IjrEo8HD5mg9QP6/rKcPSIcyRNVSf5eiYTqapb/q1zAIoISRJgI2DJUs4CJgZvio0hmEH394xSHUJuoGf4Msw==", "integrity": "sha512-CFDSZwciMvFGW2czK/Xig1HcOGpXI0qcQMIqaIcG2F4RuuTdf+LQTreyEZunAJoFTQ9L0KAugOqL7OA5TJkoAA=="
"license": "SEE LICENSE IN license.md"
}, },
"node_modules/tinymce-i18n": { "node_modules/tinymce-i18n": {
"version": "25.11.17", "version": "25.11.17",
"resolved": "https://registry.npmjs.org/tinymce-i18n/-/tinymce-i18n-25.11.17.tgz", "resolved": "https://registry.npmjs.org/tinymce-i18n/-/tinymce-i18n-25.11.17.tgz",
"integrity": "sha512-Fi5hGRDL9o42VsdahgNgHRHO/4ClAAqIew45QMu8sa5LQT2wTaVPf/tAXnVDHxR7c6NWZQmZp/E18LosxLq42A==", "integrity": "sha512-Fi5hGRDL9o42VsdahgNgHRHO/4ClAAqIew45QMu8sa5LQT2wTaVPf/tAXnVDHxR7c6NWZQmZp/E18LosxLq42A=="
"license": "MIT"
} }
} }
} }

54
pages.html Normal file
View File

@@ -0,0 +1,54 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Liste des pages</title>
<link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
<link rel="shortcut icon" href="/favicon.png" type="image/png" />
<link rel="stylesheet" href="/css/style.css" />
<style>
.pages-grid { columns: 3 320px; column-gap: 1.5rem; }
.pages-grid a { display: inline-block; margin: .25rem 0; }
</style>
</head>
<body>
<main class="container my-4">
<h1 class="fs-2 text-center mb-4">Menu des pages HTML</h1>
<ol class="pages-grid">
<li><a href="/pagesText/mentionsLegales.html">pagesText/mentionsLegales.html</a></li>
<li><a href="/pagesText/cgv.html">pagesText/cgv.html</a></li>
<li><a href="/configuration/html/configuration.html">configuration/html/configuration.html</a></li>
<li><a href="/messageActu/html/messageActu_accueil.html">messageActu/html/messageActu_accueil.html</a></li>
<li><a href="/connexion/html/page_de_connexion.html">connexion/html/page_de_connexion.html</a></li>
<li><a href="/connexion/html/mot_de_passe_oublie.html">connexion/html/mot_de_passe_oublie.html</a></li>
<li><a href="/connexion/html/reinitialisation_mot_de_passe.html">connexion/html/reinitialisation_mot_de_passe.html</a></li>
<li><a href="/blog/html/accueil_blog.html">blog/html/accueil_blog.html</a></li>
<li><a href="/blog/html/ajouter_article.html">blog/html/ajouter_article.html</a></li>
<li><a href="/blog/html/modifier_article.html">blog/html/modifier_article.html</a></li>
<li><a href="/blog/html/ajouter_categorie.html">blog/html/ajouter_categorie.html</a></li>
<li><a href="/blog/html/modifier_categorie.html">blog/html/modifier_categorie.html</a></li>
<li><a href="/faq/faq_accueil.html">faq/faq_accueil.html</a></li>
<li><a href="/faq/faq_ajouter_question.html">faq/faq_ajouter_question.html</a></li>
<li><a href="/faq/faq_modifier_question.html">faq/faq_modifier_question.html</a></li>
<li><a href="/faq/faq_ajouter_theme.html">faq/faq_ajouter_theme.html</a></li>
<li><a href="/faq/faq_modifier_theme.html">faq/faq_modifier_theme.html</a></li>
<li><a href="/citations/html/citations_accueil.html">citations/html/citations_accueil.html</a></li>
<li><a href="/citations/html/citations_ajouter.html">citations/html/citations_ajouter.html</a></li>
<li><a href="/citations/html/citations_modifier.html">citations/html/citations_modifier.html</a></li>
<li><a href="/Veto/html/veto_accueil.html">Veto/html/veto_accueil.html</a></li>
<li><a href="/Veto/html/ajouter_veterinaire.html">Veto/html/ajouter_veterinaire.html</a></li>
<li><a href="/Veto/html/modifier_veterinaire.html">Veto/html/modifier_veterinaire.html</a></li>
<li><a href="/prestations/html/prestation_accueil.html">prestations/html/prestation_accueil.html</a></li>
<li><a href="/prestations/html/ajouter_prestation.html">prestations/html/ajouter_prestation.html</a></li>
<li><a href="/prestations/html/modifier_prestation.html">prestations/html/modifier_prestation.html</a></li>
<li><a href="/prestations/html/ajouter_slider.html">prestations/html/ajouter_slider.html</a></li>
<li><a href="/prestations/html/modifier_slider.html">prestations/html/modifier_slider.html</a></li>
<li><a href="/prestations/html/ajouter_avant_apres.html">prestations/html/ajouter_avant_apres.html</a></li>
<li><a href="/prestations/html/modifier_avant_apres.html">prestations/html/modifier_avant_apres.html</a></li>
</ol>
</main>
<script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>

98
pagesText/cgv.html Normal file
View File

@@ -0,0 +1,98 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Conditions générales de vente - L'Il'eau chiens - Admin</title>
<link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="/node_modules/bs-icon/icons.css">
<link rel="shortcut icon" href="/favicon.png" type="image/png">
<link rel="stylesheet" href="/css/style.css">
</head>
<body>
<header>
<nav class="navbar navbar-expand-xl bg-body-tertiary">
<div class="container-fluid align-items-center">
<a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link left-label" aria-current="page" href="#">Blog</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Boutique</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Prestations</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Vétos</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Citations</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">À propos</a></li>
</ul>
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message
d'actu</a>
</li>
<li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i>
Voir le
site</a></li>
<li class="nav-item"><a class="nav-link active" href="#"><i class="bi bi-gear me-1"></i>
Configuration</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="userMenu" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
<i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span>
</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userMenu">
<li><a class="dropdown-item" href="#">Profil</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item" href="#">Sortir</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main class="my-5 fs-6">
<div class="container">
<header>
<h1 class="title my-4 fs-2 text-center">Conditions générales de vente</h1>
</header>
<div class="content">
<form action="" class="mb-5">
<div class="mb-4">
<label for="conditionsGeneralesDeVente" class="form-label">Contenu des conditions générales de vente</label>
<textarea class="form-control" id="conditionsGeneralesDeVente" rows="15"></textarea>
</div>
<div class="d-flex justify-content-start mb-4">
<button type="submit" class="btn btn-primary">Enregistrer les modifications</button>
</div>
</form>
</div>
</div>
</main>
<footer class="bg-body-tertiary py-4 mt-auto">
<div class="container d-flex gap-3 flex-wrap">
<span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
<a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
<a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
</div>
</footer>
<script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="/node_modules/tinymce/tinymce.min.js"></script>
<script src="/node_modules/tinymce-i18n/langs8/fr-FR.js"></script>
<script src="/js/tinyMce.js"></script>
</body>
</html>

99
pagesText/mentionsLegales.html Normal file
View File

@@ -0,0 +1,99 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mentions légales - L'Il'eau chiens - Admin</title>
<link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="/node_modules/bs-icon/icons.css">
<link rel="shortcut icon" href="/favicon.png" type="image/png">
<link rel="stylesheet" href="/css/style.css">
</head>
<body>
<header>
<nav class="navbar navbar-expand-xl bg-body-tertiary">
<div class="container-fluid align-items-center">
<a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link left-label" aria-current="page" href="#">Blog</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Boutique</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Prestations</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Vétos</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Citations</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">À propos</a></li>
</ul>
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message
d'actu</a>
</li>
<li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i>
Voir le
site</a></li>
<li class="nav-item"><a class="nav-link active" href="#"><i class="bi bi-gear me-1"></i>
Configuration</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="userMenu" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
<i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span>
</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userMenu">
<li><a class="dropdown-item" href="#">Profil</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item" href="#">Sortir</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main class="my-5 fs-6">
<div class="container">
<header>
<h1 class="title my-4 fs-2 text-center">Mentions légales</h1>
</header>
<div class="content">
<form action="" class="mb-5">
<div class="mb-4">
<label for="mentionsLegales" class="form-label">Contenu des mentions légales</label>
<textarea class="form-control" id="mentionsLegales" rows="15"></textarea>
</div>
<div class="d-flex justify-content-start mb-4">
<button type="submit" class="btn btn-primary">Enregistrer les modifications</button>
</div>
</form>
</div>
</div>
</main>
<footer class="bg-body-tertiary py-4 mt-auto">
<div class="container d-flex gap-3 flex-wrap">
<span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
<a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
<a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
</div>
</footer>
<script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="/node_modules/tinymce/tinymce.min.js"></script>
<script src="/node_modules/tinymce-i18n/langs8/fr-FR.js"></script>
<script src="/js/tinyMce.js"></script>
</body>
</html>

25
prestations/components/html/delete-composant.html
View File

@@ -1,25 +0,0 @@
<!-- Modale de suppression -->
<div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="deleteModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h2 class="modal-title fs-5" id="deleteModalLabel">Confirmer la suppression</h2>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
</div>
<div class="modal-body">
Voulez-vous vraiment supprimer <strong id="itemName">cet élément</strong> ?
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
<button type="button" class="btn btn-danger" id="confirmDeleteBtn">Supprimer</button>
</div>
</div>
</div>
</div>

42
prestations/components/js/delete-composant.js
View File

@@ -1,42 +0,0 @@
// Injection du modal
fetch("../components/html/delete-composant.html")
.then(res => {
if (!res.ok) throw new Error("Modal HTML introuvable");
return res.text();
})
.then(html => {
document.getElementById("modal-placeholder").innerHTML = html;
initDeleteModalLogic();
})
.catch(err => console.error(err));
// Logique du modal
function initDeleteModalLogic() {
let rowToDelete = null;
const modalElement = document.getElementById("deleteModal");
const itemNameSpan = document.getElementById("itemName");
const confirmBtn = document.getElementById("confirmDeleteBtn");
const deleteModal = new bootstrap.Modal(modalElement);
document.body.addEventListener("click", (event) => {
const button = event.target.closest(".delete-btn");
if (!button) return;
rowToDelete = button.closest("tr");
const firstCell = rowToDelete.querySelector("td");
const itemName = firstCell ? firstCell.textContent.trim() : "cet élément";
itemNameSpan.textContent = itemName;
deleteModal.show();
});
confirmBtn.addEventListener("click", () => {
if (rowToDelete) rowToDelete.remove();
rowToDelete = null;
deleteModal.hide();
});
}

5
prestations/components/js/header-composant.js
View File

@@ -1,5 +0,0 @@
fetch("../components/html/header-composant.html")
.then(response => response.text())
.then(data => {
document.getElementById("header-placeholder").innerHTML = data;
});

2
prestations/html/ajouter_avant_apres.html
View File

@@ -21,7 +21,7 @@
<main class="my-5 fs-6"> <main class="my-5 fs-6">
<div class="container"> <div class="container">
<header> <header>
<h1 class="title fs-2">Ajouter un résultat en images (Avant / Après)</h1> <h1 class="title fs-2 text-center">Ajouter un résultat en images (Avant / Après)</h1>
<!-- Message succès --> <!-- Message succès -->
<div id="successMsg" class="alert alert-success d-none"> <div id="successMsg" class="alert alert-success d-none">
Nouveau résultat ajouté avec succès ! Nouveau résultat ajouté avec succès !

235
prestations/html/ajouter_prestation.html
View File

@@ -3,115 +3,156 @@
<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>Ajouter une prestation</title>
<link rel="stylesheet" href="/css/prestation.css">
<link rel="stylesheet" href="/node_modules/bootstrap/dist/css/bootstrap.min.css">
<title>Ajouter une préstation</title>
<link href="../../node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="node_modules/bs-icon/icons.css">
<link rel="shortcut icon" href="favicon.png" type="image/png">
<link rel="stylesheet" href="../../css/style.css">
</head> </head>
<body> <body>
<header> <header>
<nav class="navbar navbar-expand-xl bg-body-tertiary shadow-sm"> <nav class="navbar navbar-expand-xxl bg-body-tertiary shadow-sm">
<div class="container-fluid align-items-center"> <div class="container-fluid align-items-center">
<a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a> <a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation"> aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<div class="collapse navbar-collapse" id="navbarSupportedContent"> <div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active left-label" aria-current="page" href="#">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link left-label" href="#">Boutique</a>
</li>
<li class="nav-item">
<a class="nav-link left-label" href="#">Prestations</a>
</li>
<li class="nav-item">
<a class="nav-link left-label" href="#">FAQ</a>
</li>
<li class="nav-item">
<a class="nav-link left-label" href="#">Fiche renseignements</a>
</li>
<li class="nav-item">
<a class="nav-link left-label" href="#">Partenaires</a>
</li>
<li class="nav-item">
<a class="nav-link left-label" href="#">Citations</a>
</li>
</ul>
<!-- MENU GAUCHE --> <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<ul class="navbar-nav me-auto mb-2 mb-lg-0"> <li class="nav-item">
<li class="nav-item"><a class="nav-link active" href="#">Blog</a></li> <a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a>
<li class="nav-item"><a class="nav-link" href="#">Boutique</a></li> </li>
<li class="nav-item"><a class="nav-link" href="#">Prestations</a></li> <li class="nav-item">
<li class="nav-item"><a class="nav-link" href="#">FAQ</a></li> <a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i> Voir le site</a>
<li class="nav-item"><a class="nav-link" href="#">Fiche de renseignements</a></li> </li>
<li class="nav-item"><a class="nav-link" href="#">Partenaires</a></li> <li class="nav-item">
</ul> <a class="nav-link" href="#"><i class="bi bi-gear me-1"></i> Configuration</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="userMenu" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
<i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span>
</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userMenu">
<li><a class="dropdown-item" href="#">Profil</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#">Sortir</a></li>
</ul>
</li>
</ul>
<!-- MENU DROIT --> </div>
<ul class="navbar-nav ms-auto mb-2 mb-lg-0"> </div>
<li class="nav-item"> </nav>
<a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a> </header>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i> Voir le site</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="bi bi-gear me-1"></i> Configuration</a>
</li>
<li class="nav-item dropdown"> <main class="my-5 fs-6">
<a class="nav-link dropdown-toggle" href="#" id="userMenu" data-bs-toggle="dropdown"> <div class="container">
<i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span> <header>
</a> <h1 class="title my-4 fs-2">Ajouter une prestation</h1>
<ul class="dropdown-menu dropdown-menu-end">
<li><a class="dropdown-item" href="#">Profil</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#">Sortir</a></li>
</ul>
</li>
</ul>
<!-- Erreur champ vide -->
<div id="errorEmpty" class="alert alert-danger d-none">Le titre est obligatoire.</div>
<!-- Erreur nom déjà existant -->
<div id="errorExists" class="alert alert-danger d-none">
Cette prestation existe déjà. Veuillez en choisir une autre.
</div>
<!-- Succès ajout -->
<div id="successMessage" class="alert alert-success d-none">
Prestation ajoutée avec succès !
</div>
</header>
<div class="section">
<form id="addCategoryForm">
<div class="mb-4">
<label class="form-label fw-bold" for="categoryName">
Titre de la prestation (obligatoire)
</label>
<input type="text" id="categoryName" class="form-control" required>
</div>
<div class="mb-3">
<label class="form-label fw-bold" for="prestationType">
Type de prestation (obligatoire)
</label>
<select id="prestationType" class="form-select" required>
<option value="" selected disabled>-- Choisissez un type --</option>
<option value="chien">Chien</option>
<option value="chat">Chat</option>
</select>
</div>
<!-- Étapes -->
<div class="mb-3">
<label class="form-label fw-bold">Choisissez les étapes (obligatoire)</label>
<div class="form-check">
<input class="form-check-input" type="checkbox" id="stepCiseaux" name="steps" value="coupe_ciseaux">
<label class="form-check-label" for="stepCiseaux">Coupe ciseaux</label>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" id="stepGriffes" name="steps" value="coupe_griffes">
<label class="form-check-label" for="stepGriffes">Coupe griffes</label>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" id="stepSechage" name="steps" value="sechage_doux">
<label class="form-check-label" for="stepSechage">Séchage doux</label>
</div>
</div>
<!-- Tarifs -->
<div class="mb-3">
<label class="form-label fw-bold">Tarif (fourchette) (obligatoire)</label>
<div class="d-flex gap-3">
<input type="number" id="priceMin" class="form-control" placeholder="Prix min (€)" value="35" required>
<input type="number" id="priceMax" class="form-control" placeholder="Prix max (€)" value="60" required>
</div>
</div>
<div class="d-flex gap-3 mt-4">
<a href="../html/prestation_accueil.html" class="btn btn-secondary w-50">Annuler</a>
<button type="submit" class="btn btn-primary w-50">Ajouter</button>
</div>
</form>
</div> </div>
</div> </div>
</nav> </main>
</header>
<div class="container"> <script src="../js/ajouter_prestation.js"></script>
<h1 class="mb-5 text-center">Ajouter une prestation</h1> <script src="../..
<!-- Messages DOM -->
<div id="messages" class="mb-3"></div>
<form id="addCategoryForm">
<div class="mb-4">
<label class="form-label fw-bold">Titre de la prestation (obligatoire)</label>
<input type="text" id="categoryName" class="form-control">
</div>
<div class="mb-3">
<label class="form-label fw-bold">Type de prestation</label>
<select id="prestationType" class="form-select">
<option value="chien" selected>Chien</option>
<option value="chat">Chat</option>
</select>
</div>
<div class="mb-3">
<label class="form-label fw-bold">Description de la prestation</label>
<textarea id="prestationDescription" class="form-control" rows="5">
•
•
•
•
</textarea>
</div>
<div class="mb-3">
<label class="form-label fw-bold">Tarif (fourchette)</label>
<div class="d-flex gap-3">
<input type="number" id="priceMin" class="form-control" placeholder="Prix min (€)" value="35">
<input type="number" id="priceMax" class="form-control" placeholder="Prix max (€)" value="60">
</div>
</div>
<div class="d-flex gap-3 mt-4">
<a href="../liste_prestation/liste_prestation.html" class="btn btn-secondary w-50">Annuler</a>
<button type="submit" class="btn btn-primary w-50">Ajouter</button>
</div>
</form>
</div>
<script src="ajouter_prestation.js"></script>
<script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>

2
prestations/html/modifier_avant_apres.html
View File

@@ -19,7 +19,7 @@
<main class="my-5 fs-6"> <main class="my-5 fs-6">
<div class="container"> <div class="container">
<header> <header>
<h1 class="title fs-2">Modifier un résultat en images (Avant / Après)</h1> <h1 class="title fs-2 text-center">Modifier un résultat en images (Avant / Après)</h1>
<!-- Messages --> <!-- Messages -->
<div id="successMsg" class="alert alert-success d-none"> <div id="successMsg" class="alert alert-success d-none">

111
prestations/html/prestation_accueil.html
View File

@@ -6,18 +6,83 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gérer les prestations</title> <title>Gérer les prestations</title>
<link href="../../node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="../../node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../node_modules/bs-icon/icons.css"> <link rel="stylesheet" href="node_modules/bs-icon/icons.css">
<link rel="shortcut icon" href="favicon.png" type="image/png">
<link rel="stylesheet" href="../../css/style.css"> <link rel="stylesheet" href="../../css/style.css">
</head> </head>
<body> <body>
<div id="header-placeholder"></div> <header>
<nav class="navbar navbar-expand-xxl bg-body-tertiary">
<div class="container-fluid align-items-center">
<a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active left-label" aria-current="page" href="#">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link left-label" href="#">Boutique</a>
</li>
<li class="nav-item">
<a class="nav-link left-label" href="#">Prestations</a>
</li>
<li class="nav-item">
<a class="nav-link left-label" href="#">FAQ</a>
</li>
<li class="nav-item">
<a class="nav-link left-label" href="#">Fiche renseignements</a>
</li>
<li class="nav-item">
<a class="nav-link left-label" href="#">Partenaires</a>
</li>
<li class="nav-item">
<a class="nav-link left-label" href="#">Citations</a>
</li>
</ul>
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i> Voir le site</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="bi bi-gear me-1"></i> Configuration</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="userMenu" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
<i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span>
</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userMenu">
<li><a class="dropdown-item" href="#">Profil</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item" href="#">Sortir</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main class="my-5 fs-6"> <main class="my-5 fs-6">
<div class="container"> <div class="container">
<header> <header>
<h1 class="title fs-2 my-4">Gérer la page prestations</h1> <h1 class="title fs-2 my-4 text-center">Gérer la page prestations</h1>
</header> </header>
<div class="section"> <div class="section">
@@ -39,7 +104,7 @@
<section class="presta my-3"> <section class="presta my-3">
<h3 class="fs-4">Prestations</h3> <h3 class="fs-4">Prestations</h3>
<div class="mb-4 mt-2"> <div class="mb-4 mt-2">
<a href="../html/ajouter_avant_apres.html" class="btn btn-primary btn-sm"> <a href="../html/ajouter_prestation.html" class="btn btn-primary btn-sm">
Ajouter une prestation Ajouter une prestation
</a> </a>
</div> </div>
@@ -58,7 +123,8 @@
<td>Toilettage complet</td> <td>Toilettage complet</td>
<td class="text-end"> <td class="text-end">
<a href="#" class="btn btn-sm btn-outline-primary me-1">Modifier</a> <a href="../html/modifier_prestation.html"
class="btn btn-sm btn-outline-primary me-1">Modifier</a>
<button <button
class="btn btn-sm btn-outline-danger delete-btn">Supprimer</button> class="btn btn-sm btn-outline-danger delete-btn">Supprimer</button>
@@ -69,7 +135,8 @@
<td>Toilettage express</td> <td>Toilettage express</td>
<td class="text-end"> <td class="text-end">
<a href="#" class="btn btn-sm btn-outline-primary me-1">Modifier</a> <a href="../html/modifier_prestation.html"
class="btn btn-sm btn-outline-primary me-1">Modifier</a>
<button <button
class="btn btn-sm btn-outline-danger delete-btn">Supprimer</button> class="btn btn-sm btn-outline-danger delete-btn">Supprimer</button>
@@ -80,10 +147,10 @@
</section> </section>
<section class="carte my-3"> <section class="carte my-3">
<h3 class="fs-4 mt-4">Cartes</h3> <h3 class="fs-4 mt-4">Étapes</h3>
<div class="mb-4 mt-2"> <div class="mb-4 mt-2">
<a href="../html/ajouter_avant_apres.html" class="btn btn-primary btn-sm"> <a href="#" class="btn btn-primary btn-sm">
Ajouter une carte Ajouter une étape
</a> </a>
</div> </div>
@@ -115,6 +182,17 @@
</td> </td>
</tr> </tr>
<tr>
<td>Séchage doux</td>
<td class="text-end">
<a href="#" class="btn btn-sm btn-outline-primary me-1">Modifier</a>
<button
class="btn btn-sm btn-outline-danger delete-btn">Supprimer</button>
</tr>
</tbody> </tbody>
</table> </table>
</section> </section>
@@ -135,7 +213,7 @@
<div class="accordion-body"> <div class="accordion-body">
<div class="mb-4 mt-2"> <div class="mb-4 mt-2">
<a href="../html/ajouter_avant_apres.html" class="btn btn-primary btn-sm"> <a href="../html/ajouter_slider.html" class="btn btn-primary btn-sm">
Ajouter un slider Ajouter un slider
</a> </a>
</div> </div>
@@ -149,10 +227,11 @@
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td><img src="slide1.webp" alt="Chien toiletté" class="img-thumbnail"></td> <td>Chien toiletté</td>
<td class="text-end"> <td class="text-end">
<a href="#" class="btn btn-sm btn-outline-primary me-1">Modifier</a> <a href="../html/modifier_slider.html"
class="btn btn-sm btn-outline-primary me-1">Modifier</a>
<button <button
class="btn btn-sm btn-outline-danger delete-btn">Supprimer</button> class="btn btn-sm btn-outline-danger delete-btn">Supprimer</button>
@@ -164,7 +243,8 @@
<td class="text-end"> <td class="text-end">
<a href="#" class="btn btn-sm btn-outline-primary me-1">Modifier</a> <a href="../html/modifier_slider.html"
class="btn btn-sm btn-outline-primary me-1">Modifier</a>
<button <button
class="btn btn-sm btn-outline-danger delete-btn">Supprimer</button> class="btn btn-sm btn-outline-danger delete-btn">Supprimer</button>
@@ -175,7 +255,8 @@
<td>Nouveauté</td> <td>Nouveauté</td>
<td class="text-end"> <td class="text-end">
<a href="#" class="btn btn-sm btn-outline-primary me-1">Modifier</a> <a href="../html/modifier_slider.html"
class="btn btn-sm btn-outline-primary me-1">Modifier</a>
<button <button
class="btn btn-sm btn-outline-danger delete-btn">Supprimer</button> class="btn btn-sm btn-outline-danger delete-btn">Supprimer</button>
@@ -250,8 +331,6 @@
</main> </main>
<script src="../../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script> <script src="../../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="../components/js/header-composant.js"></script>
<script src="../components/js/delete-composant.js"></script>
</body> </body>
</html> </html>

2
prestations/html/verif.html
View File

@@ -19,7 +19,7 @@
<main class="my-5 fs-6"> <main class="my-5 fs-6">
<div class="container"> <div class="container">
<header> <header>
<h1 class="title fs-2">Modifier un résultat en images (Avant / Après)</h1> <h1 class="title fs-2 text-center">Modifier un résultat en images (Avant / Après)</h1>
<!-- Messages --> <!-- Messages -->
<div id="successMsg" class="alert alert-success d-none"> <div id="successMsg" class="alert alert-success d-none">

5
prestations/js/ajouter_prestation.js
View File

@@ -52,6 +52,7 @@ form.addEventListener("submit", function (e) {
// Redirection // Redirection
setTimeout(() => { setTimeout(() => {
window.location.href = "../liste_prestation/liste_prestation.html";
}, 1500); window.location.href = "../html/prestation_accueil.html";
}, 1500);
}); });

126
profil/html/profil.html Normal file
View File

@@ -0,0 +1,126 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Profil - L'Il'eau chiens - Admin</title>
<link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="/node_modules/bs-icon/icons.css">
<link rel="shortcut icon" href="/favicon.png" type="image/png">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/citations.css">
</head>
<body>
<header>
<nav class="navbar navbar-expand-xl bg-body-tertiary">
<div class="container-fluid align-items-center">
<a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link left-label" aria-current="page" href="#">Blog</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Boutique</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Prestations</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Vétos</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Citations</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">À propos</a></li>
</ul>
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a></li>
<li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i> Voir le site</a></li>
<li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-gear me-1"></i> Configuration</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="userMenu" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span>
</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userMenu">
<li><a class="dropdown-item active" href="#">Profil</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#">Sortir</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main class="my-5 fs-6">
<div class="container">
<header>
<h1 class="title my-4 fs-2 text-center">Mon profil</h1>
</header>
<div class="content">
<section class="my-4">
<h2 class="fs-4 mb-3">Informations personnelles</h2>
<form class="row g-3" id="profile-info-form">
<div class="col-md-12">
<label for="lastName" class="form-label">Nom (obligatoire)</label>
<input type="text" class="form-control" id="lastName" name="lastName" placeholder="Votre nom" value="Nom de famille" required>
</div>
<div class="col-md-12">
<label for="firstName" class="form-label">Prénom (obligatoire)</label>
<input type="text" class="form-control" id="firstName" name="firstName" placeholder="Votre prénom" value="Sandrine" required>
</div>
<div class="col-12">
<label for="email" class="form-label">Email (obligatoire)</label>
<input type="email" class="form-control" id="email" name="email" placeholder="votre@email.com" value="sandrine@gmail.com">
</div>
<div class="col-12 d-flex justify-content-star">
<button type="submit" class="btn btn-primary">Modifier</button>
</div>
</form>
</section>
<section class="my-5">
<h2 class="fs-4">Mot de passe</h2>
<form class="row" id="password-form">
<div class="col-12 my-2">
<small class="text-muted">Laissez ces champs vides pour ne pas modifier votre mot de passe.</small>
</div>
<div class="col-12 mb-3">
<label for="password" class="form-label">Nouveau mot de passe (<span id="min8">8 caractères minimum</span>, incluant une <span id="uppercase">majuscule</span>, une <span id="lowercase">minuscule</span> et un <span id="digit">chiffre</span>)</label>
<input type="password" class="form-control" id="password" name="password" placeholder="Nouveau mot de passe">
</div>
<div class="col-12">
<label for="passwordConfirm" class="form-label">Confirmation</label>
<input type="password" class="form-control" id="passwordConfirm" name="passwordConfirm" placeholder="Confirmer le mot de passe">
</div>
<div class="col-12">
<label for="showPassword" class="mt-2 mb-3">
<input type="checkbox" id="showPassword" />
Voir le mot de passe
</label>
</div>
<div class="col-12 d-flex justify-content-star">
<button type="submit" class="btn btn-primary">Modifier</button>
</div>
</form>
</section>
</div>
</div>
</main>
<footer class="bg-body-tertiary py-4 mt-auto">
<div class="container d-flex gap-3 flex-wrap">
<span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
<a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
<a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
</div>
</footer>
<script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="/js/password.js"></script>
</body>
</html>

50
prestations/components/html/header-composant.html → template-header.html
View File

@@ -1,45 +1,8 @@
<!DOCTYPE html> <header>
<html lang="en"> <nav class="navbar navbar-expand-xxl bg-body-tertiary">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Header- composant</title>
<style>
.navbar-brand { font-size: 1.2rem; line-height: 1; padding-top: 0.25rem; padding-bottom: 0.25rem; }
.brand-sep { height: 1.2rem; }
@media (max-width: 1399.98px) {
.navbar .nav-item {
background-color: var(--bs-light);
border: 1px solid var(--bs-border-color);
border-radius: .25rem;
margin-bottom: .375rem;
text-align: center;
}
#navbarSupportedContent > ul:first-child { margin-top: .5rem; }
#navbarSupportedContent > ul:last-child { margin-top: 1rem; }
.bi{
display: none;
}
}
</style>
</head>
<body>
<header>
<nav class="navbar navbar-expand-xl bg-body-tertiary">
<div class="container-fluid align-items-center"> <div class="container-fluid align-items-center">
<a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a> <a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation"> aria-expanded="false" aria-label="Toggle navigation">
@@ -60,14 +23,16 @@
<a class="nav-link left-label" href="#">FAQ</a> <a class="nav-link left-label" href="#">FAQ</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link left-label" href="#">Fiche de renseignements</a> <a class="nav-link left-label" href="#">Fiche renseignements</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link left-label" href="#">Partenaires</a> <a class="nav-link left-label" href="#">Partenaires</a>
</li> </li>
<li class="nav-item">
<a class="nav-link left-label" href="#">Citations</a>
</li>
</ul> </ul>
<ul class="navbar-nav ms-auto mb-2 mb-lg-0"> <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a> <a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a>
@@ -95,6 +60,3 @@
</nav> </nav>
</header> </header>
</body>
</html>

114
template.html
View File

@@ -16,77 +16,51 @@
<body> <body>
<header> <header>
<nav class="navbar navbar-expand-xl bg-body-tertiary"> <nav class="navbar navbar-expand-xl bg-body-tertiary">
<div class="container-fluid align-items-center"> <div class="container-fluid align-items-center">
<a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a> <a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" </button>
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" <div class="collapse navbar-collapse" id="navbarSupportedContent">
aria-expanded="false" aria-label="Toggle navigation"> <ul class="navbar-nav me-auto mb-2 mb-lg-0">
<span class="navbar-toggler-icon"></span> <li class="nav-item"><a class="nav-link left-label" href="#">Blog</a></li>
</button> <li class="nav-item"><a class="nav-link left-label" href="#">Boutique</a></li>
<div class="collapse navbar-collapse" id="navbarSupportedContent"> <li class="nav-item"><a class="nav-link left-label" href="#">Prestations</a></li>
<ul class="navbar-nav me-auto mb-2 mb-lg-0"> <li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
<li class="nav-item"> <li class="nav-item"><a class="nav-link left-label" href="#">Vétos</a></li>
<a class="nav-link active left-label" aria-current="page" href="#">Blog</a> <li class="nav-item"><a class="nav-link left-label" href="#">Citations</a></li>
</li> <li class="nav-item"><a class="nav-link left-label" href="#">À propos</a></li>
<li class="nav-item"> </ul>
<a class="nav-link left-label" href="#">Boutique</a> <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
</li> <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a>
<li class="nav-item"> </li>
<a class="nav-link left-label" href="#">Prestations</a> <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i> Voir le
</li> site</a></li>
<li class="nav-item"> <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-gear me-1"></i> Configuration</a></li>
<a class="nav-link left-label" href="#">FAQ</a> <li class="nav-item dropdown">
</li> <a class="nav-link dropdown-toggle" href="#" id="userMenu" role="button" data-bs-toggle="dropdown"
<li class="nav-item"> aria-expanded="false">
<a class="nav-link left-label" href="#">Fiche renseignements</a> <i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span>
</li> </a>
<li class="nav-item"> <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userMenu">
<a class="nav-link left-label" href="#">Partenaires</a> <li><a class="dropdown-item" href="#">Profil</a></li>
</li> <li>
<li class="nav-item"> <hr class="dropdown-divider">
<a class="nav-link left-label" href="#">Citations</a> </li>
</li> <li><a class="dropdown-item" href="#">Sortir</a></li>
</ul> </ul>
</li>
</ul>
<ul class="navbar-nav ms-auto mb-2 mb-lg-0"> </div>
<li class="nav-item"> </div>
<a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a> </nav>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i> Voir le site</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="bi bi-gear me-1"></i> Configuration</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="userMenu" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
<i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span>
</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userMenu">
<li><a class="dropdown-item" href="#">Profil</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item" href="#">Sortir</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
</header> </header>
<main class="my-5 fs-6"> <main class="my-5 fs-6">
<div class="container"> <div class="container">
<header> <header>
<h1 class="title my-4 fs-2">Titre de la page</h1> <h1 class="title my-4 fs-2 text-center">Titre de la page</h1>
</header> </header>
<div class="content"> <div class="content">
Contenu de la page Contenu de la page
@@ -94,6 +68,12 @@
</div> </div>
</main> </main>
<footer class="border-top py-3 mt-4">
<div class="container d-flex gap-3 flex-wrap">
<a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
<a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
</div>
</footer>
</body> </body>

116
veto/html/ajouter_veterinaire.html Normal file
View File

@@ -0,0 +1,116 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Liste des vétos - L'Il'eau chiens - Admin</title>
<link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="/node_modules/bs-icon/icons.css">
<link rel="shortcut icon" href="/favicon.png" type="image/png">
<link rel="stylesheet" href="/css/style.css">
</head>
<body>
<header>
<nav class="navbar navbar-expand-xl bg-body-tertiary">
<div class="container-fluid align-items-center">
<a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link left-label" aria-current="page" href="#">Blog</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Boutique</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Prestations</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
<li class="nav-item"><a class="nav-link active left-label" href="#">Vétos</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Citations</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">À propos</a></li>
</ul>
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a>
</li>
<li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i> Voir le
site</a></li>
<li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-gear me-1"></i> Configuration</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="userMenu" role="button" data-bs-toggle="dropdown"
aria-expanded="false">
<i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span>
</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userMenu">
<li><a class="dropdown-item" href="#">Profil</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item" href="#">Sortir</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main class="my-5 fs-6">
<div class="container">
<header>
<h1 class="title my-4 fs-2 text-center">Ajouter un vétérinaire</h1>
</header>
<div class="content">
<form id="ajouterArticleForm">
<div class="mb-4 veto-addition">
<label class="form-label fw-bold" for="veto">Nom du vétérinaire (obligatoire)</label>
<input type="text" id="veto" class="form-control"
placeholder="Veto bidule" required>
</div>
<div class="mb-4 veto-adresse1">
<label class="form-label fw-bold" for="address">Adresse du vétérinaire (obligatoire)</label>
<input type="text" id="address" class="form-control"
placeholder="123 Rue Exemple" required>
</div>
<div class="mb-4 veto-adresse2">
<label class="form-label fw-bold" for="address2">Complément d'adresse (optionnel)</label>
<input type="text" id="address2" class="form-control"
placeholder="Appartement, étage, bâtiment, etc.">
</div>
<div class="mb-4 veto-adresse2">
<label class="form-label fw-bold" for="code_postal">Code postal (obligatoire)</label>
<input type="text" id="code_postal" class="form-control"
placeholder="75000" required>
</div>
<div class="mb-4 veto-commune">
<label class="form-label fw-bold" for="commune">Commune (obligatoire)</label>
<input type="text" id="commune" class="form-control"
placeholder="Paris" required>
</div>
<div class="mb-4 veto-telephone">
<label class="form-label fw-bold" for="telephone">Téléphone (obligatoire)</label>
<input type="text" id="telephone" class="form-control"
placeholder="0123456789" required>
</div>
<div class="d-flex gap-3 mt-4 confirmation-buttons">
<a href="./accueil.html" class="btn btn-secondary w-50">Annuler</a>
<button type="submit" class="btn btn-primary w-50">Ajouter</button>
</div>
</form>
</div>
</div>
</main>
<footer class="bg-body-tertiary py-4 mt-auto">
<div class="container d-flex gap-3 flex-wrap">
<span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
<a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
<a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
</div>
</footer>
<script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>

36
Veto/html/modifier_veterinaire.html → veto/html/modifier_veterinaire.html
View File

@@ -7,9 +7,9 @@
<title>Modifier un vétérinaire - L'Il'eau chiens - Admin</title> <title>Modifier un vétérinaire - L'Il'eau chiens - Admin</title>
<link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="/node_modules/bs-icon/icons.css"> <link rel="stylesheet" href="/node_modules/bs-icon/icons.css">
<link rel="shortcut icon" href="favicon.png" type="image/png">
<link rel="stylesheet" href="/css/style.css">
<link rel="shortcut icon" href="/favicon.png" type="image/png"> <link rel="shortcut icon" href="/favicon.png" type="image/png">
<link rel="stylesheet" href="/css/style.css">
</head> </head>
<body> <body>
@@ -30,6 +30,7 @@
<li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li> <li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
<li class="nav-item"><a class="nav-link active left-label" href="#">Vétos</a></li> <li class="nav-item"><a class="nav-link active left-label" href="#">Vétos</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Citations</a></li> <li class="nav-item"><a class="nav-link left-label" href="#">Citations</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">À propos</a></li>
</ul> </ul>
<ul class="navbar-nav ms-auto mb-2 mb-lg-0"> <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message
@@ -59,49 +60,52 @@
<main class="my-5 fs-6"> <main class="my-5 fs-6">
<div class="container"> <div class="container">
<header> <header>
<h1 class="title my-4 fs-2">Ajouter un vétérinaire</h1> <h1 class="title my-4 fs-2 text-center">Modifier un vétérinaire</h1>
</header> </header>
<div class="content"> <div class="content">
<form id="ajouterArticleForm"> <form id="ajouterArticleForm">
<div class="mb-4 veto-addition"> <div class="mb-4 veto-addition">
<label class="form-label fw-bold" for="veto">Nom du vétérinaire (obligatoire)</label> <label class="form-label fw-bold" for="veto">Nom du vétérinaire (obligatoire)</label>
<input type="text" id="veto" class="form-control" <input type="text" id="veto" class="form-control" value="Clinique vétérinaire de Victor hugo" required>
placeholder="Veto bidule" value="Clinique vétérinaire de Victor hugo" required>
</div> </div>
<div class="mb-4 veto-adresse1"> <div class="mb-4 veto-adresse1">
<label class="form-label fw-bold" for="address">Adresse du vétérinaire (obligatoire)</label> <label class="form-label fw-bold" for="address">Adresse du vétérinaire (obligatoire)</label>
<input type="text" id="address" class="form-control" <input type="text" id="address" class="form-control" value="1 Boulevard René Chabasse" required>
placeholder="123 Rue Exemple" value="1 Boulevard René Chabasse" required>
</div> </div>
<div class="mb-4 veto-adresse2"> <div class="mb-4 veto-adresse2">
<label class="form-label fw-bold" for="address2">Complément d'adresse (optionnel)</label> <label class="form-label fw-bold" for="address2">Complément d'adresse (optionnel)</label>
<input type="text" id="address2" class="form-control" <input type="text" id="address2" class="form-control" value="Appartement, étage, bâtiment, etc.">
placeholder="Appartement, étage, bâtiment, etc.">
</div> </div>
<div class="mb-4 veto-adresse2"> <div class="mb-4 veto-adresse2">
<label class="form-label fw-bold" for="code_postal">Code postal (obligatoire)</label> <label class="form-label fw-bold" for="code_postal">Code postal (obligatoire)</label>
<input type="text" id="code_postal" class="form-control" <input type="text" id="code_postal" class="form-control" value="16000" required>
placeholder="75000" value="16000" required>
</div> </div>
<div class="mb-4 veto-commune"> <div class="mb-4 veto-commune">
<label class="form-label fw-bold" for="commune">Commune (obligatoire)</label> <label class="form-label fw-bold" for="commune">Commune (obligatoire)</label>
<input type="text" id="commune" class="form-control" <input type="text" id="commune" class="form-control" value="Angoulême" required>
placeholder="Paris" value="Angoulême" required>
</div> </div>
<div class="mb-4 veto-telephone"> <div class="mb-4 veto-telephone">
<label class="form-label fw-bold" for="telephone">Téléphone (obligatoire)</label> <label class="form-label fw-bold" for="telephone">Téléphone (obligatoire)</label>
<input type="text" id="telephone" class="form-control" <input type="text" id="telephone" class="form-control" value="0545367890" required>
placeholder="0123456789" value="0545367890" required>
</div> </div>
<div class="d-flex gap-3 mt-4 confirmation-buttons"> <div class="d-flex gap-3 mt-4 confirmation-buttons">
<a href="./accueil.html" class="btn btn-secondary w-50">Annuler</a> <a href="./accueil.html" class="btn btn-secondary w-50">Annuler</a>
<button type="submit" class="btn btn-primary w-50">Ajouter</button> <button type="submit" class="btn btn-primary w-50">Modifier</button>
</div> </div>
</form> </form>
</div> </div>
</div> </div>
</main> </main>
<footer class="bg-body-tertiary py-4 mt-auto">
<div class="container d-flex gap-3 flex-wrap">
<span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
<a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
<a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
</div>
</footer>
<script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script> <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
</body> </body>

14
Veto/html/accueil.html → veto/html/veto_accueil.html
View File

@@ -7,9 +7,9 @@
<title>Liste des vétos - L'Il'eau chiens - Admin</title> <title>Liste des vétos - L'Il'eau chiens - Admin</title>
<link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="/node_modules/bs-icon/icons.css"> <link rel="stylesheet" href="/node_modules/bs-icon/icons.css">
<link rel="shortcut icon" href="favicon.png" type="image/png">
<link rel="stylesheet" href="/css/style.css">
<link rel="shortcut icon" href="/favicon.png" type="image/png"> <link rel="shortcut icon" href="/favicon.png" type="image/png">
<link rel="stylesheet" href="/css/style.css">
</head> </head>
<body> <body>
@@ -29,6 +29,7 @@
<li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li> <li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
<li class="nav-item"><a class="nav-link active left-label" href="#">Vétos</a></li> <li class="nav-item"><a class="nav-link active left-label" href="#">Vétos</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">Citations</a></li> <li class="nav-item"><a class="nav-link left-label" href="#">Citations</a></li>
<li class="nav-item"><a class="nav-link left-label" href="#">À propos</a></li>
</ul> </ul>
<ul class="navbar-nav ms-auto mb-2 mb-lg-0"> <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a> <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a>
@@ -58,7 +59,7 @@
<main class="my-5 fs-6"> <main class="my-5 fs-6">
<div class="container"> <div class="container">
<header> <header>
<h1 class="title my-4 fs-2">Liste des vétérinaires</h1> <h1 class="title my-4 fs-2 text-center">Liste des vétérinaires</h1>
</header> </header>
<div class="content"> <div class="content">
<div class="ajouter mb-4"> <div class="ajouter mb-4">
@@ -123,7 +124,14 @@
</div> </div>
</div> </div>
</div> </div>
<footer class="bg-body-tertiary py-4 mt-auto">
<div class="container d-flex gap-3 flex-wrap">
<span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
<a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
<a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
</div>
</footer>
<script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script> <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="/js/contentReduct.js"></script> <script src="/js/contentReduct.js"></script>