Collapse servers images

Users can collapse images list by clicking on the server.
async-tree
Javier Sánchez Parra 2022-09-15 14:48:55 +02:00
parent 0c66443db8
commit 5af589a94d
1 changed files with 9 additions and 6 deletions

View File

@ -21,14 +21,17 @@
{% endblock %}
{% block sidebar %}
<ul id="servers" class="nav flex-column nav-pills">
<ul id="servers" class="nav ogcp-nav flex-column nav-pills">
{% for response in responses %}
{% set server_str = response["server"]["ip"] ~ ":" ~ response["server"]["port"] %}
<input class="form-check-input" type="checkbox" form="imagesForm"
id="{{ server_str }}" value="{{ server_str }}"
onclick="return false;" name="image-server" hidden/>
<li class="nav-item"><b>{{ response["server"]["name"] }}</b>
<ul id="images" class="nav flex-column nav-pills">
<li class="nav-item">
<input class="form-check-input" type="checkbox" form="imagesForm"
id="{{ server_str }}" value="{{ server_str }}"
onclick="return false;" name="image-server" hidden/>
<a class="nav-link" data-toggle="collapse" data-target="#images-{{ loop.index0 }}">
<b>{{ response["server"]["name"] }}</b>
</a>
<ul id="images-{{ loop.index0 }}" class="nav flex-column nav-pills collapse">
{% for image in response["json"]["images"] %}
<li id="{{ image["name"] }}_{{ image["id"] }}" class="nav-item">
<input class="form-check-input" type="checkbox" form="imagesForm"