fix: [PORTALS] Add a portal status wall for production, staging, and local worlds (closes #714)

This commit is contained in:
Alexander Whitestone
2026-04-10 20:17:32 -04:00
parent cc4af009c7
commit dc389539f0
4 changed files with 343 additions and 7 deletions

View File

@@ -264,11 +264,57 @@
<div class="atlas-grid" id="atlas-grid">
<!-- Portals will be injected here -->
</div>
<!-- Portal Status Wall -->
<div class="atlas-status-wall">
<div class="status-wall-header">
<span class="status-wall-title">WORLD STATUS WALL</span>
<span class="status-wall-subtitle">Real-time portal health</span>
</div>
<div class="status-wall-grid">
<div class="status-wall-env" id="status-wall-production">
<div class="status-env-header">
<span class="status-env-dot production"></span>
<span class="status-env-label">PRODUCTION</span>
</div>
<div class="status-env-portals" id="production-portals"></div>
<div class="status-env-summary" id="production-summary"></div>
</div>
<div class="status-wall-env" id="status-wall-staging">
<div class="status-env-header">
<span class="status-env-dot staging"></span>
<span class="status-env-label">STAGING</span>
</div>
<div class="status-env-portals" id="staging-portals"></div>
<div class="status-env-summary" id="staging-summary"></div>
</div>
<div class="status-wall-env" id="status-wall-local">
<div class="status-env-header">
<span class="status-env-dot local"></span>
<span class="status-env-label">LOCAL</span>
</div>
<div class="status-env-portals" id="local-portals"></div>
<div class="status-env-summary" id="local-summary"></div>
</div>
</div>
<div class="status-wall-legend">
<div class="legend-item"><span class="status-dot online"></span> Online</div>
<div class="legend-item"><span class="status-dot rebuilding"></span> Rebuilding</div>
<div class="legend-item"><span class="status-dot local-only"></span> Local-only</div>
<div class="legend-item"><span class="status-dot blocked"></span> Blocked</div>
<div class="legend-item"><span class="status-dot offline"></span> Offline</div>
</div>
</div>
<div class="atlas-footer">
<div class="atlas-status-summary">
<span class="status-indicator online"></span> <span id="atlas-online-count">0</span> ONLINE
&nbsp;&nbsp;
<span class="status-indicator standby"></span> <span id="atlas-standby-count">0</span> STANDBY
&nbsp;&nbsp;
<span class="status-indicator rebuilding"></span> <span id="atlas-rebuilding-count">0</span> REBUILDING
&nbsp;&nbsp;
<span class="status-indicator local-only"></span> <span id="atlas-local-count">0</span> LOCAL
&nbsp;&nbsp;
<span class="status-indicator blocked"></span> <span id="atlas-blocked-count">0</span> BLOCKED
</div>
<div class="atlas-hint">Click a portal to focus or teleport</div>
</div>