ogcp: add disclosure widget to sidebar

Add cache buster to soleta.css in base.html to have control over
cache expirity.
Bump soleta.css version to ensure browser does not used older (cached)
version.
Add CSS rules to show a disclosure widget in the sidebar.
Show center checkboxes as disabled in the commands view sidebar
for visual consistency.
Add class "collapsed" to the proper HTML components to keep a
proper state on page reload.

2 files changed, 17 insertions, 0 deletions

diff --git a/ogcp/static/css/soleta.css b/ogcp/static/css/soleta.css
index 6a0a850..7009abb 100644
--- a/ogcp/static/css/soleta.css
+++ b/ogcp/static/css/soleta.css
@@ -61,3 +61,18 @@ html, body {
 #dhcpd_conf {
   height: 25rem;
 }
+
+a.nav-link.collapsed:not(.disabled)[data-toggle="collapse"]::before {
+  content: "▶";
+  position: absolute;
+  left: -15px;
+  font-size: 0.7em;
+}
+
+a.nav-link:not(.collapsed):not(.disabled)[data-toggle="collapse"]::before {
+  content: "▶";
+  position: absolute;
+  left: -15px;
+  transform: rotate(90deg);
+  font-size: 0.7em;
+}
diff --git a/ogcp/static/js/ogcp.js b/ogcp/static/js/ogcp.js
index a0bbed1..5c15b30 100644
--- a/ogcp/static/js/ogcp.js
+++ b/ogcp/static/js/ogcp.js
@@ -193,6 +193,8 @@ function keepScopesTreeState() {
     scopes_tree.each(function () {
         if (localStorage.getItem(this.id) == 'show') {
             $(this).collapse('show');
+        } else {
+            $(this).siblings('a').addClass('collapsed');
         }
     });
 }