feat: Add back button to navigation on dashboard pages

Add browser history back button alongside existing dashboard links on
vessels, aircraft, network monitor, and remote agents pages.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Smittix
2026-01-27 23:23:13 +00:00
parent 69eea1e895
commit f70deb32a2
4 changed files with 25 additions and 8 deletions

View File

@@ -30,6 +30,7 @@
<input type="checkbox" id="showAllAgents" onchange="toggleShowAllAgents()"> All
</label>
</div>
<a href="#" onclick="history.back(); return false;" class="back-link">Back</a>
<a href="/?mode=aircraft" class="back-link">Main Dashboard</a>
</div>
</header>

View File

@@ -223,7 +223,13 @@
opacity: 0.5;
}
/* Back button */
/* Navigation links */
.nav-links {
display: flex;
gap: 16px;
margin-bottom: 20px;
}
.back-link {
display: inline-flex;
align-items: center;
@@ -231,7 +237,6 @@
color: var(--accent-cyan);
text-decoration: none;
font-size: 14px;
margin-bottom: 20px;
}
.back-link:hover {
@@ -296,12 +301,21 @@
</header>
<div class="agents-container">
<a href="/" class="back-link">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M19 12H5M12 19l-7-7 7-7"/>
</svg>
Back to Dashboard
</a>
<div class="nav-links">
<a href="#" onclick="history.back(); return false;" class="back-link">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M19 12H5M12 19l-7-7 7-7"/>
</svg>
Back
</a>
<a href="/" class="back-link">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>
<polyline points="9 22 9 12 15 12 15 22"/>
</svg>
Dashboard
</a>
</div>
<div class="agents-header">
<h1>Remote Agents</h1>

View File

@@ -31,6 +31,7 @@
<input type="checkbox" id="showAllAgents" onchange="toggleShowAllAgents()"> All
</label>
</div>
<a href="#" onclick="history.back(); return false;" class="back-link">Back</a>
<a href="/" class="back-link">Main Dashboard</a>
</div>
</header>

View File

@@ -514,6 +514,7 @@
<span>// MULTI-AGENT VIEW</span>
</div>
<nav class="header-nav">
<a href="#" onclick="history.back(); return false;">Back</a>
<a href="/">Dashboard</a>
<a href="/controller/manage">Manage Agents</a>
</nav>