othman.suseno/vtl-appliance
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Add Library Visualizer (Slots & Drives) to Web UI

Browse Source
This commit is contained in:
othman hendy suseno
2025-12-10 14:36:24 +00:00
parent 0b026aa11f
commit 79cf24cb8c
10 changed files with 491 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
web-ui/index.html
View File

@@ -208,6 +208,35 @@
<p>Complete CRUD management for virtual tape files</p>
</div>
<div class="card">
<div class="card-header">
<h3>👀 Library Visualizer</h3>
<button class="btn btn-primary btn-small" onclick="loadLibraryStatus()" style="float: right;">
<span>🔄</span> Refresh
</button>
</div>
<div class="card-body">
<div id="viz-loading" style="display: none; text-align: center; padding: 2rem;">
<strong>⏳</strong> Loading library status...
</div>
<div id="viz-error" class="alert alert-danger" style="display: none;"></div>
<div id="library-viz" class="library-viz" style="display: none;">
<div class="viz-section">
<h4>Drives</h4>
<div id="viz-drives" class="viz-grid"></div>
</div>
<div class="viz-section">
<h4>MAPs / Ports</h4>
<div id="viz-maps" class="viz-grid"></div>
</div>
<div class="viz-section">
<h4>Storage Slots</h4>
<div id="viz-slots" class="viz-grid"></div>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header">
<h3>➕ Create New Tapes</h3>