Splitting idle and active time on dashboard

Author: samuelclay

server/resources/dashboard_resource.py

@@ -94,16 +94,22 @@ def _get_vnc_data(self):
                         duration = now - boot_time
                         session_duration_minutes = int(duration.total_seconds() / 60)
 
-                    # Calculate idle state based on last_used (2 minutes = 120 seconds)
+                    # Calculate idle state and duration based on last_used (2 minutes = 120 seconds)
                     is_idle = False
+                    idle_duration_minutes = None
                     if last_used and not instance.is_booting:
                         # Make sure last_used is timezone-aware
                         if last_used.tzinfo is None:
                             last_used = last_used.replace(tzinfo=timezone.utc)
 
                         now = datetime.now(timezone.utc)
                         time_since_activity = now - last_used
-                        is_idle = time_since_activity.total_seconds() > 120  # 2 minutes
+                        idle_seconds = time_since_activity.total_seconds()
+                        is_idle = idle_seconds > 120  # 2 minutes
+
+                        # Calculate idle duration in minutes if idle
+                        if is_idle:
+                            idle_duration_minutes = int(idle_seconds / 60)
 
                     vnc_info = {
                         "server_name": instance.server_name,
@@ -116,6 +122,7 @@ def _get_vnc_data(self):
                         "emulator_port": instance.emulator_port,
                         "is_booting": instance.is_booting,
                         "is_idle": is_idle,
+                        "idle_duration_minutes": idle_duration_minutes,
                         "last_used": last_used.isoformat() if last_used else None,
                         "appium_running": instance.appium_running,
                         "session_duration_minutes": session_duration_minutes,

server/templates/vnc-dashboard.html

@@ -1084,7 +1084,15 @@ <h2>No Active Emulators</h2>
             // Format status with duration
             let statusText = instance.is_booting ? 'Booting' : (instance.is_idle ? 'Idle' : 'Active');
             let durationText = '';
-            if (instance.session_duration_minutes !== null && instance.session_duration_minutes !== undefined) {
+
+            // Show appropriate duration(s)
+            if (instance.is_idle && instance.idle_duration_minutes !== null && instance.idle_duration_minutes !== undefined) {
+                // For idle: show "Idle Xm · Ym" where X is idle duration and Y is session duration
+                statusText = `Idle ${instance.idle_duration_minutes}m`;
+                if (instance.session_duration_minutes !== null && instance.session_duration_minutes !== undefined) {
+                    durationText = ` · <span style="color: #10b981;">${instance.session_duration_minutes}m</span>`;
+                }
+            } else if (instance.session_duration_minutes !== null && instance.session_duration_minutes !== undefined) {
                 durationText = ` · ${instance.session_duration_minutes}m`;
             }
 
@@ -1164,10 +1172,18 @@ <h2>No Active Emulators</h2>
                             // Update status text with duration
                             let statusText = instance.is_booting ? 'Booting' : (instance.is_idle ? 'Idle' : 'Active');
                             let durationText = '';
-                            if (instance.session_duration_minutes !== null && instance.session_duration_minutes !== undefined) {
+
+                            // Show appropriate duration(s)
+                            if (instance.is_idle && instance.idle_duration_minutes !== null && instance.idle_duration_minutes !== undefined) {
+                                // For idle: show "Idle Xm · Ym" where X is idle duration and Y is session duration
+                                statusText = `Idle ${instance.idle_duration_minutes}m`;
+                                if (instance.session_duration_minutes !== null && instance.session_duration_minutes !== undefined) {
+                                    durationText = ` · <span style="color: #10b981;">${instance.session_duration_minutes}m</span>`;
+                                }
+                            } else if (instance.session_duration_minutes !== null && instance.session_duration_minutes !== undefined) {
                                 durationText = ` · ${instance.session_duration_minutes}m`;
                             }
-                            statusTextEl.textContent = `${statusText}${durationText}`;
+                            statusTextEl.innerHTML = `${statusText}${durationText}`;
                         }
                     }