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

avant validation

Browse Source
This commit is contained in:
pestak
2025-12-10 14:17:34 +01:00
parent e04e29bf48
commit 77310c974e
7 changed files with 120 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
connexion/html/mot_de_passe_oublie.html
View File

@@ -1,63 +1,56 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr"> <html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Mot de passe oublié</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>Mot de passe oublié</title>
display: flex; <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" />
justify-content: center;
align-items: center;
}
.forgot-password-card {
width: 100%;
max-width: 380px;
}
</style>
</head>
<body>
<div class="card shadow forgot-password-card">
<div class="card-body p-4">
<h3 class="text-center mb-4">Mot de passe oublié</h3>
<p class="text text-muted mb-4">
Nous avons besoin de votre adresse mail pour pouvoir réinitialiser
votre mot de passe.
</p>
<form>
<div class="mb-3">
<label class="form-label">Adresse e-mail</label>
<input <style>
type="email" body {
class="form-control" background: #f4f6f981;
placeholder="exemple@mail.com" height: 100vh;
/> display: flex;
</div> justify-content: center;
align-items: center;
}
.forgot-password-card {
width: 100%;
max-width: 380px;
}
</style>
</head>
<button class="btn btn-primary w-100"> <body>
Réinitialiser le mot de passe <div class="card shadow forgot-password-card">
</button> <div class="card-body p-4">
<h1 class="text-center mb-4 fs-3">Mot de passe oublié</h1>
<p class="text text-muted mb-4">
Nous avons besoin de votre adresse mail pour pouvoir réinitialiser
votre mot de passe.
</p>
<form>
<div class="mb-3">
<label class="form-label" for="email">Adresse e-mail</label>
<div class="text-center mt-3"> <input type="email" class="form-control" placeholder="exemple@mail.com" required />
<a </div>
href="../html/page_de_connexion.html"
class="text-decoration-none"
>Retour à la connexion</a
> <button class="btn btn-primary w-100" type="submit">
</div> Réinitialiser le mot de passe
</form> </button>
</div>
<div class="text-center mt-3">
<a href="../html/page_de_connexion.html" class="text-decoration-none">Retour à la connexion</a>
</div>
</form>
</div> </div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script> </div>
</body> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
</html> </body>
</html>

17
connexion/html/page_de_connexion.html
View File

@@ -26,21 +26,23 @@
<body> <body>
<div class="card shadow login-card"> <div class="card shadow login-card">
<div class="card-body p-4"> <div class="card-body p-4">
<h3 class="text-center mb-4">Connexion Admin</h3> <h1 class="text-center mb-4 fs-3">Connexion Admin</h1>
<form> <form>
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Adresse e-mail ou numéro de téléphone </label> <label class="form-label">Adresse e-mail </label>
<input <input
type="text" type="email"
class="form-control" class="form-control"
id="textInput" id="textInput"
/>
</div>
<form>
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Mot de passe</label> <label class="form-label" for="password">Mot de passe</label>
<input <input
type="password" type="password"
class="form-control" class="form-control"
@@ -53,7 +55,7 @@
</label> </label>
</div> </div>
<button class="btn btn-primary w-100">Se connecter</button> <button class="btn btn-primary w-100" type="submit">Se connecter</button>
<div class="text-center mt-3"> <div class="text-center mt-3">
<a href="../html/mot_de_passe_oublie.html" class="text-decoration-none">Mot de passe oublié ?</a> <a href="../html/mot_de_passe_oublie.html" class="text-decoration-none">Mot de passe oublié ?</a>
@@ -62,6 +64,7 @@
</div> </div>
</div> </div>
<script src="../js/page_de_connexion.js"></script> <script src="../js/page_de_connexion.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script> <script src="../../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
</body> </body>
</html> </html>

4
connexion/html/reinitialisation_mot_de_passe.html
View File

@@ -26,7 +26,7 @@
<body> <body>
<div class="card shadow reset-password-card"> <div class="card shadow reset-password-card">
<div class="card-body p-4"> <div class="card-body p-4">
<h3 class="text-center mb-4">Nouveau mot de passe</h3> <h1 class="text-center mb-4 fs-3">Nouveau mot de passe</h1>
<p class="text text-muted mb-4"> <p class="text text-muted mb-4">
Pour réinitialiser votre mot de passe, veuillez saisir un nouveau mot Pour réinitialiser votre mot de passe, veuillez saisir un nouveau mot
de passe ainsi qu'une confirmation. de passe ainsi qu'une confirmation.
@@ -35,7 +35,7 @@
<div <div
id="errorMsg" id="errorMsg"
class="alert alert-danger text-center" class="alert alert-danger text-center fs-1"
style="display: none" style="display: none"
> >
Les mots de passe ne correspondent pas. Les mots de passe ne correspondent pas.

50
css/style.css Normal file
View File

@@ -0,0 +1,50 @@
/*=============================================================================
Header Navbar Styles
=============================================================================*/
.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;
}
}
/*=============================================================================
Image Preview Styles
=============================================================================*/
.img-preview {
max-width: 150px;
border-radius: 8px;
display: none;
/* cachée tant qu'il n'y a pas d'image */
}

3
package-lock.json generated
View File

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

59
prestations/html/ajouter_avant_apres.html
View File

@@ -8,55 +8,8 @@
<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="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="../../css/style.css">
<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;
}
}
.img-preview {
max-width: 150px;
border-radius: 8px;
display: none;
/* cachée tant qu'il n'y a pas d'image */
}
.container {
max-width: 600px;
margin-top: 50px;
}
</style>
</head> </head>
@@ -129,13 +82,13 @@
</header> </header>
<div class="container"> <div class="container mt-5">
<h1 class="mb-5 text-center">Ajouter une paire avant/après</h1> <h1 class="mb-4 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">
Nouvelle paire ajoutée avec succès ! Nouveau résultat ajouté avec succès !
</div> </div>
<!-- Message erreur --> <!-- Message erreur -->
@@ -152,7 +105,7 @@
<!-- Titre / label --> <!-- Titre / label -->
<div class="mb-3"> <div class="mb-3">
<label class="form-label fw-bold" for="pairTitle">Titre de la paire (obligatoire)</label> <label class="form-label fw-bold" for="pairTitle">Titre du résultat (obligatoire)</label>
<input type="text" id="pairTitle" class="form-control" required> <input type="text" id="pairTitle" class="form-control" required>
</div> </div>

4
prestations/html/liste_avant_apres.html
View File

@@ -10,8 +10,8 @@
<body class="bg-light py-4 py-md-5"> <body class="bg-light py-4 py-md-5">
<div class="container" style="max-width: 1000px;"> <div class="container">
<h1 class="mb-4 mb-md-5 text-center">Liste des paires avant/après</h1> <h1 class="mb-4 mb-md-5 text-center">Liste des résultat avant/après</h1>
<!-- Message succès --> <!-- Message succès -->
<div id="succesDeleteMsg" class="alert alert-success d-none"> <div id="succesDeleteMsg" class="alert alert-success d-none">