From 330b813563c376cafc28cc1e4a31270825919d70 Mon Sep 17 00:00:00 2001
From: Flatlogic Bot <support@flatlogic.com>
Date: Wed, 19 Nov 2025 22:33:08 +0000
Subject: [PATCH] tables & kanban tasks

---
 core/__pycache__/urls.cpython-311.pyc  | Bin 548 -> 658 bytes
 core/__pycache__/views.cpython-311.pyc | Bin 2892 -> 4081 bytes
 core/templates/base.html               |   1 +
 core/templates/core/kanban.html        | 119 +++++++++++++++++++++----
 core/urls.py                           |   3 +-
 core/views.py                          |  22 ++++-
 static/css/custom.css                  |  27 ++++++
 staticfiles/css/custom.css             |  27 ++++++
 8 files changed, 179 insertions(+), 20 deletions(-)

diff --git a/core/__pycache__/urls.cpython-311.pyc b/core/__pycache__/urls.cpython-311.pyc
index bf27f4c0245ac1721dc784360fab4d2863578754..19187994cdeac335da1d2ec0da8c7c897f30bdea 100644
GIT binary patch
delta 271
zcmZ3&GKp1vIWI340}zNg%4L=^GB7*_abSQ0%J@8OqPj9mE?X4aM6ZB}4Xno8scb1c
zYuJ`CGcc?MVhBiQiDFOT4Q9~fdkGTIWW2>vkXVxO5@;%eCd<SfYQjRL1u2OosqrO=
z#o6)2C5a`a#S`z^%2o+uit87FEcesom@Lbv!BoUC*@-cLOAsgoGOc*-<T;EoN?sQj
w2%yPV7#-Aauy8cET;P<upkQ>t()R+3-$fR`D=dB=I9d6b8n{8Qh#zPu06k+y%K!iX

delta 165
zcmbQlx`ai2IWI340}yc7$z=*MGB7*_abSQQ%J^I{QC)eWUw~XXa}-+&cQAt{&r6V$
zCgUxZg2a-Hmq3jSn#>cgsZADOv|;wsWS^YLs4;mOqc4{LPzEGh+%Wkqql}E%1qPgG
WvNn^0zz22~ex?R)5G>*Y>H`2>_9OiO

diff --git a/core/__pycache__/views.cpython-311.pyc b/core/__pycache__/views.cpython-311.pyc
index 95959c287aca5b59ae311ac6a6796dfe9f7a7edb..f722d6bcb01d4503eb37350f55cf80dc83c297bf 100644
GIT binary patch
delta 1783
zcmZ`(Piz!b7=QEs-*%@hv=rF38(Sz#VTGhr5JXCW0KpdBVqh+t>AnGXncb;xrc}(<
zZ4A+BNVH61d*DD!s3p{c(E}!U0Zlx3*fo3DOwuC<6HQ9IG$tl~Z+43m<F{{q`@Qe)
zd+&SS`=$M9cl4{KCKUncLtR-%nu~UnK7!di!U!`q$}<L&XAL&b85~1ptj*^ILkM}!
z7W0xJg*<P|hKvO)+DcwE)VyYBAQ!M?NAgWZQ^O`|M6rAW89G(~o3RSmVo6xLffga_
zeYy~X0y0`LpF)YqZ*-F20+Cn+Y>_}F7S0kY;{`2OEHCYh=YUT;Bt5WiAi)HYv#wKk
z%W@~2f@{$^vEH2o`}FzI)Y!<}-0p84zRAWlh)J3N0y*oZubFlh2fS-uvj|T$s=t?u
zF^Yed>(*MRpqYa1d)z5CN?8iZw?A@^SmvJpvDnLW`pe?Mt#J^$RJS&RmWGy3KZyLg
z=fn&mUH;$V?)IIa2n5e`uevTx6OSL8A)Wqf(tf7fcccqUm;aO0$F%x?NF6y^64Fj#
z3xy7VAetH*8oQ8651$@AGkh{dwo=VD3LHR!C)+8Xq!6R92cVHDevEX&EQnk+3*%-X
zJ?@wUll>s-^d0#NNG&SgjVRQMCJi_^+j>+kj2fsW@v<4)N@p<{01KC<jK|~ku+eob
zwmdUylUG35@5}1p!(G5-7=U$>fT6yBehJcfq#*A(ZSEOgL^*$-xW(VhZ1Yv2IXBG~
znLE_)KZMyu@VfuZbDHz$J{shOce_3*vdi2e3%2mpX__x`MLsRA&x`yW$&axwl^EpF
z!Z!%>SjaLP)1*)j^41ODKld!DxA|YOM^Cdsm$_a<`lp2rkwuSIu|Y+lk)zZQVCgoC
z<z;2#sx#~*=)`H^10mJ;pJJxad)y^7#U#{`K%#dH3KggYYbxz}rZ?$AE3hDu+{sMF
za^10036>mzEP-GV;*jj;aDJo*1c|1A&y}Ew0>O4n><0X}gRheVpdtc=@MiW>u8jgc
zyFfpi8XY-dWgKjsq~QW(?D|B5Ro^!4$p+849!ZGx8^vSOGsz(u<5e1ir>hPa%Y}#~
zdbNP+x2tt>0&J~xxUKqj$Z2qS89uiHFoRZkO?ZP@(Kp?Ef1&U8o{HXA)%#}oT5J3K
zu3Nhn4pmxrR9kn<O0~AF^A~SjT(B!`{nfVqS@nq?zuU2NrK}HD^uek=2tMuc*%E(K
ztI3hiluwmUw42(j_C(*laA}Dz$M#nAWK~a=<>cB*q`4Z2-%WgNl(mDah=Bz>k1P82
zCE*9|!O-{OL$Mrt9mdaGSwC0N&sFtvW%<Ri2DHl2C~Ipw*Ie2-A0FqAOX!gl8;)|1
zdg8+h_n2dVf2;_AiB0|)HC76%5@<MQ7OptScRX*RUXxfuaxH63xk(JgA*SaLw{Ak)
zkQ@aF#5`2Zc1hU$w77wA*&%tCgpXwSywE2td@RDo4$uA`ylPb1Nw4Z(@(~C!X<J9h
zC`@T9x+?&%9fql)W99!JHPl<)IBMuXdE=-dZ6^HH(2nwp!~b19pOg_BU1cK-tpLTR
P90+d2o)^^>;iCTmNs*??

delta 662
zcmZvZ&ui2`6vt;W`L)^Iw4kod?rMWrY!+9oUJ8n~RHcGeWLvPgEa^_vxXCWOq!%yU
zgW$zW8Bp*a@CV*1=-IP};;DpQJbJ6(LA>ajti2f~AHHwC^WK{uKc>Ib?AO(*Meuue
z?PTO=+xArdHbyTAC!EG4p*~F%U!jC6oW(3reKpa1t%%iFPYmBcO}G}DzRC5c#4m9J
zX>k)-=30k%rSGzVr{p?>10F(dLdYWsd)fA%7G2r#=siU@aS2#r#2jjfSFA~O@sUlJ
zZ8=?)sEBXurd5_wLf@HFKP%J|KlRhJE*xXtIf2uuO!ze-Zx-J#f2w>vdwoQpAs!p8
z+9@=0Eeq0qnyRQ>cVPr|@y?i|O|fsR(T2Eap4pl}>&awq2;upDFxUtN=N@HA?3rMo
z0Y@Z`N*qJvc4u{Qb*<A~TE2U0=|%@?(m5`{5S|KCQnw@=iCM(I=I#R2G0H3BF5Qh`
z036zKXLYe}zQFCIr4K8*Op{%6_At!GWm!=+w*ttbUL1BK4i|7mDto%FJFaUVx;)H+
zD27XD&WcUzvfe=DRm8g8+{*Q2$ip~=qK!OZu00q+l0xwu#Yu`AZ=+R|c#GF5wcPt}
t^9rVK#^F_%$B^QmK1UodO6eYH@BVM>k(u4YA^H>dCy7Gu(1U_S>Ax)1l^Os5

diff --git a/core/templates/base.html b/core/templates/base.html
index 354508d..ce24be9 100644
--- a/core/templates/base.html
+++ b/core/templates/base.html
@@ -10,6 +10,7 @@
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Poppins:wght@600&display=swap" rel="stylesheet">
     {% load static %}
     <link rel="stylesheet" href="{% static 'css/custom.css' %}?v={{ timestamp }}">
+    <script src="https://cdn.jsdelivr.net/npm/sortablejs@1.15.0/Sortable.min.js"></script>
 </head>
 <body>
     <nav class="navbar navbar-expand-lg navbar-light bg-light">
diff --git a/core/templates/core/kanban.html b/core/templates/core/kanban.html
index 20a81de..fb200fc 100644
--- a/core/templates/core/kanban.html
+++ b/core/templates/core/kanban.html
@@ -11,31 +11,116 @@
 </div>
 
 <div class="kanban-board-container">
+    <div class="loader-overlay" style="display: none;">
+        <div class="loader"></div>
+    </div>
+    {% csrf_token %}
     <div class="kanban-board">
         {% for status_value, status_display in status_choices %}
-        <div class="kanban-column">
+        <div class="kanban-column" data-status="{{ status_value }}">
             <h2 class="h5 p-3 bg-light border-bottom">{{ status_display }}</h2>
             <div class="kanban-cards p-3">
-                {% for item in tasks_by_status|get_item:status_value %}
-                <div class="card kanban-card mb-3 shadow-sm">
-                    <div class="card-body">
-                        <h5 class="card-title h6">{{ item.title }}</h5>
-                        <p class="card-text small">{{ item.description|default:""|truncatewords:15 }}</p>
-                        {% if item.tags %}
-                            <div class="tags">
-                                {% for tag in item.tags.split|slice:":3" %}
-                                    <span class="badge bg-secondary">{{ tag }}</span>
-                                {% endfor %}
+                {% with tasks=tasks_by_status|get_item:status_value %}
+                    {% if tasks %}
+                        {% for item in tasks %}
+                        <div class="card kanban-card mb-3 shadow-sm" data-task-id="{{ item.id }}">
+                            <div class="card-body">
+                                <h5 class="card-title h6">{{ item.title }}</h5>
+                                <p class="card-text small">{{ item.description|default:""|truncatewords:15 }}</p>
+                                {% if item.tags %}
+                                    <div class="tags">
+                                        {% for tag in item.tags.split|slice:":3" %}
+                                            <span class="badge bg-secondary">{{ tag }}</span>
+                                        {% endfor %}
+                                    </div>
+                                {% endif %}
                             </div>
-                        {% endif %}
-                    </div>
-                </div>
-                {% empty %}
-                <div class="text-center text-muted p-3">No tasks in this stage.</div>
-                {% endfor %}
+                        </div>
+                        {% endfor %}
+                    {% else %}
+                        <div class="text-center text-muted p-3">No tasks in this stage.</div>
+                    {% endif %}
+                {% endwith %}
             </div>
         </div>
         {% endfor %}
     </div>
 </div>
+
+{% block scripts %}
+<script>
+document.addEventListener('DOMContentLoaded', function () {
+    const columns = document.querySelectorAll('.kanban-cards');
+    columns.forEach(column => {
+        new Sortable(column, {
+            group: 'kanban',
+            animation: 150,
+            onStart: function (evt) {
+                document.querySelector('.loader-overlay').style.display = 'flex';
+            },
+            onEnd: function (evt) {
+                const itemEl = evt.item;
+                const toContainer = evt.to;
+                const fromContainer = evt.from;
+                const taskId = itemEl.dataset.taskId;
+                const newStatus = toContainer.closest('.kanban-column').dataset.status;
+                const oldIndex = evt.oldDraggableIndex;
+
+                // Get CSRF token
+                const csrftoken = document.querySelector('[name=csrfmiddlewaretoken]') ? document.querySelector('[name=csrfmiddlewaretoken]').value : getCookie('csrftoken');
+
+                fetch('/update_task_status/', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                        'X-CSRFToken': csrftoken
+                    },
+                    body: JSON.stringify({
+                        task_id: taskId,
+                        new_status: newStatus
+                    })
+                })
+                .then(response => {
+                    if (!response.ok) {
+                        throw new Error('Server responded with an error!');
+                    }
+                    return response.json();
+                })
+                .then(data => {
+                    if (!data.success) {
+                        // Revert the move in the UI
+                        fromContainer.insertBefore(itemEl, fromContainer.children[oldIndex]);
+                        alert('Failed to update task status. Please try again.');
+                    }
+                })
+                .catch(error => {
+                    console.error('Error updating task status:', error);
+                    // Revert the move in the UI
+                    fromContainer.insertBefore(itemEl, fromContainer.children[oldIndex]);
+                    alert('An error occurred while updating the task. Please try again.');
+                })
+                .finally(() => {
+                    document.querySelector('.loader-overlay').style.display = 'none';
+                });
+            }
+        });
+    });
+
+    function getCookie(name) {
+        let cookieValue = null;
+        if (document.cookie && document.cookie !== '') {
+            const cookies = document.cookie.split(';');
+            for (let i = 0; i < cookies.length; i++) {
+                const cookie = cookies[i].trim();
+                if (cookie.substring(0, name.length + 1) === (name + '=')) {
+                    cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
+                    break;
+                }
+            }
+        }
+        return cookieValue;
+    }
+});
+</script>
+{% endblock %}
 {% endblock %}
diff --git a/core/urls.py b/core/urls.py
index 20837c1..eeddee1 100644
--- a/core/urls.py
+++ b/core/urls.py
@@ -1,9 +1,10 @@
 from django.urls import path
 
-from .views import index, article_detail, kanban_board
+from .views import index, article_detail, kanban_board, update_task_status
 
 urlpatterns = [
     path("", index, name="index"),
     path("kanban/", kanban_board, name="kanban_board"),
     path("article/<int:article_id>/", article_detail, name="article_detail"),
+    path('update_task_status/', update_task_status, name='update_task_status'),
 ]
diff --git a/core/views.py b/core/views.py
index 5ee7a4b..a050abd 100644
--- a/core/views.py
+++ b/core/views.py
@@ -1,4 +1,7 @@
-from django.shortcuts import render, redirect
+from django.shortcuts import render, redirect, get_object_or_404
+from django.http import JsonResponse
+from django.views.decorators.http import require_POST
+import json
 from .models import Article, TodoItem
 from .forms import TodoItemForm
 import time
@@ -39,4 +42,19 @@ def kanban_board(request):
 
 def article_detail(request, article_id):
     article = Article.objects.get(pk=article_id)
-    return render(request, "core/article_detail.html", {"article": article})
\ No newline at end of file
+    return render(request, "core/article_detail.html", {"article": article})
+
+@require_POST
+def update_task_status(request):
+    try:
+        data = json.loads(request.body)
+        task_id = data.get('task_id')
+        new_status = data.get('new_status')
+
+        task = get_object_or_404(TodoItem, id=task_id)
+        task.status = new_status
+        task.save()
+
+        return JsonResponse({'success': True})
+    except (json.JSONDecodeError, TypeError, ValueError) as e:
+        return JsonResponse({'success': False, 'error': str(e)}, status=400)
\ No newline at end of file
diff --git a/static/css/custom.css b/static/css/custom.css
index 776daea..73acdd0 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -153,3 +153,30 @@ h1, h2, h3, h4, h5, h6 {
 .kanban-card .tags {
     margin-top: 0.5rem;
 }
+
+.loader-overlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(255, 255, 255, 0.7);
+    z-index: 1000;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.loader {
+    border: 8px solid #f3f3f3;
+    border-top: 8px solid #3498db;
+    border-radius: 50%;
+    width: 60px;
+    height: 60px;
+    animation: spin 2s linear infinite;
+}
+
+@keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+}
diff --git a/staticfiles/css/custom.css b/staticfiles/css/custom.css
index 776daea..73acdd0 100644
--- a/staticfiles/css/custom.css
+++ b/staticfiles/css/custom.css
@@ -153,3 +153,30 @@ h1, h2, h3, h4, h5, h6 {
 .kanban-card .tags {
     margin-top: 0.5rem;
 }
+
+.loader-overlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(255, 255, 255, 0.7);
+    z-index: 1000;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.loader {
+    border: 8px solid #f3f3f3;
+    border-top: 8px solid #3498db;
+    border-radius: 50%;
+    width: 60px;
+    height: 60px;
+    animation: spin 2s linear infinite;
+}
+
+@keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+}