Will test later

Author: vaibhavs-mishra

Algolyzer/playground/templates/playground/task_status.html

@@ -1,20 +1,65 @@
 {% extends "base.html" %}
 
 {% block content %}
-    <h1>Task Status</h1>
+<div class="container mx-auto px-4 py-8">
+    <h1 class="text-3xl font-bold mb-6">Task Status</h1>
 
     {% if error %}
-        <p style="color: red;">{{ error }}</p>
+        <div class="alert alert-error">
+            <span>{{ error }}</span>
+        </div>
     {% else %}
-        <p><strong>Task ID:</strong> {{ task_id }}</p>
-        <p><strong>Status:</strong> {{ status }}</p>
+        <div class="flex flex-col items-center space-y-6">
+            <!-- Radial Progress -->
+            <div class="radial-progress" style="--value:{{ progress_value }};" role="progressbar" aria-valuenow="{{ progress_value }}" aria-valuemin="0" aria-valuemax="100">
+                <span class="text-lg font-bold">{{ progress_value }}%</span>
+            </div>
 
-        {% if result %}
-            <p><strong>Result:</strong> {{ result }}</p>
-        {% else %}
-            <p>Processing... Refresh the page to check status.</p>
-        {% endif %}
+            <div class="text-center space-y-2">
+                <p class="text-lg"><strong>Task ID:</strong> {{ task_id }}</p>
+                <p class="text-lg"><strong>Status:</strong> <span id="status-text">{{ status }}</span></p>
+            </div>
+
+            {% if result %}
+                <div class="card bg-base-100 shadow-xl w-full max-w-2xl">
+                    <div class="card-body">
+                        <h2 class="card-title">Result</h2>
+                        <p>{{ result }}</p>
+                    </div>
+                </div>
+            {% else %}
+                <p class="text-lg">Processing... Status will update automatically.</p>
+            {% endif %}
+        </div>
     {% endif %}
 
-    <a href="{% url 'playground_home' %}">Submit another task</a>
-{% endblock%}
+    <div class="mt-8 text-center">
+        <a href="{% url 'playground_home' %}" class="btn btn-primary">Submit another task</a>
+    </div>
+</div>
+
+{% block extra_js %}
+<script>
+    function updateProgress() {
+        const statusText = document.getElementById('status-text');
+        const radialProgress = document.querySelector('.radial-progress');
+        
+        if (statusText.textContent === 'PROCESSING') {
+            // Increment progress by 5% every 2 seconds while processing
+            const currentValue = parseInt(radialProgress.style.getPropertyValue('--value') || '0');
+            const newValue = Math.min(currentValue + 5, 95);
+            radialProgress.style.setProperty('--value', newValue);
+            radialProgress.setAttribute('aria-valuenow', newValue);
+            radialProgress.querySelector('span').textContent = `${newValue}%`;
+        } else if (statusText.textContent === 'COMPLETED') {
+            radialProgress.style.setProperty('--value', '100');
+            radialProgress.setAttribute('aria-valuenow', '100');
+            radialProgress.querySelector('span').textContent = '100%';
+        }
+    }
+
+    // Update progress every 2 seconds if status is PROCESSING
+    setInterval(updateProgress, 2000);
+</script>
+{% endblock %}
+{% endblock %}

Algolyzer/playground/urls.py

@@ -1,9 +1,10 @@
 from django.urls import path
 
-from .views import doodle_classifier, playground_home, sentiment_analysis
+from .views import doodle_classifier, playground_home, sentiment_analysis, task_status
 
 urlpatterns = [
     path("", playground_home, name="playground_home"),
     path("sentiment_analysis/", sentiment_analysis, name="sentiment_analysis"),
     path("doodle_classifier/", doodle_classifier, name="doodle_classifier"),
+    path("task/<str:task_id>/", task_status, name="task_status"),
 ]

Algolyzer/playground/views.py

@@ -41,7 +41,7 @@ def sentiment_analysis(request):
         task.celery_task_id = celery_task.id
         task.save()
 
-        return redirect("sentiment_analysis")
+        return redirect("task_status", task_id=celery_task.id)
 
     else:
         """Handles task status retrieval."""
@@ -94,7 +94,7 @@ def doodle_classifier(request):
         task.celery_task_id = celery_task.id
         task.save()
 
-        return redirect("doodle_classifier")
+        return redirect("task_status", task_id=celery_task.id)
 
     else:
         # Fetch previous results
@@ -104,3 +104,38 @@ def doodle_classifier(request):
 
         context = {"previous_results": previous_results}
         return render(request, "playground/doodle_classifier.html", context=context)
+
+
+@login_required
+@profile_required
+def task_status(request, task_id):
+    """View to check task status and show progress."""
+    try:
+        task = PlaygroundTask.objects.get(celery_task_id=task_id, user=request.user)
+
+        # Calculate progress value based on status
+        if task.status == "COMPLETED":
+            progress_value = 100
+        elif task.status == "PROCESSING":
+            # Calculate progress based on time elapsed since creation
+            from datetime import datetime, timezone
+
+            now = datetime.now(timezone.utc)
+            elapsed = (now - task.created_at).total_seconds()
+            # Assuming average processing time is 30 seconds
+            progress_value = min(int((elapsed / 30) * 95), 95)
+        elif task.status == "FAILED":
+            progress_value = 0
+        else:  # PENDING
+            progress_value = 0
+
+        context = {
+            "task_id": task_id,
+            "status": task.status,
+            "result": task.result,
+            "progress_value": progress_value,
+        }
+        return render(request, "playground/task_status.html", context=context)
+    except PlaygroundTask.DoesNotExist:
+        context = {"error": "Task not found"}
+        return render(request, "playground/task_status.html", context=context)