GSK-2529-debug-section-show-jobid-fix-layout (#32)

- show job id and fix for layout (2c82b2845167073de614d5fd9976970f8812310d)


Co-authored-by: zcy <ZeroCommand@users.noreply.huggingface.co>

app.py

@@ -14,7 +14,7 @@ try:
         with gr.Tab("Leaderboard"):
             get_demo_leaderboard()
         with gr.Tab("Logs(Debug)"):
-            get_demo_debug(demo)
+            get_demo_debug()
 
     start_process_run_job()
 

app_debug.py

@@ -45,14 +45,20 @@ def get_config_files():
     ]
     return config_files
 
+def get_jobs_info_in_queue():
+    return [f"⌛️job id {job[0]}: {job[2]}<br/>" for job in pipe.jobs]
 
-def get_demo(demo):
+def get_queue_status():
+    if len(pipe.jobs) > 0 or pipe.current is not None:
+        return f'<div style="padding-top: 5%">Current job: {pipe.current} <br/> Jobs in queue: <br/> {"".join(get_jobs_info_in_queue())}</div>'
+    else:
+        return '<div style="padding-top: 5%">No jobs in queue, please submit an evaluation task from another tab.</div>'
+
+
+def get_demo():
     with gr.Row():
-        # check if jobs is an attribute of pipe
-        gr.Markdown(
-            lambda: f"Current job: {pipe.current}, Jobs in queue: {len(pipe.jobs)}"
-            if len(pipe.jobs) > 0 or pipe.current is not None
-            else "No jobs in queue, please submit an evaluation task from another tab.",
+        gr.HTML(        
+            value=get_queue_status,
             every=5,
         )
     with gr.Accordion(label="Log Files", open=False):