| <!DOCTYPE html>
|
| <html>
|
| <head>
|
| <title>Storage Dashboard</title>
|
| <link rel="stylesheet" href="{{ url_for('static', path='style.css') }}">
|
| </head>
|
| <body>
|
| <div class="container">
|
| <div class="header">
|
| <h1>Storage Dashboard</h1>
|
| </div>
|
|
|
| <div class="stats-grid">
|
| <div class="stat-card">
|
| <div class="stat-title">VRAM Used</div>
|
| <div class="stat-value">{{ vram_used }}</div>
|
| </div>
|
| <div class="stat-card">
|
| <div class="stat-title">Active Tensors</div>
|
| <div class="stat-value">{{ active_tensors }}</div>
|
| </div>
|
| <div class="stat-card">
|
| <div class="stat-title">Loaded Models</div>
|
| <div class="stat-value">{{ loaded_models }}</div>
|
| </div>
|
| <div class="stat-card">
|
| <div class="stat-title">Storage Size</div>
|
| <div class="stat-value">{{ storage_size }}</div>
|
| </div>
|
| </div>
|
|
|
| <div class="files-section">
|
| <h2>Storage Contents</h2>
|
| <table>
|
| <thead>
|
| <tr>
|
| <th>File</th>
|
| <th>Size</th>
|
| <th>Last Modified</th>
|
| </tr>
|
| </thead>
|
| <tbody>
|
| {% for file in files %}
|
| <tr>
|
| <td>{{ file.name }}</td>
|
| <td>{{ file.size }}</td>
|
| <td>{{ file.modified }}</td>
|
| </tr>
|
| {% endfor %}
|
| </tbody>
|
| </table>
|
| </div>
|
| </div>
|
| </body>
|
| </html>
|
|
|
