From 8885df4f77340bfefc60889cf9e3398be0cf08fe Mon Sep 17 00:00:00 2001
From: Florian Strohmaier <florian.strohmaier@icinga.com>
Date: Thu, 8 Aug 2019 14:51:46 +0200
Subject: [PATCH] List/Services: Make controls collapsible

---
 .../views/scripts/list/services.phtml          | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/modules/monitoring/application/views/scripts/list/services.phtml b/modules/monitoring/application/views/scripts/list/services.phtml
index 0c7865316..002d70569 100644
--- a/modules/monitoring/application/views/scripts/list/services.phtml
+++ b/modules/monitoring/application/views/scripts/list/services.phtml
@@ -4,14 +4,20 @@ use Icinga\Module\Monitoring\Object\Host;
 use Icinga\Module\Monitoring\Object\Service;
 
 if (! $this->compact): ?>
-<div class="controls">
+<div class="controls separated">
     <?= $this->tabs ?>
-    <?= $this->paginator ?>
-    <div class="sort-controls-container">
-        <?= $this->limiter ?>
-        <?= $this->sortBox ?>
+    <div class="collapsible" data-toggle-element=".controls-toggle" data-visible-height="0">
+        <?= $this->paginator ?>
+        <div class="sort-controls-container">
+            <?= $this->limiter ?>
+            <?= $this->sortBox ?>
+        </div>
+        <?= $this->filterEditor ?>
     </div>
-    <?= $this->filterEditor ?>
+    <button class="controls-toggle">
+        <span class="controls-collapsed"><i class="icon-sliders"></i> Show controls</span>
+        <span class="controls-expanded"><i class="icon-cancel"></i> Hide controls</span>
+    </button>
 </div>
 <?php endif ?>
 <div class="content">