summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--ogcp/static/js/ogcp.js30
-rw-r--r--ogcp/templates/commands.html3
-rw-r--r--ogcp/templates/macros.html5
-rw-r--r--ogcp/templates/scopes.html4
4 files changed, 42 insertions, 0 deletions
diff --git a/ogcp/static/js/ogcp.js b/ogcp/static/js/ogcp.js
index 8a6db02..dc1c063 100644
--- a/ogcp/static/js/ogcp.js
+++ b/ogcp/static/js/ogcp.js
@@ -2,6 +2,34 @@ const Endpoint = '/scopes/status';
const Interval = 1000;
let updateTimeoutId = null;
+function showSelectedClient(client_checkbox) {
+ const container = $('#selected-clients');
+ const pill_id = 'pill-' + client_checkbox.name.replaceAll('.', '_');
+
+ if (client_checkbox.checked) {
+ if (!($('#' + pill_id).length))
+ $(container).append('<div class="badge badge-pill badge-light" ' +
+ 'id="'+ pill_id + '">' + client_checkbox.name +
+ '<br>' + client_checkbox.value + '</div>');
+ return;
+ }
+
+ $('#' + pill_id).remove();
+}
+
+function showSelectedClientsOnEvents() {
+ const checkboxes = $('input:checkbox[form|="scopesForm"]');
+ const container = $('#selected-clients');
+
+ const client_checkboxes = checkboxes.filter(function () {
+ return $(this).siblings().length == "1";
+ });
+
+ client_checkboxes.on('change show-client', function () {
+ showSelectedClient(this);
+ });
+}
+
function storeCheckboxStatus(checkbox) {
if (checkbox.checked)
localStorage.setItem(checkbox.name, "check");
@@ -18,6 +46,7 @@ function checkChildrenCheckboxes() {
children.each(function () {
this.checked = checked;
storeCheckboxStatus(this);
+ $(this).trigger('show-client');
});
});
}
@@ -32,6 +61,7 @@ function keepSelectedClients() {
checkboxes.each(function () {
if (localStorage.getItem(this.name) == 'check') {
this.checked = true;
+ $(this).trigger('show-client');
}
});
}
diff --git a/ogcp/templates/commands.html b/ogcp/templates/commands.html
index 1b51701..9fa8617 100644
--- a/ogcp/templates/commands.html
+++ b/ogcp/templates/commands.html
@@ -96,3 +96,6 @@
</div>
{% endblock %}
+{% block content %}
+ {{ macros.selected_clients() }}
+{% endblock %}
diff --git a/ogcp/templates/macros.html b/ogcp/templates/macros.html
index a1b5ebb..7864cd4 100644
--- a/ogcp/templates/macros.html
+++ b/ogcp/templates/macros.html
@@ -8,6 +8,7 @@
// in the scope
document.addEventListener('readystatechange', () => {
if (document.readyState === 'complete') {
+ showSelectedClientsOnEvents();
updateScopeState();
keepScopesTreeState();
keepSelectedClients();
@@ -47,3 +48,7 @@
</li>
{% endfor %}
{% endmacro %}
+
+{% macro selected_clients() -%}
+<div id="selected-clients" class="d-flex flex-wrap justify-content-center"></div>
+{% endmacro %}
diff --git a/ogcp/templates/scopes.html b/ogcp/templates/scopes.html
index 6c543fa..81b2403 100644
--- a/ogcp/templates/scopes.html
+++ b/ogcp/templates/scopes.html
@@ -29,3 +29,7 @@
<input class="btn btn-light" type="submit" value="{{ _('Delete center') }}"
form="scopesForm" formaction="{{ url_for('action_center_delete') }}" formmethod="get">
{% endblock %}
+
+{% block content %}
+ {{ macros.selected_clients() }}
+{% endblock %}