Common
This commit is contained in:
44
templates/containers/card.logs.html
Normal file
44
templates/containers/card.logs.html
Normal 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>
|
||||
63
templates/containers/list.logs.html
Normal file
63
templates/containers/list.logs.html
Normal 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">
|
||||
<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">
|
||||
<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>
|
||||
@ -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">«</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">»</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 %}
|
||||
|
||||
Reference in New Issue
Block a user