From 3752ad5160c05bc8d28a5d0fedca135b82fa7e70 Mon Sep 17 00:00:00 2001
From: catborise <catborise@yahoo.com>
Date: Thu, 5 Dec 2019 11:33:07 +0300
Subject: [PATCH] Hypervisor list rearrange view on Host overview, if it is
 more than 4

---
 computes/templates/overview.html | 33 ++++++++++++++++----------------
 1 file changed, 16 insertions(+), 17 deletions(-)

diff --git a/computes/templates/overview.html b/computes/templates/overview.html
index e6f824f..d230df5 100644
--- a/computes/templates/overview.html
+++ b/computes/templates/overview.html
@@ -53,31 +53,30 @@
         <div class="col-xs-8 col-sm-9">
             <p>{{ hostname }}</p>
             <p><div class="btn-group" style="margin-left: 8px">
-            {% for arch, hpv in hypervisor.items %}
-                {% if forloop.counter < 4 %}
-                <div class="btn-group" >
+                {% for arch, hpv in hypervisor.items|slice:":4" %}
+                    <div class="btn-group" >
+                        <button class="btn btn-xs btn-default dropdown-toggle" type="button" id="dropdownMenuButton{{ forloop.counter0 }}" data-toggle="dropdown">
+                            {{ arch }}
+                            <span class="caret"></span>
+                        </button>
+                        <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton{{ forloop.counter0 }}" role="menu">
+                            {% for h in hpv %}
+                                <li><a href="#">{{ h }}</a></li>
+                            {% endfor %}
+                        </ul>
+                    </div>
+                {% endfor %}
+                {% if hypervisor.items|length > 4 %}
                     <button class="btn btn-xs btn-default dropdown-toggle" type="button" id="dropdownMenuButton{{ forloop.counter0 }}" data-toggle="dropdown">
-                        {{ arch }}
+                        {{ hypervisor.items|slice:"4:"|length }} {% trans 'more' %}...
                         <span class="caret"></span>
                     </button>
                     <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton{{ forloop.counter0 }}" role="menu">
-                        {% for h in hpv %}
-                            <li><a href="#">{{ h }}</a></li>
-                        {% endfor %}
-                    </ul>
-                </div>
-                {% else %}
-                    <button class="btn btn-xs btn-default dropdown-toggle" type="button" id="dropdownMenuButton{{ forloop.counter0 }}" data-toggle="dropdown">
-                        {{ hypervisor|length }} {% trans 'more' %}...
-                        <span class="caret"></span>
-                    </button>
-                    <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>
                         {% endfor %}
                     </ul>
                 {% endif %}
-            {% endfor %}
             </div></p>
             <p>{{ emulator }}</p>
             <p>