Spaces:

Docfile
/

Mariam-metho

Running

App Files Files Community

Docfile commited on Oct 15

Commit

8caf859

verified ·

1 Parent(s): 481589f

Upload 15 files

Browse files

Files changed (15) hide show

templates/admin_articles.html +38 -0
templates/admin_categories.html +42 -0
templates/admin_edit_article.html +118 -0
templates/admin_edit_category.html +30 -0
templates/admin_edit_subject.html +30 -0
templates/admin_home.html +13 -0
templates/admin_new_article.html +121 -0
templates/admin_new_category.html +30 -0
templates/admin_new_subject.html +26 -0
templates/admin_subjects.html +48 -0
templates/article.html +25 -0
templates/articles.html +27 -0
templates/base.html +45 -0
templates/categories.html +26 -0
templates/home.html +21 -0

templates/admin_articles.html ADDED Viewed

	@@ -0,0 +1,38 @@

+{% extends "base.html" %}
+{% block title %}Gérer les Articles{% endblock %}
+{% block content %}
+<h2 class="mb-4">Gérer les Articles</h2>
+<div class="mb-3">
+    <a href="{{ url_for('admin_home') }}" class="btn btn-secondary me-2">Retour à l'admin</a>
+    <a href="{{ url_for('admin_new_article') }}" class="btn btn-primary">Nouvel Article</a>
+</div>
+<div class="table-responsive">
+    <table class="table table-striped table-hover">
+        <thead class="table-dark">
+            <tr>
+                <th>ID</th>
+                <th>Titre</th>
+                <th>Catégorie</th>
+                <th>Actions</th>
+            </tr>
+        </thead>
+        <tbody>
+            {% for article in articles %}
+            <tr>
+                <td>{{ article.id }}</td>
+                <td>{{ article.title }}</td>
+                <td>{{ article.category.name }}</td>
+                <td>
+                    <a href="{{ url_for('admin_edit_article', article_id=article.id) }}" class="btn btn-sm btn-outline-primary me-2">Éditer</a>
+                    <form method="post" action="{{ url_for('admin_delete_article', article_id=article.id) }}" style="display:inline;">
+                        <button type="submit" class="btn btn-sm btn-outline-danger" onclick="return confirm('Êtes-vous sûr de vouloir supprimer cet article ?')">Supprimer</button>
+                    </form>
+                </td>
+            </tr>
+            {% endfor %}
+        </tbody>
+    </table>
+</div>
+{% endblock %}

templates/admin_categories.html ADDED Viewed

	@@ -0,0 +1,42 @@

+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <title>Gérer les Catégories</title>
+    <style>
+        body { font-family: Arial, sans-serif; margin: 20px; }
+        table { width: 100%; border-collapse: collapse; }
+        th, td { border: 1px solid #ccc; padding: 10px; text-align: left; }
+        .actions a { margin-right: 10px; }
+    </style>
+</head>
+<body>
+    <h1>Gérer les Catégories</h1>
+    <a href="{{ url_for('admin_home') }}">Retour à l'admin</a> | <a href="{{ url_for('admin_new_category') }}">Nouvelle Catégorie</a>
+    <table>
+        <thead>
+            <tr>
+                <th>ID</th>
+                <th>Nom</th>
+                <th>Sujet</th>
+                <th>Actions</th>
+            </tr>
+        </thead>
+        <tbody>
+            {% for category in categories %}
+            <tr>
+                <td>{{ category.id }}</td>
+                <td>{{ category.name }}</td>
+                <td>{{ category.subject.name }}</td>
+                <td class="actions">
+                    <a href="{{ url_for('admin_edit_category', category_id=category.id) }}">Éditer</a>
+                    <form method="post" action="{{ url_for('admin_delete_category', category_id=category.id) }}" style="display:inline;">
+                        <button type="submit" onclick="return confirm('Êtes-vous sûr de vouloir supprimer cette catégorie ?')">Supprimer</button>
+                    </form>
+                </td>
+            </tr>
+            {% endfor %}
+        </tbody>
+    </table>
+</body>
+</html>

templates/admin_edit_article.html ADDED Viewed

	@@ -0,0 +1,118 @@

+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <title>Éditer l'Article</title>
+    <link rel="stylesheet" type="text/css" href="https://unpkg.com/trix@2.0.8/dist/trix.css">
+    <script type="text/javascript" src="https://unpkg.com/trix@2.0.8/dist/trix.umd.min.js"></script>
+    <style>
+        body { font-family: Arial, sans-serif; margin: 20px; }
+        form { max-width: 800px; }
+        label { display: block; margin-top: 10px; }
+        input, button { width: 100%; padding: 10px; margin-top: 5px; }
+        trix-editor { border: 1px solid #ccc; min-height: 300px; }
+    </style>
+    <script>
+        document.addEventListener("trix-before-initialize", () => {
+            // Allow more tags in sanitization
+            Trix.config.dompurify.ADD_TAGS = ["iframe", "video", "source", "table", "tr", "td", "th"];
+            Trix.config.dompurify.ADD_ATTR = ["src", "controls", "width", "height"];
+            // Custom toolbar with all options
+            Trix.config.toolbar.getDefaultHTML = () => `
+                <div class="trix-button-row">
+                  <span class="trix-button-group trix-button-group--text-tools" data-trix-button-group="text-tools">
+                    <button type="button" class="trix-button trix-button--icon trix-button--icon-bold" data-trix-attribute="bold" data-trix-key="b" tabindex="-1" title="Bold">Bold</button>
+                    <button type="button" class="trix-button trix-button--icon trix-button--icon-italic" data-trix-attribute="italic" data-trix-key="i" tabindex="-1" title="Italic">Italic</button>
+                    <button type="button" class="trix-button trix-button--icon trix-button--icon-strike" data-trix-attribute="strike" tabindex="-1" title="Strikethrough">Strikethrough</button>
+                    <button type="button" class="trix-button trix-button--icon trix-button--icon-link" data-trix-attribute="href" data-trix-action="link" data-trix-key="k" tabindex="-1" title="Link">Link</button>
+                  </span>
+                  <span class="trix-button-group trix-button-group--block-tools" data-trix-button-group="block-tools">
+                    <button type="button" class="trix-button trix-button--icon trix-button--icon-heading-1" data-trix-attribute="heading1" tabindex="-1" title="Heading">Heading</button>
+                    <button type="button" class="trix-button trix-button--icon trix-button--icon-quote" data-trix-attribute="quote" tabindex="-1" title="Quote">Quote</button>
+                    <button type="button" class="trix-button trix-button--icon trix-button--icon-code" data-trix-attribute="code" tabindex="-1" title="Code">Code</button>
+                    <button type="button" class="trix-button trix-button--icon trix-button--icon-bullet-list" data-trix-attribute="bullet" tabindex="-1" title="Bullets">Bullets</button>
+                    <button type="button" class="trix-button trix-button--icon trix-button--icon-number-list" data-trix-attribute="number" tabindex="-1" title="Numbers">Numbers</button>
+                  </span>
+                  <span class="trix-button-group trix-button-group--file-tools" data-trix-button-group="file-tools">
+                    <button type="button" class="trix-button trix-button--icon trix-button--icon-attach" data-trix-action="attachFiles" tabindex="-1" title="Attach Files">Attach Files</button>
+                  </span>
+                  <span class="trix-button-group trix-button-group--image-tools" data-trix-button-group="image-tools">
+                    <button type="button" class="trix-button" data-trix-action="x-align-left" tabindex="-1" title="Align Left">Align Left</button>
+                    <button type="button" class="trix-button" data-trix-action="x-align-right" tabindex="-1" title="Align Right">Align Right</button>
+                  </span>
+                  <span class="trix-button-group trix-button-group--history-tools" data-trix-button-group="history-tools">
+                    <button type="button" class="trix-button trix-button--icon trix-button--icon-undo" data-trix-action="undo" data-trix-key="z" tabindex="-1" title="Undo">Undo</button>
+                    <button type="button" class="trix-button trix-button--icon trix-button--icon-redo" data-trix-action="redo" data-trix-key="shift+z" tabindex="-1" title="Redo">Redo</button>
+                  </span>
+                </div>
+                <div class="trix-dialogs" data-trix-dialogs>
+                  <div class="trix-dialog trix-dialog--link" data-trix-dialog="href" data-trix-dialog-attribute="href">
+                    <div class="trix-dialog__link-fields">
+                      <input type="url" name="href" class="trix-input trix-input--dialog" placeholder="Enter a URL..." aria-label="URL" required data-trix-input>
+                      <div class="trix-button-group">
+                        <input type="button" class="trix-button trix-button--dialog" value="Link" data-trix-method="setAttribute">
+                        <input type="button" class="trix-button trix-button--dialog" value="Unlink" data-trix-method="removeAttribute">
+                      </div>
+                    </div>
+                  </div>
+                </div>
+            `;
+        });
+    </script>
+</head>
+<body>
+    <h1>Éditer l'Article</h1>
+    <a href="{{ url_for('admin_articles') }}">Retour aux articles</a>
+    <form method="post" enctype="multipart/form-data">
+        <label for="title">Titre:</label>
+        <input type="text" id="title" name="title" value="{{ article.title }}" required>
+        {% if article.icon_data %}
+        <p>Image actuelle: <img src="{{ url_for('get_article_image', article_id=article.id) }}" style="max-width: 100px; max-height: 100px;"></p>
+        {% endif %}
+        <label for="icon">Nouvelle image (fichier image):</label>
+        <input type="file" id="icon" name="icon" accept="image/*">
+        <label for="content">Contenu:</label>
+        <input id="content" type="hidden" name="content" value="{{ article.content }}">
+        <trix-editor input="content"></trix-editor>
+        <button type="submit">Sauvegarder</button>
+    </form>
+    <script>
+        document.addEventListener("trix-attachment-add", function(event) {
+            var file = event.attachment.file;
+            if (file) {
+                var formData = new FormData();
+                formData.append("file", file);
+                fetch("/upload", {
+                    method: "POST",
+                    body: formData
+                }).then(response => response.json()).then(data => {
+                    event.attachment.setAttributes({url: data.url});
+                }).catch(error => {
+                    console.error("Upload failed:", error);
+                });
+            }
+        });
+        document.addEventListener("trix-action-invoke", function(event) {
+            const { actionName, target } = event;
+            if (actionName === "x-align-left" || actionName === "x-align-right") {
+                const editor = target.editor;
+                const selectedRange = editor.getSelectedRange();
+                const document = editor.getDocument();
+                const attachments = document.getAttachments();
+                attachments.forEach(attachment => {
+                    const range = attachment.getRange();
+                    if (selectedRange[0] <= range[0] && range[1] <= selectedRange[1]) {
+                        attachment.setAttribute("class", actionName === "x-align-left" ? "float-left" : "float-right");
+                    }
+                });
+            }
+        });
+    </script>
+</body>
+</html>

templates/admin_edit_category.html ADDED Viewed

	@@ -0,0 +1,30 @@

+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <title>Éditer la Catégorie</title>
+    <style>
+        body { font-family: Arial, sans-serif; margin: 20px; }
+        form { max-width: 800px; }
+        label { display: block; margin-top: 10px; }
+        input, select, button { width: 100%; padding: 10px; margin-top: 5px; }
+    </style>
+</head>
+<body>
+    <h1>Éditer la Catégorie</h1>
+    <a href="{{ url_for('admin_categories') }}">Retour aux catégories</a>
+    <form method="post">
+        <label for="name">Nom:</label>
+        <input type="text" id="name" name="name" value="{{ category.name }}" required>
+        <label for="subject_id">Sujet:</label>
+        <select id="subject_id" name="subject_id" required>
+            {% for subject in subjects %}
+            <option value="{{ subject.id }}" {% if subject.id == category.subject_id %}selected{% endif %}>{{ subject.name }}</option>
+            {% endfor %}
+        </select>
+        <button type="submit">Sauvegarder</button>
+    </form>
+</body>
+</html>

templates/admin_edit_subject.html ADDED Viewed

	@@ -0,0 +1,30 @@

+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <title>Éditer le Sujet</title>
+    <style>
+        body { font-family: Arial, sans-serif; margin: 20px; }
+        form { max-width: 800px; }
+        label { display: block; margin-top: 10px; }
+        input, button { width: 100%; padding: 10px; margin-top: 5px; }
+    </style>
+</head>
+<body>
+    <h1>Éditer le Sujet</h1>
+    <a href="{{ url_for('admin_subjects') }}">Retour aux sujets</a>
+    <form method="post" enctype="multipart/form-data">
+        <label for="name">Nom:</label>
+        <input type="text" id="name" name="name" value="{{ subject.name }}" required>
+        {% if subject.icon_data %}
+        <p>Icône actuelle: <img src="{{ url_for('get_subject_icon', subject_id=subject.id) }}" style="max-width: 50px; max-height: 50px;"></p>
+        {% endif %}
+        <label for="icon">Nouvelle icône (fichier image):</label>
+        <input type="file" id="icon" name="icon" accept="image/*">
+        <button type="submit">Sauvegarder</button>
+    </form>
+</body>
+</html>

templates/admin_home.html ADDED Viewed

	@@ -0,0 +1,13 @@

+{% extends "base.html" %}
+{% block title %}Administration{% endblock %}
+{% block content %}
+<h2 class="mb-4">Zone d'Administration</h2>
+<div class="admin-nav">
+    <a href="{{ url_for('admin_subjects') }}">Gérer les Sujets</a>
+    <a href="{{ url_for('admin_categories') }}">Gérer les Catégories</a>
+    <a href="{{ url_for('admin_articles') }}">Gérer les Articles</a>
+</div>
+<p class="text-muted">Bienvenue dans la zone d'administration. Utilisez les liens ci-dessus pour gérer le contenu.</p>
+{% endblock %}

templates/admin_new_article.html ADDED Viewed

	@@ -0,0 +1,121 @@

+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <title>Nouvel Article</title>
+    <link rel="stylesheet" type="text/css" href="https://unpkg.com/trix@2.0.8/dist/trix.css">
+    <script type="text/javascript" src="https://unpkg.com/trix@2.0.8/dist/trix.umd.min.js"></script>
+    <style>
+        body { font-family: Arial, sans-serif; margin: 20px; }
+        form { max-width: 800px; }
+        label { display: block; margin-top: 10px; }
+        input, select, button { width: 100%; padding: 10px; margin-top: 5px; }
+        trix-editor { border: 1px solid #ccc; min-height: 300px; }
+    </style>
+    <script>
+        document.addEventListener("trix-before-initialize", () => {
+            // Allow more tags in sanitization
+            Trix.config.dompurify.ADD_TAGS = ["iframe", "video", "source", "table", "tr", "td", "th"];
+            Trix.config.dompurify.ADD_ATTR = ["src", "controls", "width", "height"];
+            // Custom toolbar with all options
+            Trix.config.toolbar.getDefaultHTML = () => `
+                <div class="trix-button-row">
+                  <span class="trix-button-group trix-button-group--text-tools" data-trix-button-group="text-tools">
+                    <button type="button" class="trix-button trix-button--icon trix-button--icon-bold" data-trix-attribute="bold" data-trix-key="b" tabindex="-1" title="Bold">Bold</button>
+                    <button type="button" class="trix-button trix-button--icon trix-button--icon-italic" data-trix-attribute="italic" data-trix-key="i" tabindex="-1" title="Italic">Italic</button>
+                    <button type="button" class="trix-button trix-button--icon trix-button--icon-strike" data-trix-attribute="strike" tabindex="-1" title="Strikethrough">Strikethrough</button>
+                    <button type="button" class="trix-button trix-button--icon trix-button--icon-link" data-trix-attribute="href" data-trix-action="link" data-trix-key="k" tabindex="-1" title="Link">Link</button>
+                  </span>
+                  <span class="trix-button-group trix-button-group--block-tools" data-trix-button-group="block-tools">
+                    <button type="button" class="trix-button trix-button--icon trix-button--icon-heading-1" data-trix-attribute="heading1" tabindex="-1" title="Heading">Heading</button>
+                    <button type="button" class="trix-button trix-button--icon trix-button--icon-quote" data-trix-attribute="quote" tabindex="-1" title="Quote">Quote</button>
+                    <button type="button" class="trix-button trix-button--icon trix-button--icon-code" data-trix-attribute="code" tabindex="-1" title="Code">Code</button>
+                    <button type="button" class="trix-button trix-button--icon trix-button--icon-bullet-list" data-trix-attribute="bullet" tabindex="-1" title="Bullets">Bullets</button>
+                    <button type="button" class="trix-button trix-button--icon trix-button--icon-number-list" data-trix-attribute="number" tabindex="-1" title="Numbers">Numbers</button>
+                  </span>
+                  <span class="trix-button-group trix-button-group--file-tools" data-trix-button-group="file-tools">
+                    <button type="button" class="trix-button trix-button--icon trix-button--icon-attach" data-trix-action="attachFiles" tabindex="-1" title="Attach Files">Attach Files</button>
+                  </span>
+                  <span class="trix-button-group trix-button-group--image-tools" data-trix-button-group="image-tools">
+                    <button type="button" class="trix-button" data-trix-action="x-align-left" tabindex="-1" title="Align Left">Align Left</button>
+                    <button type="button" class="trix-button" data-trix-action="x-align-right" tabindex="-1" title="Align Right">Align Right</button>
+                  </span>
+                  <span class="trix-button-group trix-button-group--history-tools" data-trix-button-group="history-tools">
+                    <button type="button" class="trix-button trix-button--icon trix-button--icon-undo" data-trix-action="undo" data-trix-key="z" tabindex="-1" title="Undo">Undo</button>
+                    <button type="button" class="trix-button trix-button--icon trix-button--icon-redo" data-trix-action="redo" data-trix-key="shift+z" tabindex="-1" title="Redo">Redo</button>
+                  </span>
+                </div>
+                <div class="trix-dialogs" data-trix-dialogs>
+                  <div class="trix-dialog trix-dialog--link" data-trix-dialog="href" data-trix-dialog-attribute="href">
+                    <div class="trix-dialog__link-fields">
+                      <input type="url" name="href" class="trix-input trix-input--dialog" placeholder="Enter a URL..." aria-label="URL" required data-trix-input>
+                      <div class="trix-button_group">
+                        <input type="button" class="trix-button trix-button--dialog" value="Link" data-trix-method="setAttribute">
+                        <input type="button" class="trix-button trix-button--dialog" value="Unlink" data-trix-method="removeAttribute">
+                      </div>
+                    </div>
+                  </div>
+                </div>
+            `;
+        });
+    </script>
+</head>
+<body>
+    <h1>Nouvel Article</h1>
+    <a href="{{ url_for('admin_articles') }}">Retour aux articles</a>
+    <form method="post" enctype="multipart/form-data">
+        <label for="title">Titre:</label>
+        <input type="text" id="title" name="title" required>
+        <label for="category_id">Catégorie:</label>
+        <select id="category_id" name="category_id" required>
+            {% for category in categories %}
+            <option value="{{ category.id }}">{{ category.name }}</option>
+            {% endfor %}
+        </select>
+        <label for="icon">Image (fichier image):</label>
+        <input type="file" id="icon" name="icon" accept="image/*">
+        <label for="content">Contenu:</label>
+        <input id="content" type="hidden" name="content">
+        <trix-editor input="content"></trix-editor>
+        <button type="submit">Créer</button>
+    </form>
+    <script>
+        document.addEventListener("trix-attachment-add", function(event) {
+            var file = event.attachment.file;
+            if (file) {
+                var formData = new FormData();
+                formData.append("file", file);
+                fetch("/upload", {
+                    method: "POST",
+                    body: formData
+                }).then(response => response.json()).then(data => {
+                    event.attachment.setAttributes({url: data.url});
+                }).catch(error => {
+                    console.error("Upload failed:", error);
+                });
+            }
+        });
+        document.addEventListener("trix-action-invoke", function(event) {
+            const { actionName, target } = event;
+            if (actionName === "x-align-left" || actionName === "x-align-right") {
+                const editor = target.editor;
+                const selectedRange = editor.getSelectedRange();
+                const document = editor.getDocument();
+                const attachments = document.getAttachments();
+                attachments.forEach(attachment => {
+                    const range = attachment.getRange();
+                    if (selectedRange[0] <= range[0] && range[1] <= selectedRange[1]) {
+                        attachment.setAttribute("class", actionName === "x-align-left" ? "float-left" : "float-right");
+                    }
+                });
+            }
+        });
+    </script>
+</body>
+</html>

templates/admin_new_category.html ADDED Viewed

	@@ -0,0 +1,30 @@

+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <title>Nouvelle Catégorie</title>
+    <style>
+        body { font-family: Arial, sans-serif; margin: 20px; }
+        form { max-width: 800px; }
+        label { display: block; margin-top: 10px; }
+        input, select, button { width: 100%; padding: 10px; margin-top: 5px; }
+    </style>
+</head>
+<body>
+    <h1>Nouvelle Catégorie</h1>
+    <a href="{{ url_for('admin_categories') }}">Retour aux catégories</a>
+    <form method="post">
+        <label for="name">Nom:</label>
+        <input type="text" id="name" name="name" required>
+        <label for="subject_id">Sujet:</label>
+        <select id="subject_id" name="subject_id" required>
+            {% for subject in subjects %}
+            <option value="{{ subject.id }}">{{ subject.name }}</option>
+            {% endfor %}
+        </select>
+        <button type="submit">Créer</button>
+    </form>
+</body>
+</html>

templates/admin_new_subject.html ADDED Viewed

	@@ -0,0 +1,26 @@

+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <title>Nouveau Sujet</title>
+    <style>
+        body { font-family: Arial, sans-serif; margin: 20px; }
+        form { max-width: 800px; }
+        label { display: block; margin-top: 10px; }
+        input, button { width: 100%; padding: 10px; margin-top: 5px; }
+    </style>
+</head>
+<body>
+    <h1>Nouveau Sujet</h1>
+    <a href="{{ url_for('admin_subjects') }}">Retour aux sujets</a>
+    <form method="post" enctype="multipart/form-data">
+        <label for="name">Nom:</label>
+        <input type="text" id="name" name="name" required>
+        <label for="icon">Icône (fichier image):</label>
+        <input type="file" id="icon" name="icon" accept="image/*">
+        <button type="submit">Créer</button>
+    </form>
+</body>
+</html>

templates/admin_subjects.html ADDED Viewed

	@@ -0,0 +1,48 @@

+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <title>Gérer les Sujets</title>
+    <style>
+        body { font-family: Arial, sans-serif; margin: 20px; }
+        table { width: 100%; border-collapse: collapse; }
+        th, td { border: 1px solid #ccc; padding: 10px; text-align: left; }
+        .actions a { margin-right: 10px; }
+    </style>
+</head>
+<body>
+    <h1>Gérer les Sujets</h1>
+    <a href="{{ url_for('admin_home') }}">Retour à l'admin</a> | <a href="{{ url_for('admin_new_subject') }}">Nouveau Sujet</a>
+    <table>
+        <thead>
+            <tr>
+                <th>ID</th>
+                <th>Nom</th>
+                <th>Icône</th>
+                <th>Actions</th>
+            </tr>
+        </thead>
+        <tbody>
+            {% for subject in subjects %}
+            <tr>
+                <td>{{ subject.id }}</td>
+                <td>{{ subject.name }}</td>
+                <td>
+                    {% if subject.icon_data %}
+                    <img src="{{ url_for('get_subject_icon', subject_id=subject.id) }}" style="max-width: 50px; max-height: 50px;">
+                    {% else %}
+                    Aucune icône
+                    {% endif %}
+                </td>
+                <td class="actions">
+                    <a href="{{ url_for('admin_edit_subject', subject_id=subject.id) }}">Éditer</a>
+                    <form method="post" action="{{ url_for('admin_delete_subject', subject_id=subject.id) }}" style="display:inline;">
+                        <button type="submit" onclick="return confirm('Êtes-vous sûr de vouloir supprimer ce sujet ?')">Supprimer</button>
+                    </form>
+                </td>
+            </tr>
+            {% endfor %}
+        </tbody>
+    </table>
+</body>
+</html>

templates/article.html ADDED Viewed

	@@ -0,0 +1,25 @@

+{% extends "base.html" %}
+{% block title %}{{ article.title }}{% endblock %}
+{% block extra_head %}
+<link rel="stylesheet" href="https://unpkg.com/trix@2.0.8/dist/trix.css">
+{% endblock %}
+{% block content %}
+<nav aria-label="breadcrumb">
+    <ol class="breadcrumb">
+        <li class="breadcrumb-item"><a href="{{ url_for('home') }}">Matières</a></li>
+        <li class="breadcrumb-item"><a href="{{ url_for('categories', subject_id=article.category.subject_id) }}">{{ article.category.subject.name }}</a></li>
+        <li class="breadcrumb-item"><a href="{{ url_for('articles', category_id=article.category_id) }}">{{ article.category.name }}</a></li>
+        <li class="breadcrumb-item active" aria-current="page">{{ article.title }}</li>
+    </ol>
+</nav>
+<div class="article-content">
+    <h1>{{ article.title }}</h1>
+    <div class="trix-content">
+        {{ article.content | safe }}
+    </div>
+</div>
+{% endblock %}

templates/articles.html ADDED Viewed

	@@ -0,0 +1,27 @@

+{% extends "base.html" %}
+{% block title %}Articles - {{ category.name }}{% endblock %}
+{% block content %}
+<nav aria-label="breadcrumb">
+    <ol class="breadcrumb">
+        <li class="breadcrumb-item"><a href="{{ url_for('home') }}">Matières</a></li>
+        <li class="breadcrumb-item"><a href="{{ url_for('categories', subject_id=category.subject_id) }}">{{ category.subject.name }}</a></li>
+        <li class="breadcrumb-item active" aria-current="page">{{ category.name }}</li>
+    </ol>
+</nav>
+<h2 class="mb-4">Articles pour {{ category.name }}</h2>
+<div class="row">
+    {% for article in articles %}
+    <div class="col-12 mb-3">
+        <div class="card" onclick="window.location.href='/articles/{{ article.id }}'" style="cursor: pointer;">
+            <div class="card-body">
+                <h5 class="card-title">{{ article.title }}</h5>
+                <p class="card-text text-muted">Cliquez pour lire l'article</p>
+            </div>
+        </div>
+    </div>
+    {% endfor %}
+</div>
+{% endblock %}

templates/base.html ADDED Viewed

	@@ -0,0 +1,45 @@

+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{% block title %}Mariam AI{% endblock %}</title>
+    <!-- Bootstrap CSS -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+    <!-- Custom CSS -->
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+    {% block extra_head %}{% endblock %}
+</head>
+<body>
+    <header class="header">
+        <div class="container">
+            <h1>Mariam AI</h1>
+        </div>
+    </header>
+    <nav class="navbar">
+        <div class="container">
+            <ul class="nav">
+                <li class="nav-item">
+                    <a class="nav-link" href="{{ url_for('home') }}">Accueil</a>
+                </li>
+                {% if request.endpoint and 'admin' in request.endpoint %}
+                <li class="nav-item">
+                    <a class="nav-link" href="{{ url_for('admin_home') }}">Administration</a>
+                </li>
+                {% endif %}
+            </ul>
+        </div>
+    </nav>
+    <main class="container my-4">
+        {% block content %}{% endblock %}
+    </main>
+    <!-- Bootstrap JS -->
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+    {% block extra_scripts %}{% endblock %}
+</body>
+</html>

templates/categories.html ADDED Viewed

	@@ -0,0 +1,26 @@

+{% extends "base.html" %}
+{% block title %}Catégories - {{ subject.name }}{% endblock %}
+{% block content %}
+<nav aria-label="breadcrumb">
+    <ol class="breadcrumb">
+        <li class="breadcrumb-item"><a href="{{ url_for('home') }}">Matières</a></li>
+        <li class="breadcrumb-item active" aria-current="page">{{ subject.name }}</li>
+    </ol>
+</nav>
+<h2 class="mb-4">Catégories pour {{ subject.name }}</h2>
+<div class="row">
+    {% for category in categories %}
+    <div class="col-12 col-md-6 mb-3">
+        <div class="card" onclick="window.location.href='/categories/{{ category.id }}/articles'" style="cursor: pointer;">
+            <div class="card-body">
+                <h5 class="card-title">{{ category.name }}</h5>
+                <p class="card-text text-muted">Cliquez pour voir les articles</p>
+            </div>
+        </div>
+    </div>
+    {% endfor %}
+</div>
+{% endblock %}

templates/home.html ADDED Viewed

	@@ -0,0 +1,21 @@

+{% extends "base.html" %}
+{% block title %}Matières - {{ super() }}{% endblock %}
+{% block content %}
+<h2 class="mb-4">Choisissez une matière</h2>
+<div class="row">
+    {% for subject in subjects %}
+    <div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-3">
+        <div class="card h-100" onclick="window.location.href='/subjects/{{ subject.id }}/categories'" style="cursor: pointer;">
+            <div class="card-body text-center">
+                {% if subject.icon_url %}
+                <img src="{{ subject.icon_url }}" alt="{{ subject.name }}" class="mb-3" style="width: 60px; height: 60px; object-fit: cover; border-radius: 50%;">
+                {% endif %}
+                <h5 class="card-title">{{ subject.name }}</h5>
+            </div>
+        </div>
+    </div>
+    {% endfor %}
+</div>
+{% endblock %}