chemin entre les pages
This commit is contained in:
@@ -23,6 +23,8 @@
|
|||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<h2 class="mb-5 text-center">Ajouter un article</h2>
|
<h2 class="mb-5 text-center">Ajouter un article</h2>
|
||||||
|
<form id="ajouterArticleForm" action="../../../blog/categories/articles/liste_article.html" method="GET">
|
||||||
|
|
||||||
|
|
||||||
<!--Erreur titre vide-->
|
<!--Erreur titre vide-->
|
||||||
<div id="errorEmpty" class="alert alert-danger d-none">Le titre de l'article est obligatoire</div>
|
<div id="errorEmpty" class="alert alert-danger d-none">Le titre de l'article est obligatoire</div>
|
||||||
@@ -50,7 +52,7 @@
|
|||||||
<option value="boutique">
|
<option value="boutique">
|
||||||
</datalist>
|
</datalist>
|
||||||
|
|
||||||
|
|
||||||
<!--Titre-->
|
<!--Titre-->
|
||||||
<div class="mb-4">
|
<div class="mb-4">
|
||||||
<label class="form-label fw-bold">Titre de l'article (obligatoire)</label>
|
<label class="form-label fw-bold">Titre de l'article (obligatoire)</label>
|
||||||
@@ -68,21 +70,23 @@
|
|||||||
<label class="form-label fw-bold">Image de l'article</label>
|
<label class="form-label fw-bold">Image de l'article</label>
|
||||||
<input type="file" id="articleImage" class="form-control" accept="image/*">
|
<input type="file" id="articleImage" class="form-control" accept="image/*">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!--Publié-->
|
<!--Publié-->
|
||||||
<div class="form-check mb-3">
|
<div class="form-check mb-3">
|
||||||
<input class="form-check-input" type="checkbox" id="articlePublished">
|
<input class="form-check-input" type="checkbox" id="articlePublished">
|
||||||
<label class="form-check-label">Publié</label>
|
<label class="form-check-label" for="articlePublished">Publié</label>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<!--Boutons-->
|
<!--Boutons-->
|
||||||
<div class="d-flex gap-3 mt-4">
|
<div class="d-flex gap-3 mt-4">
|
||||||
<a href="liste_articles.html" class="btn btn-secondary w-50">Annuler</a>
|
<a href="../../../blog/categories/articles/liste_article.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">Ajouter</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -3,7 +3,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Liste des articles</title>
|
<title>Liste des article</title>
|
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css">
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css">
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
@@ -11,7 +11,7 @@
|
|||||||
background: #f4f6f9;
|
background: #f4f6f9;
|
||||||
}
|
}
|
||||||
.container {
|
.container {
|
||||||
margin-top: 40px;
|
margin-top: 60px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
@@ -20,7 +20,7 @@
|
|||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="d-flex justify-content-between align-items-center mb-4">
|
<div class="d-flex justify-content-between align-items-center mb-4">
|
||||||
<h2 class="mb-0">Listes des articles</h2>
|
<h2 class="mb-0">Listes des articles</h2>
|
||||||
<a href="ajouter_articles.html" class="btn btn-primary">Ajouter un article</a>
|
<a href="ajouter_article.html" class="btn btn-primary">Ajouter un article</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<table class="table table-bordered table-hover bg-white">
|
<table class="table table-bordered table-hover bg-white">
|
||||||
@@ -1,7 +1,7 @@
|
|||||||
|
|
||||||
function confirmerSuppression(titre) {
|
function confirmerSuppression(titre) {
|
||||||
const confirmation = confirm(`Êtes-vous sûr de vouloir supprimer l'article "${titre}" ?`);
|
const confirmation = confirm(`Êtes-vous sûr de vouloir supprimer l'article "${titre}" ?`);
|
||||||
if (confirmation) {
|
if (confirmation) {
|
||||||
alert(`L'article "${titre}" a été supprimé.`);
|
alert(`L'article "${titre}" a été supprimé.`);
|
||||||
}
|
// Ici tu peux rediriger ou supprimer réellement
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|||||||
@@ -99,7 +99,7 @@
|
|||||||
|
|
||||||
<!--Boutons-->
|
<!--Boutons-->
|
||||||
<div class="d-flex gap-3 mt-4">
|
<div class="d-flex gap-3 mt-4">
|
||||||
<a href="liste_articles.html" class="btn btn-secondary w-50">Annuler</a>
|
<a href="../../../blog/categories/articles/liste_article.html" class="btn btn-secondary w-50">Annuler</a>
|
||||||
<button type="submit" class="btn btn-primary w-50">Enregistrer</button>
|
<button type="submit" class="btn btn-primary w-50">Enregistrer</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -143,5 +143,3 @@
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -62,5 +62,7 @@ form.addEventListener('submit', function(e) {
|
|||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
@@ -43,7 +43,7 @@
|
|||||||
</button>
|
</button>
|
||||||
|
|
||||||
<div class="text-center mt-3">
|
<div class="text-center mt-3">
|
||||||
<a href="page_de_connexion.html" class="text-decoration-none"
|
<a href="../page_de_connexion/page_de_connexion.html" class="text-decoration-none"
|
||||||
>Retour à la connexion</a
|
>Retour à la connexion</a
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -46,7 +46,7 @@
|
|||||||
<button class="btn btn-primary w-100">Se connecter</button>
|
<button class="btn btn-primary w-100">Se connecter</button>
|
||||||
|
|
||||||
<div class="text-center mt-3">
|
<div class="text-center mt-3">
|
||||||
<a href="#" class="text-decoration-none">Mot de passe oublié ?</a>
|
<a href="../mot_de_passe_oublie/mot_de_passe_oublie.html" class="text-decoration-none">Mot de passe oublié ?</a>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user