This commit is contained in:
2025-09-19 23:01:16 +08:00
parent 2f921b6209
commit 5ad898f97d
8 changed files with 202 additions and 9 deletions

View File

@ -0,0 +1,44 @@
<style>
.info-card.card {
height: 11rem;
}
.card-text {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.card-text:hover {
white-space: pre-line;
overflow: visible;
}
</style>
<div class="row">
{% for container in containers %}
<div class="col-sm-6 pb-3">
<div class="info-card card">
<div class="card-body">
<h5 class="d-inline-block card-title">
<a style="width: 5rem;"
href="{{ url_for('admin.challenges_detail', challenge_id=container.challenge.id) }}"
>{{ container.challenge.name | truncate(15) }}
</a>
</h5>
<h6 class="d-inline-block card-subtitle float-right">
<a style="width: 5rem;"
class="btn btn-outline-secondary rounded"
href="{{ url_for('admin.users_detail', user_id=container.user.id) }}"
>{{ container.user.name | truncate(5) }}
</a>
</h6>
<p class="card-text">Container: {{ container.uuid }}</p>
<p class="card-text">{{ container.flag }}</p>
Time Started: {{ container.start_time }}
<span class="badge badge-secondary float-right">Log Record</span>
</div>
</div>
</div>
{% endfor %}
</div>

View File

@ -0,0 +1,63 @@
<div class="row">
<div class="col-md-12">
<table class="table table-striped border">
<thead>
<tr>
<th class="border-right" data-checkbox>
<div class="form-check text-center">&nbsp;
<input type="checkbox" class="form-check-input" data-checkbox-all>
</div>
</th>
<th class="sort-col text-center"><b>ID</b></td>
<th class="text-center"><b>User</b></td>
<th class="sort-col text-center"><b>Challenge</b></td>
<th class="text-center"><b>Container</b></td>
<th class="text-center"><b>Port</b></td>
<th class="text-center"><b>Flag</b></td>
<th class="sort-col text-center"><b>Startup Time</b></td>
</tr>
</thead>
<tbody>
{% for container in containers %}
<tr>
<td class="border-right" data-checkbox>
<div class="form-check text-center">&nbsp;
<input type="checkbox" class="form-check-input" data-user-id="{{ container.user.id }}">
</div>
</td>
<td class="text-center">
{{ container.id }}
</td>
<td class="text-center">
<a href="{{ url_for('admin.users_detail', user_id=container.user.id) }}">
{{ container.user.name | truncate(12) }}
</a>
</td>
<td class="text-center">
<a href="{{ url_for('admin.challenges_detail', challenge_id=container.challenge.id) }}">
{{ container.challenge.name }}
</a>
</td>
<td class="text-center" style="word-break: break-all; white-space: normal; max-width: 200px;">
<span class="d-inline-block" style="font-family: monospace; font-size: 0.85em;">{{ container.uuid }}</span>
<button class="btn btn-link p-0 click-copy ml-1" data-copy="{{ container.uuid }}" title="复制UUID">
<i class="fas fa-clipboard"></i>
</button>
</td>
<td class="text-center">
{{ container.port if container.port else '-' }}
</td>
<td class="text-center">
<button class="btn btn-link p-0 click-copy" data-copy="{{ container.flag }}">
<i class="fas fa-clipboard"></i>
</button>
</td>
<td class="text-center">
<span data-time="{{ container.start_time | isoformat }}"></span>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>