Files
CloudOps/platform/templates/pages/containers.html

37 lines
1.3 KiB
HTML

{% extends "base.html" %}
{% block content %}
<div class="card">
<div class="card-header">
<div class="card-title"><i class="fas fa-layer-group"></i> All Containers</div>
<div style="display:flex;gap:8px;align-items:center;">
<span class="card-meta" id="all-ctr-meta"></span>
<button class="btn btn-ghost btn-sm" onclick="toggleExtraColumns('all')" id="all-toggle-btn">
<i class="fas fa-eye"></i> Show more
</button>
<button class="btn btn-ghost btn-sm" onclick="loadAllContainers()"><i class="fas fa-sync-alt"></i> Refresh</button>
</div>
</div>
<div style="overflow-x:auto;">
<table class="ct-table">
<thead>
<tr>
<th>NAME</th>
<th>OWNER</th>
<th>STATUS</th>
<th>CPU</th>
<th>MEMORY</th>
<th>NET I/O</th>
<th class="col-extra all-extra" style="display:none;">DISK I/O</th>
<th class="col-extra all-extra" style="display:none;">IMAGE</th>
<th class="col-extra all-extra" style="display:none;">PORTS</th>
<th>ACTIONS</th>
</tr>
</thead>
<tbody id="all-containers-body">
<tr><td colspan="10"><div class="empty-state"><i class="fas fa-spinner fa-spin"></i> Loading…</div></td></tr>
</tbody>
</table>
</div>
</div>
{% endblock %}