From 76f857d21870f74581b3ee3de19bde528ed9942d Mon Sep 17 00:00:00 2001
From: "Ing. Jan KRCMAR" <honza801@civ.zcu.cz>
Date: Mon, 10 Sep 2018 10:14:16 +0200
Subject: [PATCH] toggle host instances button in grouped view

---
 instances/templates/instances_grouped.html | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/instances/templates/instances_grouped.html b/instances/templates/instances_grouped.html
index 7358c28..2e129c2 100644
--- a/instances/templates/instances_grouped.html
+++ b/instances/templates/instances_grouped.html
@@ -14,7 +14,9 @@
     <tbody class="searchable">
     {% for host, inst  in all_host_vms.items %}
         <tr class="active" style="font-weight: bold;border-bottom: 2px solid darkgray;border-top: 2px solid darkgray;">
-            <td><span class="fa fa-server"></span> </td>
+            <td>
+                <span id="collapse_host_instances_{{ host.1 }}" class="glyphicon glyphicon-chevron-up" onclick="hide_host_instances('{{ host.1 }}');"></span>
+            </td>
             <td><a href="{% url 'overview' host.0 %}">{{ host.1 }}</a></td>
             <td></td>
             <td>
@@ -32,7 +34,7 @@
         </tr>
 
         {% for vm, info in inst.items %}
-            <tr>
+            <tr host="{{ host.1 }}">
                 <td style="text-align: right">{{ forloop.counter }} </td>
                 <td>&emsp; <a href="{% url 'instance' host.0 vm %}">{{ vm }}</a><br>
                     <small><em>{{ info.title }}</em></small>
@@ -119,4 +121,15 @@
         {% endfor %}
     {% endfor %}
     </tbody>
-</table>
\ No newline at end of file
+</table>
+{% block script %}
+<script>
+function hide_host_instances(host) {
+    var rows = $('table tr');
+
+    host_rows = rows.filter('[host='+host+']');
+    host_rows.toggle();
+    $('span#collapse_host_instances_'+host).toggleClass("glyphicon-chevron-down").toggleClass("glyphicon-chevron-up");
+}
+</script>
+{% endblock %}