From 7fb1cee5757cc57940a34f44a4e6b4892a695e27 Mon Sep 17 00:00:00 2001
From: Zilong Zhou <zzl0712@connect.hku.hk>
Date: Fri, 18 Jul 2025 19:52:03 +0800
Subject: [PATCH] fix: img path error (#271)

* feat&style: add task status configuration and clear cache functionality; enhance UI styles

* feat&refactor: enhance current configuration API and improve cache clearing logic

* refactor&style: simplify task status update logic and improve page refresh mechanism

* refactor&feat: streamline default configuration retrieval and enhance cache initialization logic

* feat&refactor: add caching to default configuration retrieval and streamline task status logic

* feat&style: add collapsible section for additional model parameters and enhance styling for config items

* refactor&style: remove floating action button and clean up related styles

* fix: update video and screenshot sources to include action space, observation type, and model name parameters
---
 monitor/templates/task_detail.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/monitor/templates/task_detail.html b/monitor/templates/task_detail.html
index 4bf6f95..ced6f52 100644
--- a/monitor/templates/task_detail.html
+++ b/monitor/templates/task_detail.html
@@ -73,7 +73,7 @@
                     <div class="video-player">
                         <video id="task-recording" controls playsinline webkit-playsinline
                                preload="metadata" width="100%" controlslist="nodownload">
-                            <source src="/task/{{ task_type }}/{{ task_id }}/recording" type="video/mp4">
+                            <source src="/task/{{ task_type }}/{{ task_id }}/recording?action_space={{ action_space }}&observation_type={{ observation_type }}&model_name={{ model_name }}" type="video/mp4">
                             Your browser does not support the video tag.
                         </video>
                         <div id="video-status" class="video-status">Loading video...</div>
@@ -103,7 +103,7 @@
                             {% endif %}</pre>
                             {% if step.screenshot_file %}
                                 <div>
-                                    <img src="/task/{{ task_type }}/{{ task_id }}/screenshot/{{ step.screenshot_file }}" 
+                                    <img src="/task/{{ task_type }}/{{ task_id }}/screenshot/{{ step.screenshot_file }}?action_space={{ action_space }}&observation_type={{ observation_type }}&model_name={{ model_name }}" 
                                             alt="Step {{ step.step_num }} Screenshot" class="step-image">
                                 </div>
                             {% endif %}
@@ -155,7 +155,7 @@
                 }, 2000);
                 
                 // Directly check video source availability with fetch API
-                fetch('/task/{{ task_type }}/{{ task_id }}/recording', {method: 'HEAD'})
+                fetch('/task/{{ task_type }}/{{ task_id }}/recording?action_space={{ action_space }}&observation_type={{ observation_type }}&model_name={{ model_name }}', {method: 'HEAD'})
                     .then(function(response) {
                         if (response.ok && videoStatus.textContent === 'Loading video...') {
                             // If HEAD request succeeds but video events haven't fired