From b015af75816fc54655664e0ac2a83ac6e5a0c73a Mon Sep 17 00:00:00 2001
From: Robert Goldmann <deadlocker@gmx.de>
Date: Sun, 18 Jul 2021 13:42:59 +0200
Subject: [PATCH] #585 - highlight selected chart preview
---
src/main/resources/static/css/charts.css | 4 ++++
src/main/resources/static/js/charts.js | 20 +++++++++++++++++++-
2 files changed, 23 insertions(+), 1 deletion(-)
diff --git a/src/main/resources/static/css/charts.css b/src/main/resources/static/css/charts.css
index 4292263f3..d23b28886 100644
--- a/src/main/resources/static/css/charts.css
+++ b/src/main/resources/static/css/charts.css
@@ -55,6 +55,10 @@
background-color: var(--color-blue-baby) !important;
}
+.chart-preview.active .card-action {
+ background-color: var(--color-red-light) !important;
+}
+
#chart-date-card {
background-color: var(--color-grey-dark-almost-transparent);
}
\ No newline at end of file
diff --git a/src/main/resources/static/js/charts.js b/src/main/resources/static/js/charts.js
index 9158ff6f6..b91d2ca5a 100644
--- a/src/main/resources/static/js/charts.js
+++ b/src/main/resources/static/js/charts.js
@@ -99,6 +99,13 @@ $(document).ready(function()
toggleChartTypeButtons('button-group-type', this);
filterChartPreviews();
});
+
+ $('.chart-preview').click(function()
+ {
+ unsetActiveChartPreview();
+
+ this.classList.toggle('active', true);
+ });
});
function createDatePickerEnd(minDate, selectedDate)
@@ -267,4 +274,15 @@ function filterChartPreviews()
{
chartPreviews[i].style.display = '';
}
-}
\ No newline at end of file
+
+ unsetActiveChartPreview();
+}
+
+function unsetActiveChartPreview()
+{
+ let allChartPreviews = document.getElementsByClassName('chart-preview');
+ for(let i = 0; i < allChartPreviews.length; i++)
+ {
+ allChartPreviews[i].classList.toggle('active', false);
+ }
+}
--
GitLab