dominic/MMDVMHost-Websocketboard
1
0
Fork 0
Code Releases Activity

Added choseable style-themes (dark and bright), defaults to dark

Browse source 
configure in config.js with useDarkTheme = 1 for dark, 0 for bright
This commit is contained in:
Kim Huebel 2021-04-21 21:23:20 +01:00
parent 68dee128c0
commit 579c32050a
6 changed files with 82 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

0
html/css/styles.css → html/css/styles-bright.css
View file

66
html/css/styles-dark.css Normal file
View file

@ -0,0 +1,66 @@
/* Sticky footer styles
-------------------------------------------------- */
html {
position: relative;
min-height: 100%;
}
body {
margin-bottom: 60px; /* Margin bottom by footer height */
background: #191919;
color: #dddddd;
}
label {
color: #dddddd;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
color: #dddddd;
}
.footer {
position: absolute;
bottom: 0;
width: 100%;
height: 60px; /* Set the fixed height of the footer here */
line-height: 60px; /* Vertically center the text there */
background-color: #000000;
}
/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
a:link, a:visited {
color: #dddddd;
}
a:hover {
color: #ababab;
}
table.dataTable {
color: #adb5bd;
}
.table-striped tbody tr:nth-of-type(even) {
background-color: #595959;
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: #797979;
}
.container {
width: auto;
padding: 0 15px;
}
td.dt-nowrap { white-space: nowrap }
.red {
background-color: #7d0f0f !important;
}
#services_monitor_list {list-style-type: none;}

2
html/index.html
View file

@ -27,7 +27,7 @@
<script type="text/javascript" src="js/config.js"></script>
<script type="text/javascript" src="metar.js/metar.js"></script>
<script type="text/javascript" src="js/functions.js"></script>
<link rel="stylesheet" href="css/styles.css">
<!--<link rel="stylesheet" href="css/styles.css">-->
<link rel="stylesheet" href="css/tooltip.css">
<link href="open-iconic/font/css/open-iconic-bootstrap.css" rel="stylesheet">
<title>DG9VH - MMDVM-Dashboard by DG9VH</title>

5
html/js/config.js
View file

@ -1,5 +1,5 @@
// config structure version, please change to value in github-file after update and adding new values
var config_struc_ver = 20210414.1;
var config_struc_ver = 20210421.1;
// 1 = show link to QRZ.com, 0 = off
var qrz = 1;
@ -40,3 +40,6 @@ var qrz_blacklist = [
var dashboard_blacklist = [
"MY0CALL",
]
// 1 = enable dark display theme, 0 = use bright theme
var useDarkTheme = 1;

11
html/js/functions.js
View file

@ -1,4 +1,4 @@
var act_config_struc_ver = 20210314.1;
var act_config_struc_ver = 20210321.1;
var messagecount = 0;
var ts1TXing = null;
var ts2TXing = null;
@ -25,6 +25,15 @@ var array_services = [];
setInterval(getCurrentTXing, 1000);
var element = document.createElement("link");
element.setAttribute("rel", "stylesheet");
element.setAttribute("type", "text/css");
if (useDarkTheme)
element.setAttribute("href", "css/styles-dark.css");
else
element.setAttribute("href", "css/styles-bright.css");
document.getElementsByTagName("head")[0].appendChild(element);
function logIt(message) {
if (debug == 1 || message.startsWith("Logtailer-Errormessage:")) {
console.log(JSON.stringify(message));

2
html/js/version.js
View file

@ -1 +1 @@
var dashboard_version = "2021-04-14 22:04:34";
var dashboard_version = "2021-04-21 21:23:20";