From 03b9a6ed11390da0ddf5bee981284c146ca0578a Mon Sep 17 00:00:00 2001
From: Robert Goldmann <deadlocker@gmx.de>
Date: Sun, 18 Jul 2021 13:37:13 +0200
Subject: [PATCH] #585 - show only charts that match the criteria
---
src/main/resources/static/js/charts.js | 20 ++++++++++++++++++++
1 file changed, 20 insertions(+)
diff --git a/src/main/resources/static/js/charts.js b/src/main/resources/static/js/charts.js
index 6290d5794..9158ff6f6 100644
--- a/src/main/resources/static/js/charts.js
+++ b/src/main/resources/static/js/charts.js
@@ -91,11 +91,13 @@ $(document).ready(function()
$('.button-display-type').click(function()
{
toggleChartTypeButtons('button-display-type', this);
+ filterChartPreviews();
});
$('.button-group-type').click(function()
{
toggleChartTypeButtons('button-group-type', this);
+ filterChartPreviews();
});
});
@@ -247,4 +249,22 @@ function toggleChartTypeButtons(styleClassName, item)
}
item.classList.toggle('active', true);
+}
+
+function filterChartPreviews()
+{
+ let displayTypeName = document.querySelector('.button-display-type.active').dataset.value;
+ let groupTypeName = document.querySelector('.button-group-type.active').dataset.value;
+
+ let allChartPreviews = document.getElementsByClassName('chart-preview-column');
+ for(let i = 0; i < allChartPreviews.length; i++)
+ {
+ allChartPreviews[i].style.display = 'none';
+ }
+
+ let chartPreviews = document.querySelectorAll('.chart-preview-column[data-display-type="' + displayTypeName + '"][data-group-type="' + groupTypeName + '"]');
+ for(let i = 0; i < chartPreviews.length; i++)
+ {
+ chartPreviews[i].style.display = '';
+ }
}
\ No newline at end of file
--
GitLab