templates: disable sidebar in images and repos

Disable sidebar interaction in Images and Repos views.

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 %}

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 %}

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 %}

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 %}

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 %}

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 %}

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 %}

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"] }}"

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"] }}"