X-Git-Url: https://git.toastfreeware.priv.at/chrisu/seepark.git/blobdiff_plain/8c2295bb87f0b24ba45cda39edb052dc9368a10e..5ded0a74693c3e1f738adc9338a09fd53a1bcab0:/web/static/seepark_web.js?ds=sidebyside diff --git a/web/static/seepark_web.js b/web/static/seepark_web.js index 1390cd7..51bfc70 100644 --- a/web/static/seepark_web.js +++ b/web/static/seepark_web.js @@ -8,17 +8,20 @@ function dayschart(element, title, days, xtickformat) { url: api_base_url_sensors + beginend(days), mimeType: 'json', xs: { - '0316a2193bff': '0316a2193bff_x', - '0316a21383ff': '0316a21383ff_x' + '0416a1ac66ff': '0416a1ac66ff_x', + '0516a207a4ff': '0516a207a4ff_x', + '0416a1bab9ff': '0416a1bab9ff_x' }, names: { - '0316a2193bff': 'Wassertemperatur in 4 m Tiefe', - '0316a21383ff': 'Wassertemperatur in 5 m Tiefe' + '0416a1ac66ff': 'Wassertemperatur in 30 cm Tiefe', + '0516a207a4ff': 'Wassertemperatur in 50 cm Tiefe', + '0416a1bab9ff': 'Wassertemperatur in 1 m Tiefe' }, xFormat: '%Y-%m-%d %H:%M:%S', colors: { - '0316a2193bff': 'lightblue', - '0316a21383ff': 'darkblue' + '0416a1ac66ff': 'lightskyblue', + '0516a207a4ff': 'royalblue', + '0416a1bab9ff': 'midnightblue' } }; } else { @@ -49,6 +52,9 @@ function dayschart(element, title, days, xtickformat) { text: title }, data: chartdata, + point: { + r: 1.5 // default 2.5 + }, axis: { x: { type: 'timeseries', @@ -82,16 +88,23 @@ function dayschart(element, title, days, xtickformat) { // FIXME var days = Math.round(duration / 86400 / 2); if (days > 0) { - loaddays(days); + loaddays(this, element, days); // this = chart } } }, tooltip: { format: { + // TODO: maybe move to top name: function (name, ratio, id, index) { - var re = /\d m/; - var res = re.exec(name); - return res; + var prefix = ''; + if (element.substr(0, 7) == 'chart_w') { + var re = /\d+ c?m/; + prefix = 'Wasser '; + } else { + var re = /Luft/; + }; + var result = re.exec(name); + return prefix + result; }, value: function (value, ratio, id, index) { return value.toFixed(2) + '°'; @@ -116,26 +129,39 @@ function dayschart(element, title, days, xtickformat) { }); }; -function loaddays(days) { - chart.load({ - url: api_base_url_sensors + beginend(days), - mimeType: 'json' - }); +function loaddays(chart, element, days) { + // TODO: maybe move to top or factor out somehow + if (element.substr(0, 7) == 'chart_w') { + chart.load({ + url: api_base_url_sensors + beginend(days), + mimeType: 'json' + }); + } else { + chart.load({ + url: api_base_url_weather + beginend(days), + mimeType: 'json' + }); + } } function beginend(days) { var now = Date.now(); - var end = new Date(now).toISOString().substr(0, 19); // 2018-06-13T16:52:30.995Z - var begin = new Date(now - days * 60*60*24 * 1000).toISOString().substr(0, 19); + + // TODO: this timezone calculation relies on the browser being in Europe/Vienna + var refdate = new Date(now); + var offset = refdate.getTimezoneOffset(); // -120 for UTC+2 + + var end = new Date(now - offset * 60 * 1000).toISOString().substr(0, 19); // 2018-06-13T16:52:30.995Z + var begin = new Date(now - days * 60*60*24 * 1000 - offset * 60 * 1000).toISOString().substr(0, 19); return '&begin=' + begin + '&end=' + end; } dayschart('chart_water_1', 'Der See (Tag)', 1, '%H:%M'); dayschart('chart_water_7', 'Der See (Woche)', 7, '%a %d'); dayschart('chart_water_31', 'Der See (Monat)', 31, 'Woche %V'); -dayschart('chart_water_365', 'Der See (Jahr)', 365, '%b %d'); +dayschart('chart_water_365', 'Der See (Jahr)', 365, '%b %Y'); dayschart('chart_air_1', 'Die Luft (Tag)', 1, '%H:%M'); dayschart('chart_air_7', 'Die Luft (Woche)', 7, '%a %d'); dayschart('chart_air_31', 'Die Luft (Monat)', 31, 'Woche %V'); -dayschart('chart_air_365', 'Die Luft (Jahr)', 365, '%b %d'); +dayschart('chart_air_365', 'Die Luft (Jahr)', 365, '%b %Y');