From 6412d9f01a07e7a9b46e1cba61e4f0332b10df43 Mon Sep 17 00:00:00 2001
From: Kobe <kobeamerijckx@outlook.com>
Date: Tue, 24 Jun 2025 09:52:09 +0200
Subject: [PATCH] support

---
 routes/__pycache__/admin.cpython-313.pyc | Bin 20230 -> 20285 bytes
 routes/admin.py                          |  18 +-
 templates/admin/support_articles.html    | 234 +++++++++++++++--------
 3 files changed, 164 insertions(+), 88 deletions(-)

diff --git a/routes/__pycache__/admin.cpython-313.pyc b/routes/__pycache__/admin.cpython-313.pyc
index 1c23c7e01a3de5aad529814019d993f353b088e2..6b9b3b40b571a7e248f6a55dec2668d8a934a0e5 100644
GIT binary patch
delta 3291
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
Gh5rJzF3Gz9

delta 3290
zcmb_eUu;|D6~EuT*MG0wq)nUzJAWKT(^~oGw8=(G2u(xN#vwsqU=*@l-1s^*b8P2a
zCqVh*7H#XpHrDJL8;A*Yn>4lB3&;`#RG!vJ&BLVjVWPWC>jM%}g#@l(n|PSCbG{op
zu4TjvSIN)kyWctIp7T5BJNJI@Cj04|Y{wUVzgNQRgU6mY`Qh~Xj*iR^Wl4Hfic4`e
zE5#VFm<)25*7B?pQ$dY6z#-PktTW~USIiCWm<K#DFL+}bXkt&D^??s<9JBtIAN*ly
zf!!&^oeMk0&^ukww9xc$FK0t->u<S2YTO%?#_XNyFYMe>Y0<Q}Z<xhB2jm5Hy&Q1t
zs%-Es=0)SC2F5KF9j$rWm_Nk=j#jbLdw(l`g?Z4rwSje@qT`JRDo^HD(YUSRmj6#Y
zx}$+{dqqcUkGreZhva~xqvDolWzTojc(8%>9ZPB?bd$J<$d>1DX4S|;I$N+@Pn)@H
zI`tfXNA6_~eqA0c?NZv^&7H(%7eO~c4?m!-G&@NQ5U2!R{=U}L<VMj_5}Ax8=S=A4
zpJ@BrJakVr3yFf|HVgW4A-!yXj}QCWn2S&Qe$^5s1ud1!Bn{B>iNZ-3<)8YN*?j4^
zpZS}2lKWi*Ed;In>EK(%hfuu95T-B6K=E0wq>(WSMiSadtApSUf*`@;1aX28!bOK|
z;(=UlS<fag9+8+xv4^xCLx{M97W{y2+`exuXem=)&Lz{Sw2`#5<caD6zEA3R5j^@0
zPF(22OrJ6^^b<mWhso>_{_oIuv5ky-ppIqY7xohL6ATcD&<05wA{Zth&LKh|aw3Ld
zgkT@Reu7a1OIb1smNSvh8`&h*?Su(*M4(qf_m+~+<>3IW!=&p-7mQ^Sh#yPI7+JUn
zrAQmx%RlN2j@*X}I7BdsV7W1+R61jr5UVVyvL+lRl_><?*%dr4f}r$C7iMX1o9QGi
zA3!jPjBvvX=5WhuS~CFqRwo{@&kR^8z25b#r?b9wP<I-hKzsxi_~4$tVjs$|N4Qwb
z7>TTr)WKNHLDB?KfR1mo08i4xP7;V7b4k*13BE_`g9I4@;uOXaA|AMxWWlRR(jfvO
z7qSF-0>PM|h$>!X2<CYI-fmVX#rCR7v5p0in5#Z94ehNaYzKYSOe`6KN7D|6+6o7S
zgQzv_g3yQ!hXwhthO&VFpkPvdr=>5QlCR@KEsTHv<bUgbk@fIL2M)4NO6LZmG7pc3
z_-nDw(pN*jleL=Y`1z4PIZu(h=lKKs9*pfKk;0vibl1geX~&FAei904teZFymY0Ih
zfj$}?wOnAVtQuy)Qd2oth9&-weLY3nGx>ah;6;L$2z&^ZbG5LT%{^mzSMy11p`@ND
z0G6nxLY60!Thfg+BU=!s%yO@q2GIDxodk|HF-fWw6vq+E_!IK(O2832)~}1gYF<lZ
z(n)<0AHI}>G#;IXg}t=@D|U@vIy%Td9{sGZPrAHw>{y@lSJzZG{#@zv&P0_f(Xp9+
zWpg(}d9&X!6D|FB>}~mI4bv1-%SmKVPuLXd_Vk1w<4!~sF+(*{%eysO^%Kv*S^oLm
z-znCVrlqbl@H1jf45^=!^lJh!m8uTmRl4^Zf-1$9b1Q^{bi0m4#g6E=v_-6VO$8DA
z9p*}J9GGHkN9pFlsB-7+Db8Q?)IazIe$Pa2QB<AkZ@IVfHzTcIn}+4afq<_jO#XSY
zQ4;2&-93MxrJ6Kw-H)PuxVKZKHnTiwGe=E`?ZipvkCLQd-|>G<>|t{y=Y1=TUFPQo
z&hQ5ZwURoSV*J!#3lF>9rL%{x%a7ll(RNL0dYBHQ-N;3fP7|CVco`w$Y-sZmfA>gt
zXTxe!gc6qd){))Y^U>ztK8x-3O#OlkULjZ__$7g8f^#IT69`hOwT8Rto+z~Fjz*0^
z9WW(Ep?#3tjq@N!uMt#x!*t^kTSHtp39nCo%&wI#9qng*0qHOM#*PJ~%X_B=@aIav
zJJX|F=^2{|Dx0kg<;|dDrl;he8I<d$<~;nq@{mY#eg1U~zuf@TE_R`)Q{VzYr3to5
zMqL=GX>ZGCcO-vrwu#O0&Dqb3LCcZC`SK&6o)=$R__ahgbeu=&EI8;keJEH?{3J0l
zrhTZ02Kz&RKEFXD7$EQ=SZ-a6D_sXaEgg_s#rNhs?XM6N2-XPr<Xm`Ayk_0w=zle1
zOuz<iF#I<+5X%Z<?1psL4Qcd-H1T(7g0IhAD-LZ0He9DeSJ|QKtm&2<Wy4=6lH5!%
z$;v9O%Sk55uCt*tp{xF(jgAd3X-^65P>uHesEzCLcvZRUg5&%%q&zH?11wr~9WAT4
vEDuQw70+E4oadh<<)}~|sqs8gR&iNQ)rN6f&@F7J>UomgQgID`#<c$r7~#&s

diff --git a/routes/admin.py b/routes/admin.py
index df1e99a..f885eb0 100644
--- a/routes/admin.py
+++ b/routes/admin.py
@@ -1,6 +1,6 @@
-from flask import Blueprint, jsonify
+from flask import Blueprint, jsonify, request
 from flask_login import login_required, current_user
-from models import db, Room, RoomFile, User, DocuPulseSettings
+from models import db, Room, RoomFile, User, DocuPulseSettings, HelpArticle
 import os
 from datetime import datetime
 
@@ -253,9 +253,9 @@ def get_usage_stats():
         stats = DocuPulseSettings.get_usage_stats()
         return jsonify(stats)
     except Exception as e:
-        return jsonify({'error': str(e)}), 500 
-    
-@admin.route('/help-articles/<int:article_id>', methods=['PUT'])
+        return jsonify({'error': str(e)}), 500
+
+@admin.route('/api/admin/help-articles/<int:article_id>', methods=['PUT'])
 @login_required
 def update_help_article(article_id):
     """Update a help article"""
@@ -307,7 +307,7 @@ def update_help_article(article_id):
         db.session.rollback()
         return jsonify({'error': str(e)}), 500
 
-@admin.route('/help-articles/<int:article_id>', methods=['DELETE'])
+@admin.route('/api/admin/help-articles/<int:article_id>', methods=['DELETE'])
 @login_required
 def delete_help_article(article_id):
     """Delete a help article"""
@@ -339,7 +339,7 @@ def delete_help_article(article_id):
         return jsonify({'error': str(e)}), 500
     
 # Help Articles API endpoints
-@admin.route('/help-articles', methods=['GET'])
+@admin.route('/api/admin/help-articles', methods=['GET'])
 @login_required
 def get_help_articles():
     """Get all help articles"""
@@ -364,7 +364,7 @@ def get_help_articles():
     
     return jsonify({'articles': articles_data})
 
-@admin.route('/help-articles', methods=['POST'])
+@admin.route('/api/admin/help-articles', methods=['POST'])
 @login_required
 def create_help_article():
     """Create a new help article"""
@@ -417,7 +417,7 @@ def create_help_article():
         db.session.rollback()
         return jsonify({'error': str(e)}), 500
 
-@admin.route('/help-articles/<int:article_id>', methods=['GET'])
+@admin.route('/api/admin/help-articles/<int:article_id>', methods=['GET'])
 @login_required
 def get_help_article(article_id):
     """Get a specific help article"""
diff --git a/templates/admin/support_articles.html b/templates/admin/support_articles.html
index 5f2df94..fb0e7fb 100644
--- a/templates/admin/support_articles.html
+++ b/templates/admin/support_articles.html
@@ -30,6 +30,37 @@
     .note-editor .note-editing-area {
         background-color: var(--white);
     }
+    .note-editor .note-toolbar {
+        background-color: var(--bg-color);
+        border-bottom: 1px solid var(--border-color);
+        border-radius: 0.375rem 0.375rem 0 0;
+    }
+    .note-editor .note-btn {
+        border: 1px solid var(--border-color);
+        background-color: var(--white);
+        color: var(--text-dark);
+    }
+    .note-editor .note-btn:hover {
+        background-color: var(--primary-color);
+        color: var(--white);
+        border-color: var(--primary-color);
+    }
+    .note-editor .note-btn.active {
+        background-color: var(--primary-color);
+        color: var(--white);
+        border-color: var(--primary-color);
+    }
+    .note-editor .note-editing-area .note-editable {
+        color: var(--text-dark);
+        font-family: inherit;
+        line-height: 1.6;
+        padding: 15px;
+    }
+    .note-editor .note-status-output {
+        background-color: var(--bg-color);
+        border-top: 1px solid var(--border-color);
+        color: var(--text-muted);
+    }
 </style>
 {% endblock %}
 
@@ -207,70 +238,83 @@
 {% endblock %}
 
 {% block extra_js %}
+<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-bs4.min.js"></script>
 <script>
-$(document).ready(function() {
+document.addEventListener('DOMContentLoaded', function() {
     // Initialize Summernote for rich text editing
     $('#articleBody, #editArticleBody').summernote({
-        height: 300,
+        height: 400,
         toolbar: [
             ['style', ['style']],
-            ['font', ['bold', 'underline', 'italic', 'clear']],
+            ['font', ['bold', 'underline', 'italic', 'strikethrough', 'clear']],
             ['fontname', ['fontname']],
+            ['fontsize', ['fontsize']],
             ['color', ['color']],
             ['para', ['ul', 'ol', 'paragraph']],
             ['height', ['height']],
             ['table', ['table']],
-            ['insert', ['link', 'picture']],
-            ['view', ['fullscreen', 'codeview', 'help']]
+            ['insert', ['link', 'picture', 'video', 'hr']],
+            ['view', ['fullscreen', 'codeview', 'help']],
+            ['undo', ['undo', 'redo']]
         ],
         styleTags: [
             'p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'
-        ]
+        ],
+        fontNames: ['Arial', 'Arial Black', 'Comic Sans MS', 'Courier New', 'Helvetica', 'Impact', 'Tahoma', 'Times New Roman', 'Verdana'],
+        fontSizes: ['8', '9', '10', '11', '12', '14', '16', '18', '24', '36'],
+        callbacks: {
+            onInit: function() {
+                // Ensure proper styling when modal opens
+                $('.note-editor').css('border-color', 'var(--border-color)');
+                $('.note-editing-area').css('background-color', 'var(--white)');
+            }
+        }
     });
 
     // Load articles on page load
     loadArticles();
 
     // Handle create article form submission
-    $('#createArticleForm').on('submit', function(e) {
+    document.getElementById('createArticleForm').addEventListener('submit', function(e) {
         e.preventDefault();
         createArticle();
     });
 
     // Handle edit article form submission
-    $('#editArticleForm').on('submit', function(e) {
+    document.getElementById('editArticleForm').addEventListener('submit', function(e) {
         e.preventDefault();
         updateArticle();
     });
 
     // Handle delete confirmation
-    $('#confirmDelete').on('click', function() {
+    document.getElementById('confirmDelete').addEventListener('click', function() {
         deleteArticle();
     });
 });
 
 function loadArticles() {
-    $.get('/api/admin/help-articles', function(data) {
-        const articlesList = $('#articlesList');
-        articlesList.empty();
-        
-        if (data.articles.length === 0) {
-            articlesList.html(`
-                <div class="col-12">
-                    <div class="card border-0 shadow-sm">
-                        <div class="card-body text-center py-5">
-                            <i class="fas fa-file-alt text-muted" style="font-size: 3rem; opacity: 0.5;"></i>
-                            <h4 class="text-muted mt-3">No Articles Yet</h4>
-                            <p class="text-muted">Create your first help article to get started.</p>
+    fetch('/api/admin/help-articles')
+        .then(response => response.json())
+        .then(data => {
+            const articlesList = document.getElementById('articlesList');
+            articlesList.innerHTML = '';
+            
+            if (data.articles.length === 0) {
+                articlesList.innerHTML = `
+                    <div class="col-12">
+                        <div class="card border-0 shadow-sm">
+                            <div class="card-body text-center py-5">
+                                <i class="fas fa-file-alt text-muted" style="font-size: 3rem; opacity: 0.5;"></i>
+                                <h4 class="text-muted mt-3">No Articles Yet</h4>
+                                <p class="text-muted">Create your first help article to get started.</p>
+                            </div>
                         </div>
                     </div>
-                </div>
-            `);
-            return;
-        }
+                `;
+                return;
+            }
 
-        data.articles.forEach(article => {
             const categoryNames = {
                 'getting-started': 'Getting Started',
                 'user-management': 'User Management',
@@ -280,8 +324,10 @@ function loadArticles() {
                 'administration': 'Administration'
             };
 
-            const card = $(`
-                <div class="col-lg-6 col-xl-4 mb-4">
+            data.articles.forEach(article => {
+                const card = document.createElement('div');
+                card.className = 'col-lg-6 col-xl-4 mb-4';
+                card.innerHTML = `
                     <div class="card article-card border-0 shadow-sm h-100">
                         <div class="card-body">
                             <div class="d-flex justify-content-between align-items-start mb-2">
@@ -311,91 +357,120 @@ function loadArticles() {
                             </div>
                         </div>
                     </div>
-                </div>
-            `);
-            articlesList.append(card);
+                `;
+                articlesList.appendChild(card);
+            });
+        })
+        .catch(error => {
+            console.error('Error loading articles:', error);
+            showAlert('Error loading articles: ' + error.message, 'danger');
         });
-    });
 }
 
 function createArticle() {
-    const formData = new FormData($('#createArticleForm')[0]);
+    const form = document.getElementById('createArticleForm');
+    const formData = new FormData(form);
     formData.set('body', $('#articleBody').summernote('code'));
-    formData.set('is_published', $('#isPublished').is(':checked'));
+    formData.set('is_published', document.getElementById('isPublished').checked);
 
-    $.ajax({
-        url: '/api/admin/help-articles',
+    fetch('/api/admin/help-articles', {
         method: 'POST',
-        data: formData,
-        processData: false,
-        contentType: false,
-        success: function(response) {
-            $('#createArticleModal').modal('hide');
-            $('#createArticleForm')[0].reset();
+        body: formData
+    })
+    .then(response => response.json())
+    .then(data => {
+        if (data.success) {
+            const modal = bootstrap.Modal.getInstance(document.getElementById('createArticleModal'));
+            modal.hide();
+            form.reset();
             $('#articleBody').summernote('code', '');
             loadArticles();
             showAlert('Article created successfully!', 'success');
-        },
-        error: function(xhr) {
-            showAlert('Error creating article: ' + xhr.responseJSON?.error || 'Unknown error', 'danger');
+        } else {
+            throw new Error(data.error || 'Unknown error');
         }
+    })
+    .catch(error => {
+        console.error('Error creating article:', error);
+        showAlert('Error creating article: ' + error.message, 'danger');
     });
 }
 
 function editArticle(articleId) {
-    $.get(`/api/admin/help-articles/${articleId}`, function(data) {
-        $('#editArticleId').val(data.article.id);
-        $('#editArticleTitle').val(data.article.title);
-        $('#editArticleCategory').val(data.article.category);
-        $('#editArticleBody').summernote('code', data.article.body);
-        $('#editOrderIndex').val(data.article.order_index);
-        $('#editIsPublished').prop('checked', data.article.is_published);
-        $('#editArticleModal').modal('show');
-    });
+    fetch(`/api/admin/help-articles/${articleId}`)
+        .then(response => response.json())
+        .then(data => {
+            document.getElementById('editArticleId').value = data.article.id;
+            document.getElementById('editArticleTitle').value = data.article.title;
+            document.getElementById('editArticleCategory').value = data.article.category;
+            $('#editArticleBody').summernote('code', data.article.body);
+            document.getElementById('editOrderIndex').value = data.article.order_index;
+            document.getElementById('editIsPublished').checked = data.article.is_published;
+            
+            const modal = new bootstrap.Modal(document.getElementById('editArticleModal'));
+            modal.show();
+        })
+        .catch(error => {
+            console.error('Error loading article:', error);
+            showAlert('Error loading article: ' + error.message, 'danger');
+        });
 }
 
 function updateArticle() {
-    const formData = new FormData($('#editArticleForm')[0]);
+    const form = document.getElementById('editArticleForm');
+    const formData = new FormData(form);
     formData.set('body', $('#editArticleBody').summernote('code'));
-    formData.set('is_published', $('#editIsPublished').is(':checked'));
+    formData.set('is_published', document.getElementById('editIsPublished').checked);
 
-    $.ajax({
-        url: `/api/admin/help-articles/${$('#editArticleId').val()}`,
+    fetch(`/api/admin/help-articles/${document.getElementById('editArticleId').value}`, {
         method: 'PUT',
-        data: formData,
-        processData: false,
-        contentType: false,
-        success: function(response) {
-            $('#editArticleModal').modal('hide');
+        body: formData
+    })
+    .then(response => response.json())
+    .then(data => {
+        if (data.success) {
+            const modal = bootstrap.Modal.getInstance(document.getElementById('editArticleModal'));
+            modal.hide();
             loadArticles();
             showAlert('Article updated successfully!', 'success');
-        },
-        error: function(xhr) {
-            showAlert('Error updating article: ' + xhr.responseJSON?.error || 'Unknown error', 'danger');
+        } else {
+            throw new Error(data.error || 'Unknown error');
         }
+    })
+    .catch(error => {
+        console.error('Error updating article:', error);
+        showAlert('Error updating article: ' + error.message, 'danger');
     });
 }
 
 function confirmDelete(articleId, title) {
-    $('#deleteArticleId').val(articleId);
-    $('#deleteArticleTitle').text(title);
-    $('#deleteArticleModal').modal('show');
+    document.getElementById('deleteArticleId').value = articleId;
+    document.getElementById('deleteArticleTitle').textContent = title;
+    
+    const modal = new bootstrap.Modal(document.getElementById('deleteArticleModal'));
+    modal.show();
 }
 
 function deleteArticle() {
-    const articleId = $('#deleteArticleId').val();
+    const articleId = document.getElementById('deleteArticleId').value;
     
-    $.ajax({
-        url: `/api/admin/help-articles/${articleId}`,
-        method: 'DELETE',
-        success: function(response) {
-            $('#deleteArticleModal').modal('hide');
+    fetch(`/api/admin/help-articles/${articleId}`, {
+        method: 'DELETE'
+    })
+    .then(response => response.json())
+    .then(data => {
+        if (data.success) {
+            const modal = bootstrap.Modal.getInstance(document.getElementById('deleteArticleModal'));
+            modal.hide();
             loadArticles();
             showAlert('Article deleted successfully!', 'success');
-        },
-        error: function(xhr) {
-            showAlert('Error deleting article: ' + xhr.responseJSON?.error || 'Unknown error', 'danger');
+        } else {
+            throw new Error(data.error || 'Unknown error');
         }
+    })
+    .catch(error => {
+        console.error('Error deleting article:', error);
+        showAlert('Error deleting article: ' + error.message, 'danger');
     });
 }
 
@@ -407,7 +482,8 @@ function showAlert(message, type) {
             <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
         </div>
     `;
-    $('.container-fluid').prepend(alertHtml);
+    const container = document.querySelector('.container-fluid');
+    container.insertAdjacentHTML('afterbegin', alertHtml);
 }
 </script>
 {% endblock %} 
\ No newline at end of file