diff --git a/RX_FSK/data/livemap.js b/RX_FSK/data/livemap.js
index 9d5c3d3..c8f3c8d 100644
--- a/RX_FSK/data/livemap.js
+++ b/RX_FSK/data/livemap.js
@@ -1,3 +1,11 @@
+try {
+ var check = $(document);
+} catch (e) {
+ document.addEventListener("DOMContentLoaded", function(event) {
+ document.getElementById('map').innerHTML = '
In order to use this functionality, there must be an internet connection.
retry
go back';
+ });
+}
+
$(document).ready(function(){
var map = L.map('map', { attributionControl: false, zoomControl: false });
@@ -34,15 +42,15 @@ $(document).ready(function(){
map.setView([51.163361,10.447683], 5); // Mitte DE
-var reddot = ' ';
-var yellowdot = ' ';
-var greendot = ' ';
+var reddot = '';
+var yellowdot = '';
+var greendot = '';
$('#map .leaflet-control-container').append(L.DomUtil.create('div', 'leaflet-top leaflet-center leaflet-header'));
var header = '';
header += '
rdzTTGOSonde LiveMap
π - MHz -
';
header += 'm | m/s | km/h
';
-header += '
';
+header += '
';
header += '
Prediction-Settings
';
header += ' m
';
@@ -61,7 +69,6 @@ $('.leaflet-footer').append(footer);
var statbar = '';
headtxt = function(data,stat) {
- //var staticon = (stat == '1')?'π’':'π‘';
var staticon = (stat == '1')?greendot:yellowdot;
statbar = staticon + statbar;
if ((statbar.length) > 10*greendot.length) { statbar = statbar.substring(0,10*greendot.length); }
@@ -87,7 +94,7 @@ headtxt = function(data,stat) {
map.addControl(new L.Control.Button([ { position: 'topleft', text: 'πΊοΈ', href: 'javascript:basemap_change();' } ]));
- map.addControl(new L.Control.Button([ { position: 'topright', id: "status", text: 'π΄', href: 'javascript:get_data();' } ]));
+ map.addControl(new L.Control.Button([ { position: 'topright', id: "status", text: '', href: 'javascript:get_data();' } ]));
map.addControl(new L.Control.Button([
{ position:'topright', text: 'π', href: 'javascript:show(marker,\'marker\');' },
@@ -171,18 +178,15 @@ headtxt = function(data,stat) {
dots.push(location);
line.setLatLngs(dots);
storage_write(data);
- //$('#status').html('π’');
$('#status').html(greendot);
stat = 1;
} else {
- //$('#status').html('π‘');
$('#status').html(yellowdot);
stat = 0;
}
headtxt(data,stat);
last_data = data;
} else {
- //$('#status').html('π‘');
$('#status').html(yellowdot);
headtxt(data,0);
}
@@ -225,14 +229,12 @@ headtxt = function(data,stat) {
};
get_data = function() {
- //$('#status').html('π΄');
$('#status').html(reddot);
$.ajax({url: 'live.json', success: (function( data ) {
if (typeof data != "object") { data = $.parseJSON(data);Β }
if (data.sonde) {
draw(data.sonde);
} else {
- //setTimeout(function() {$('#status').html('π‘');},100);
setTimeout(function() {$('#status').html(yellowdot);},100);
}
if (data.gps) {
diff --git a/RX_FSK/data/style.css b/RX_FSK/data/style.css
index 224ac72..55fe72c 100755
--- a/RX_FSK/data/style.css
+++ b/RX_FSK/data/style.css
@@ -244,13 +244,31 @@ p{
}
.ldot {
- height: 1em;
- width: 1em;
+ height: 15px;
+ width: 15px;
+ margin-top: 8px;
+ margin-left: -1px;
border-radius: 50%;
display: inline-block;
}
-.ybg { background-color: #E0E000; }
-.gbg { background-color: green; }
-.rbg { background-color: red; }
+.ybg {
+ background-color: orange;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(yellow), to(orange));
+ background-image: linear-gradient(top, yellow, orange);
+}
+.gbg {
+ background-color: green;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(lime), to(green));
+ background-image: linear-gradient(top, lime, green);
+}
+.rbg {
+ background-color: red;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(orange), to(red));
+ background-image: linear-gradient(top, orange, red);
+}
+
+#sonde_statbar .ldot {
+ margin-right: 3px;
+}