1
0
Fork 0
mirror of https://github.com/retspen/webvirtcloud synced 2025-01-12 16:35:17 +00:00

Hypervisor list rearrange view on Host overview, if it is more than 4

This commit is contained in:
catborise 2019-12-05 11:33:07 +03:00
parent 49e179590e
commit 3752ad5160

View file

@ -53,8 +53,7 @@
<div class="col-xs-8 col-sm-9"> <div class="col-xs-8 col-sm-9">
<p>{{ hostname }}</p> <p>{{ hostname }}</p>
<p><div class="btn-group" style="margin-left: 8px"> <p><div class="btn-group" style="margin-left: 8px">
{% for arch, hpv in hypervisor.items %} {% for arch, hpv in hypervisor.items|slice:":4" %}
{% if forloop.counter < 4 %}
<div class="btn-group" > <div class="btn-group" >
<button class="btn btn-xs btn-default dropdown-toggle" type="button" id="dropdownMenuButton{{ forloop.counter0 }}" data-toggle="dropdown"> <button class="btn btn-xs btn-default dropdown-toggle" type="button" id="dropdownMenuButton{{ forloop.counter0 }}" data-toggle="dropdown">
{{ arch }} {{ arch }}
@ -66,18 +65,18 @@
{% endfor %} {% endfor %}
</ul> </ul>
</div> </div>
{% else %} {% endfor %}
{% if hypervisor.items|length > 4 %}
<button class="btn btn-xs btn-default dropdown-toggle" type="button" id="dropdownMenuButton{{ forloop.counter0 }}" data-toggle="dropdown"> <button class="btn btn-xs btn-default dropdown-toggle" type="button" id="dropdownMenuButton{{ forloop.counter0 }}" data-toggle="dropdown">
{{ hypervisor|length }} {% trans 'more' %}... {{ hypervisor.items|slice:"4:"|length }} {% trans 'more' %}...
<span class="caret"></span> <span class="caret"></span>
</button> </button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton{{ forloop.counter0 }}" role="menu"> <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton{{ forloop.counter0 }}" role="menu">
{% for arc in hypervisor.keys %} {% for arc in hypervisor.keys|slice:"4:" %}
<li><a href="#">{{ arc }}</a></li> <li><a href="#">{{ arc }}</a></li>
{% endfor %} {% endfor %}
</ul> </ul>
{% endif %} {% endif %}
{% endfor %}
</div></p> </div></p>
<p>{{ emulator }}</p> <p>{{ emulator }}</p>
<p> <p>