Spaces:
No application file
No application file
Update browser_automation_ui.html
Browse files- browser_automation_ui.html +11 -20
browser_automation_ui.html
CHANGED
|
@@ -94,14 +94,6 @@
|
|
| 94 |
<p>Playwright 路 Selenium 路 Screenshot 路 Scraping</p>
|
| 95 |
</header>
|
| 96 |
|
| 97 |
-
<!-- Status Bar -->
|
| 98 |
-
<div class="status-bar" id="statusBar">
|
| 99 |
-
<div class="status-item"><span class="status-indicator status-offline" id="poolDot"></span> Pool</div>
|
| 100 |
-
<div class="status-item"><span class="status-indicator status-offline" id="playwrightDot"></span> Playwright</div>
|
| 101 |
-
<div class="status-item"><span class="status-indicator status-offline" id="seleniumDot"></span> Selenium</div>
|
| 102 |
-
<button class="btn btn-primary" onclick="checkStatus()"><i class="lucide lucide-refresh-ccw"></i>Refresh</button>
|
| 103 |
-
</div>
|
| 104 |
-
|
| 105 |
<!-- Main card with Tabs -->
|
| 106 |
<div class="main-card">
|
| 107 |
<nav class="tab-nav">
|
|
@@ -342,16 +334,16 @@
|
|
| 342 |
}
|
| 343 |
function setDot(id, ok){ const el=document.getElementById(id); el.classList.toggle('status-online',ok); el.classList.toggle('status-offline',!ok);}
|
| 344 |
|
| 345 |
-
// --- Actions ---
|
| 346 |
-
async function checkStatus() {
|
| 347 |
-
|
| 348 |
-
|
| 349 |
-
|
| 350 |
-
|
| 351 |
-
|
| 352 |
-
|
| 353 |
-
|
| 354 |
-
}
|
| 355 |
|
| 356 |
// async function launchBrowser(){
|
| 357 |
// const out = await api('/browser/launch');
|
|
@@ -371,7 +363,6 @@
|
|
| 371 |
//sessions.push(sessionId);
|
| 372 |
//renderSessionList();
|
| 373 |
await refreshSessions();
|
| 374 |
-
checkStatus();
|
| 375 |
}
|
| 376 |
|
| 377 |
// Refresh list and auto鈥慼ighlight
|
|
@@ -445,7 +436,7 @@
|
|
| 445 |
// auto鈥憆efresh on page load
|
| 446 |
document.addEventListener("DOMContentLoaded", refreshSessions);
|
| 447 |
// Init icons & status
|
| 448 |
-
window.addEventListener('DOMContentLoaded',()=>{ lucide.createIcons();
|
| 449 |
</script>
|
| 450 |
</body>
|
| 451 |
</html>
|
|
|
|
| 94 |
<p>Playwright 路 Selenium 路 Screenshot 路 Scraping</p>
|
| 95 |
</header>
|
| 96 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 97 |
<!-- Main card with Tabs -->
|
| 98 |
<div class="main-card">
|
| 99 |
<nav class="tab-nav">
|
|
|
|
| 334 |
}
|
| 335 |
function setDot(id, ok){ const el=document.getElementById(id); el.classList.toggle('status-online',ok); el.classList.toggle('status-offline',!ok);}
|
| 336 |
|
| 337 |
+
// // --- Actions ---
|
| 338 |
+
// async function checkStatus() {
|
| 339 |
+
// const out = await health().catch(() => ({ status: 'down' }));
|
| 340 |
+
// const up = out.status === 'healthy';
|
| 341 |
+
// // We don't have separate pool/playwright/selenium flags from backend yet,
|
| 342 |
+
// // so treat health OK as all鈥慻reen.
|
| 343 |
+
// setDot('poolDot', up);
|
| 344 |
+
// setDot('playwrightDot', up);
|
| 345 |
+
// setDot('seleniumDot', up);
|
| 346 |
+
// }
|
| 347 |
|
| 348 |
// async function launchBrowser(){
|
| 349 |
// const out = await api('/browser/launch');
|
|
|
|
| 363 |
//sessions.push(sessionId);
|
| 364 |
//renderSessionList();
|
| 365 |
await refreshSessions();
|
|
|
|
| 366 |
}
|
| 367 |
|
| 368 |
// Refresh list and auto鈥慼ighlight
|
|
|
|
| 436 |
// auto鈥憆efresh on page load
|
| 437 |
document.addEventListener("DOMContentLoaded", refreshSessions);
|
| 438 |
// Init icons & status
|
| 439 |
+
window.addEventListener('DOMContentLoaded',()=>{ lucide.createIcons(); });
|
| 440 |
</script>
|
| 441 |
</body>
|
| 442 |
</html>
|