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

correction des pages ajout categorie modifier categorie et ajout artcile.Intégration de ckedito dans ajout article

Browse Source
This commit is contained in:
ben
2025-12-05 12:26:25 +01:00
parent 80f859c514
commit 036c120f58
8 changed files with 50 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
blog/categories/articles/ajouter_article.html
View File

@@ -5,6 +5,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ajouter un article</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css">
<script src="https://cdn.ckeditor.com/ckeditor5/39.0.1/classic/ckeditor.js"></script>
<style>
body {
@@ -19,7 +22,7 @@
<body>
<div class="container">
<h2 class="mb-4 text-center">Ajouter un article</h2>
<h2 class="mb-5 text-center">Ajouter un article</h2>
<!--Erreur titre vide-->
<div id="errorEmpty" class="alert alert-danger d-none">Le titre de l'article est obligatoire</div>
@@ -35,15 +38,20 @@
<!--Succès ajout article-->
<div id="successMsg" class="alert alert-success d-none">Article ajouté avec succès !</div>
<!--Image-->
<div class="mb-3">
<label class="form-label fw-bold">Image de l'article</label>
<input type="file" id="articleImage" class="form-control" accept="image/*">
</div>
<!--Catégorie-->
<div class="mb-4">
<label class="form-label fw-bold">Catégorie de l'article</label>
<select id="articleCategory" class="form-select">
<option value="" selected disabled>Choisissez une catégorie</option>
<option value="actualités">Actualités</option>
<option value="chien">Chien</option>
<option value="chat">Chat</option>
<option value="boutique">Boutique</option>
</select>
<!--Titre-->
<div class="mb-3">
<label class="form-label fw-bold">Titre de l'article *</label>
<div class="mb-4">
<label class="form-label fw-bold">Titre de l'article (obligatoire)</label>
<input type="text" id="articleTitle" class="form-control" placeholder="Entrez le titre de l'article">
</div>
@@ -53,16 +61,13 @@
<textarea id="articleContent" class="form-control" rows="5" placeholder="Entrez le contenu de l'article"></textarea>
</div>
<!--Catégorie-->
<div class="mb-3">
<label class="form-label fw-bold">Catégorie de l'article</label>
<select id="articleCategory" class="form-select">
<option value="" selected disabled>Choisissez une catégorie</option>
<option value="actualités">Actualités</option>
<option value="chien">Chien</option>
<option value="chat">Chat</option>
<option value="boutique">Boutique</option>
</select>
<!--Image-->
<div class="mb-4">
<label class="form-label fw-bold">Image de l'article</label>
<input type="file" id="articleImage" class="form-control" accept="image/*">
</div>
</div>
<!--Publié-->
@@ -73,7 +78,7 @@
<!--Boutons-->
<div class="d-flex gap-3 mt-4">
<a href="liste_articles.html" class="btn btn-danger w-50">Annuler</a>
<a href="liste_articles.html" class="btn btn-secondary w-50">Annuler</a>
<button type="submit" class="btn btn-primary w-50">Ajouter</button>
</div>
</form>
@@ -81,7 +86,13 @@
<script src="ajouter_article.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script>
ClassicEditor
.create(document.querySelector('#articleContent'))
.catch(error => {
console.error(error);
});
</script>
</body>
</html>