From e157c1f4636ee785bad42fbbf4742b69a5c6d4aa Mon Sep 17 00:00:00 2001
From: James Valleroy <jvalleroy@mailbox.org>
Date: Sat, 17 Aug 2019 11:16:57 -0400
Subject: [PATCH] security: Hide vulnerability table by default

Signed-off-by: James Valleroy <jvalleroy@mailbox.org>
[sunil@medhas.org Fix 'rol' attribute to 'role']
Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Sunil Mohan Adapa <sunil@medhas.org>
---
 .../modules/security/templates/security.html  | 37 ++++++++++++-------
 1 file changed, 23 insertions(+), 14 deletions(-)

diff --git a/plinth/modules/security/templates/security.html b/plinth/modules/security/templates/security.html
index 7d4ddf20c..07e585ccf 100644
--- a/plinth/modules/security/templates/security.html
+++ b/plinth/modules/security/templates/security.html
@@ -35,20 +35,29 @@
       for each installed app.
     {% endblocktrans %}
   </p>
-  <table class="table table-bordered table-condensed table-striped">
-    <thead>
-      <tr>
-        <th>{% trans "App Name" %}</th>
-        <th>{% trans "Vulnerabilities Reported" %}</th>
-      </tr>
-    </thead>
-    <tbody>
-      {% for app in apps_vulns %}
+  <a class="btn btn-default collapsed collapsible-button" role="button"
+     data-toggle="collapse" href="#collapse-vulns" aria-expanded="false"
+     aria-controls="collapse-vulns">
+    <span class="fa fa-chevron-right fa-fw" aria-hidden="true"></span>
+    {% trans "Show security vulnerabilities" %}
+  </a>
+
+  <div class="collapse" id="collapse-vulns">
+    <table class="table table-bordered table-condensed table-striped">
+      <thead>
         <tr>
-          <td>{{ app.name }}</td>
-          <td>{{ app.count }}</td>
+          <th>{% trans "App Name" %}</th>
+          <th>{% trans "Vulnerabilities Reported" %}</th>
         </tr>
-      {% endfor %}
-    </tbody>
-  </table>
+      </thead>
+      <tbody>
+        {% for app in apps_vulns %}
+          <tr>
+            <td>{{ app.name }}</td>
+            <td>{{ app.count }}</td>
+          </tr>
+        {% endfor %}
+      </tbody>
+    </table>
+  </div>
 {% endblock %}