Add the action to set the circular next status for Task items.

CHANGELOG.org

@@ -28,4 +28,6 @@
 ** 0.3.6 <2023-07-23 Sun>
    Add the circular next methods for Task.
    Add the tests for circular next methods.
+** 0.3.7 <2023-07-23 Sun>
+   Add the action to set the circular next status for Task items.
 

tasks/urls.py

@@ -10,6 +10,9 @@ urlpatterns = [
     path('htmx/create-task-form/', views.create_task_form, name='create-task-form'),
     path('htmx/task-item/<id>/', views.task_item, name='task-item'),
     path('htmx/task-item/<id>/update/', views.task_update, name='task-update'),
+    path('htmx/task-item/<id>/set-circular-next-status/',
+         views.task_set_circular_next_status,
+         name='task-set-circular-next-status'),
     path('htmx/task-item/<id>/delete/', views.task_delete, name='task-delete'),
 ]
 

tasks/views.py

@@ -59,6 +59,18 @@ def task_update(request, id):
 
     return render(request, "partials/task_form.html", context)
 
+def task_set_circular_next_status(request, id):
+    task = get_object_or_404(Task, id=id)
+
+    if request.method == "POST":
+        task.set_circular_next_status()
+
+    context = {
+        'task': task,
+    }
+
+    return render(request, "partials/task_item.html", context)
+
 def task_delete(request, id):
     task = get_object_or_404(Task, id=id)
 

templates/partials/task_item.html

@@ -1,11 +1,13 @@
 <div hx-target="this" class="p-2 border rounded-lg inline-flex gap-2 my-2 bg-gray-200">
   {% if task.status == "TODO" %}
-  <p class="font-semibold text-green-500">
+  <p class="font-semibold text-green-500"
   {% elif task.status == "DOING" %}
-  <p class="font-semibold text-yellow-500">
+  <p class="font-semibold text-yellow-500"
   {% elif task.status == "DONE" or task.status == "CANCELED" %}
-  <p class="font-semibold text-gray-500">
+  <p class="font-semibold text-gray-500"
   {% endif %}
+     hx-post="{% url 'tasks:task-set-circular-next-status' task.id %}"
+     hx-swap="outerHTML">
     {{ task.status }}
   </p>
   <p class="font-semibold">{{ task.name }}</p>