frodovdr/raspap-webgui
1
0
Fork 0
mirror of https://github.com/billz/raspap-webgui.git synced 2025-03-01 10:31:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added theming support

Browse Source
This commit is contained in:
billz 2019-10-20 18:29:32 +01:00
parent 01e80c7109
commit 1d4211a1e1
1 changed files with 19 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
app/js/linkquality.js
View File

@ -1,14 +1,25 @@
// Link quality gauge for ChartJS // Link quality gauge for ChartJS
// console.log(linkQ); // console.log(linkQ);
// Support for dark terminal theme
theme = getCookie('theme');
if (theme == 'terminal.css') {
var bgColor1 = '#000';
var bgColor2 = '#000';
var borderColor = 'rgba(51, 255, 0, 1)';
var labelColor = 'rgba(51, 255, 0, 1)';
} else {
var bgColor1 = '#d4edda';
var bgColor2 = '#eaecf4';
var borderColor = 'rgba(147, 210, 162, 1)';
var labelColor = 'rgba(130, 130, 130, 1)';
}
let data1 = { let data1 = {
datasets: [{ datasets: [{
data: [linkQ, 100-linkQ], data: [linkQ, 100-linkQ],
borderWidth: 1, backgroundColor: [bgColor1, bgColor2],
backgroundColor: ['#d4edda', '#eaecf4'], borderColor: borderColor,
borderColor: 'rgba(176, 222, 187, 1)',
hoverBackgroundColor: ['#c1e2c8', '#eaecf4'],
hoverBorderWidth: 0
}], }],
}; };
@ -17,6 +28,8 @@ let config = {
data: data1, data: data1,
options: { options: {
responsive: true, responsive: true,
tooltips: {enabled: false},
hover: {mode: null},
legend: { legend: {
display: false, display: false,
}, },
@ -56,7 +69,7 @@ function drawLinkQ(chart) {
ctx.restore(); ctx.restore();
let fontSize = (height / 100).toFixed(2); let fontSize = (height / 100).toFixed(2);
ctx.font = fontSize + "em sans-serif"; ctx.font = fontSize + "em sans-serif";
ctx.fillStyle = "rgba(25,25,25,1)"; ctx.fillStyle = labelColor;
ctx.textBaseline = "middle"; ctx.textBaseline = "middle";
let text = chart.config.centerText.text; let text = chart.config.centerText.text;