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>

View File

@ -5,7 +5,12 @@
<a class="nav-link" href="/plugins/ctfd-whale/admin/settings">🔗 Settings</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="#">Instances</a>
<a class="nav-link{{ ' active' if session.get('page_type', 'containers') == 'containers' else '' }}"
href="/plugins/ctfd-whale/admin/containers?type=instances">Instances</a>
</li>
<li class="nav-item">
<a class="nav-link{{ ' active' if session.get('page_type') == 'logs' else '' }}"
href="/plugins/ctfd-whale/admin/containers?type=logs">Logs</a>
</li>
<li class="nav-item nav-link">
@ -25,7 +30,7 @@
<ul class="pagination">
<li class="page-item{{ ' disabled' if curr_page <= 1 else '' }}">
<a class="page-link" aria-label="Previous"
href="/plugins/ctfd-whale/admin/containers?page={{ curr_page - 1 }}"
href="/plugins/ctfd-whale/admin/containers?page={{ curr_page - 1 }}&type={{ session.get('page_type', 'containers') }}"
>
<span aria-hidden="true">&laquo;</span>
<span class="sr-only">Previous</span>
@ -36,13 +41,13 @@
{% for page in range(range_l, range_r + 1) %}
<li class="page-item{{ ' active' if curr_page == page }}">
<a class="page-link"
href="/plugins/ctfd-whale/admin/containers?page={{ page }}"
href="/plugins/ctfd-whale/admin/containers?page={{ page }}&type={{ request.args.get('type', 'instances') }}"
>{{ page }}</a>
</li>
{% endfor %}
<li class="page-item{{ ' disabled' if curr_page >= pages else '' }}">
<a class="page-link" aria-label="Next"
href="/plugins/ctfd-whale/admin/containers?page={{ curr_page + 1 }}"
href="/plugins/ctfd-whale/admin/containers?page={{ curr_page + 1 }}&type={{ request.args.get('type', 'instances') }}"
>
<span aria-hidden="true">&raquo;</span>
<span class="sr-only">Next</span>
@ -53,17 +58,22 @@
<li class="nav-item nav-link">
{% if session['view_mode'] == 'card' %}
<a href="?mode=list">Switch to list mode</a>
<a href="?mode=list&type={{ session.get('page_type', 'containers') }}">Switch to list mode</a>
{% else %}
<a href="?mode=card">Switch to card mode</a>
<a href="?mode=card&type={{ session.get('page_type', 'containers') }}">Switch to card mode</a>
{% endif %}
</li>
{% endblock %}
{% block panel %}
{% include "containers/" + session["view_mode"] + ".containers.html" %}
{% if session.get("page_type", "containers") == "containers" %}
{% include "containers/" + session["view_mode"] + ".containers.html" %}
{% elif session["page_type"] == "logs" %}
{% include "containers/" + session["view_mode"] + ".logs.html" %}
{% endif %}
{% endblock %}
{% block scripts %}
<script defer src="{{ url_for('plugins.ctfd-whale.assets', path='containers.js') }}"></script>
{% endblock %}