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

METAR-decoded messages in same look&feel like names on heard lists.

Browse source
This commit is contained in:
Kim Huebel 2021-02-04 18:24:29 +00:00
parent 071f8a3c83
commit 0d3de60439
3 changed files with 43 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
html/css/tooltip.css
View file

@ -17,7 +17,7 @@
/* Position the tooltip text */ /* Position the tooltip text */
position: absolute; position: absolute;
z-index: 1; z-index: 99;
bottom: 125%; bottom: 125%;
left: 50%; left: 50%;
margin-left: -60px; margin-left: -60px;
@ -27,6 +27,45 @@
transition: opacity 1s; transition: opacity 1s;
} }
.tooltip2 .tooltiptext {
visibility: hidden;
width: 300px;
background-color: #555;
color: #fff;
text-align: center;
padding: 5px 0;
border-radius: 6px;
/* Position the tooltip text */
position: absolute;
z-index: 99;
bottom: 125%;
left: 50%;
margin-left: -60px;
/* Fade in tooltip */
opacity: 0;
transition: opacity 1s;
}
/* Tooltip arrow */
.tooltip2 .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip2:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
/* Tooltip arrow */ /* Tooltip arrow */
.tooltip2 .tooltip2text::after { .tooltip2 .tooltip2text::after {
content: ""; content: "";

3
html/js/functions.js
View file

@ -220,7 +220,8 @@ function getMessage(logline) {
} }
if (1062 == parseInt(getRIC(logline)) || 1063 == parseInt(getRIC(logline))) { if (1062 == parseInt(getRIC(logline)) || 1063 == parseInt(getRIC(logline))) {
message = '<a href="#" class="tooltip-test" title="' + JSON.stringify(parseMETAR(message)).replace(/\"/g, '').replace(/,/g, ',\n') + '">' + message + '</a>'; //message = '<a href="#" class="tooltip-test" title="' + JSON.stringify(parseMETAR(message)).replace(/\"/g, '').replace(/,/g, ',\n') + '">' + message + '</a>';
message = '<div class=\"tooltip2\">' + message + '<span class=\"tooltiptext\">Decoded Message:<br>' + JSON.stringify(parseMETAR(message)).replace(/\"/g, '').replace(/,/g, ',\n') + '</span></div>';
} }
return message; return message;
} }

2
html/js/version.js
View file

@ -1 +1 @@
var dashboard_version = "2021-02-04 12:07:19"; var dashboard_version = "2021-02-04 18:24:29";