Using a new function to retrieve CSS values from classes

- create a new function to access CSS values, even if not directly used on the page;
- remove the empty harcoded HTML `<span>` placeholders used only to source the colors from CSS classes

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
This commit is contained in:
RD WebDesign
2023-01-25 21:21:23 -03:00
parent acb7892e9b
commit aa5068bbe9
6 changed files with 16 additions and 22 deletions

View File

@@ -208,10 +208,10 @@ function updateQueriesOverTime() {
$(function () {
var ctx = document.getElementById("queryOverTimeChart").getContext("2d");
var blockedColor = $(".queries-blocked").css("background-color");
var permittedColor = $(".queries-permitted").css("background-color");
var gridColor = $(".graphs-grid").css("background-color");
var ticksColor = $(".graphs-ticks").css("color");
var blockedColor = utils.getCSSval("queries-blocked", "background-color");
var permittedColor = utils.getCSSval("queries-permitted", "background-color");
var gridColor = utils.getCSSval("graphs-grid", "background-color");
var ticksColor = utils.getCSSval("graphs-ticks", "color");
timeLineChart = new Chart(ctx, {
type: utils.getGraphType(),