templates: disable sidebar in images and repos

Disable sidebar interaction in Images and Repos views.

9 files changed, 15 insertions, 0 deletions

diff --git a/ogcp/templates/actions/delete_repo.html b/ogcp/templates/actions/delete_repo.html
index 8c32a8c..16b378b 100644
--- a/ogcp/templates/actions/delete_repo.html
+++ b/ogcp/templates/actions/delete_repo.html
@@ -1,5 +1,7 @@
 {% extends 'repos.html' %}
 {% import "bootstrap/wtf.html" as wtf %}
+
+{% set sidebar_state = 'disabled' %}
 {% set btn_back = true %}
 
 {% block nav_repos %} active{% endblock %}
diff --git a/ogcp/templates/actions/image_config.html b/ogcp/templates/actions/image_config.html
index f72a126..26fc737 100644
--- a/ogcp/templates/actions/image_config.html
+++ b/ogcp/templates/actions/image_config.html
@@ -1,6 +1,7 @@
 {% extends 'images.html' %}
 {% import "bootstrap/wtf.html" as wtf %}
 
+{% set sidebar_state = 'disabled' %}
 {% set btn_back = true %}
 
 {% block content %}
diff --git a/ogcp/templates/actions/image_details.html b/ogcp/templates/actions/image_details.html
index ab66503..941ca82 100644
--- a/ogcp/templates/actions/image_details.html
+++ b/ogcp/templates/actions/image_details.html
@@ -1,6 +1,7 @@
 {% extends 'images.html' %}
 {% import "bootstrap/wtf.html" as wtf %}
 
+{% set sidebar_state = 'disabled' %}
 {% set btn_back = true %}
 
 {% block content %}
diff --git a/ogcp/templates/actions/list_images.html b/ogcp/templates/actions/list_images.html
index 708431c..c7eaeeb 100644
--- a/ogcp/templates/actions/list_images.html
+++ b/ogcp/templates/actions/list_images.html
@@ -1,6 +1,7 @@
 {% extends 'images.html' %}
 {% import "bootstrap/wtf.html" as wtf %}
 
+{% set sidebar_state = 'disabled' %}
 {% set btn_back = true %}
 
 {% block content %}
diff --git a/ogcp/templates/actions/repo_details.html b/ogcp/templates/actions/repo_details.html
index 212a63b..d91f961 100644
--- a/ogcp/templates/actions/repo_details.html
+++ b/ogcp/templates/actions/repo_details.html
@@ -1,5 +1,7 @@
 {% extends 'repos.html' %}
 {% import "bootstrap/wtf.html" as wtf %}
+
+{% set sidebar_state = 'disabled' %}
 {% set btn_back = true %}
 
 {% block nav_repos %} active{% endblock %}
diff --git a/ogcp/templates/actions/repos_add.html b/ogcp/templates/actions/repos_add.html
index 19f02bf..32ded5a 100644
--- a/ogcp/templates/actions/repos_add.html
+++ b/ogcp/templates/actions/repos_add.html
@@ -1,5 +1,7 @@
 {% extends 'repos.html' %}
 {% import "bootstrap/wtf.html" as wtf %}
+
+{% set sidebar_state = 'disabled' %}
 {% set btn_back = true %}
 
 {% block nav_repos %} active{% endblock %}
diff --git a/ogcp/templates/actions/repos_update.html b/ogcp/templates/actions/repos_update.html
index 1278648..37f06cc 100644
--- a/ogcp/templates/actions/repos_update.html
+++ b/ogcp/templates/actions/repos_update.html
@@ -1,5 +1,7 @@
 {% extends 'repos.html' %}
 {% import "bootstrap/wtf.html" as wtf %}
+
+{% set sidebar_state = 'disabled' %}
 {% set btn_back = true %}
 
 {% block nav_repos %} active{% endblock %}
diff --git a/ogcp/templates/images.html b/ogcp/templates/images.html
index 06d614a..a630c22 100644
--- a/ogcp/templates/images.html
+++ b/ogcp/templates/images.html
@@ -29,6 +29,7 @@
         {% set parent_id = "repos-" ~ loop.index0 %}
                 <li class="nav-item">
                 <input class="form-check-input" type="checkbox" form="imagesForm"
+                       {% if sidebar_state %}style="filter: grayscale(100%);" onclick="return false;"{% endif %}
                        id="{{ server_str }}" value="{{ server_str }}"
                        onclick="return false;" name="image-server" hidden/>
                 <a class="nav-link" data-toggle="collapse" data-target="#repos-{{ loop.index0 }}">
@@ -44,6 +45,7 @@
                             {% for image in repo_data["images"] %}
                                 <li id="{{ image["name"] }}_{{ image["id"] }}" class="nav-item">
                                     <input class="form-check-input" type="checkbox" form="imagesForm"
+                                        {% if sidebar_state %}style="filter: grayscale(100%);" onclick="return false;"{% endif %}
                                         data-server="{{ server_str }}" value="{{ image["id"] }}"
                                         {% if image.get("selected", False) %}checked{% endif %}
                                         name="{{ image["name"] }}_{{ image["id"] }}"
diff --git a/ogcp/templates/repos.html b/ogcp/templates/repos.html
index 7983930..fd050c0 100644
--- a/ogcp/templates/repos.html
+++ b/ogcp/templates/repos.html
@@ -18,6 +18,7 @@
         {% set repos_list = repos["json"]["repositories"] %}
         <li class="nav-item">
             <input id="{{ server_ip_port }}"class="form-check-input" type="checkbox" form="reposForm"
+                {% if sidebar_state %}style="filter: grayscale(100%);" onclick="return false;"{% endif %}
                 value="{{ server_ip_port }}" name="repos-server" />
             <a class="nav-link {% if not repos_list %}disabled{% endif %}" href="#server{{loop.index}}"
                        {% if repos_list %}data-toggle="collapse"{% endif %}>
@@ -27,6 +28,7 @@
                 {% for r in repos_list %}
                 <li class="nav-item">
                     <input class="form-check-input" type="checkbox" form="reposForm"
+                           {% if sidebar_state %}style="filter: grayscale(100%);" onclick="return false;"{% endif %}
                            id="repo{{ r["id"] }}"
                            data-server="{{server_ip_port}}"
                            value="{{ r["id"] }}"