X-Git-Url: http://dxcluster.net/gitweb/gitweb.cgi?a=blobdiff_plain;f=templates%2Findex.html.ep;h=2dd444fe94f7404d6aa13e8ce7febd4385a9188d;hb=b5935e862dc6dd1a6b6154905bac6db8836132d6;hp=ec8487d4dd757560821ed0d5f24494355a5e633d;hpb=ccdf496819d857203d6a8aace11f1ba7daa7e1ef;p=dweather.git

diff --git a/templates/index.html.ep b/templates/index.html.ep
index ec8487d..2dd444f 100644
--- a/templates/index.html.ep
+++ b/templates/index.html.ep
@@ -1,4 +1,5 @@
 % my $url = url_for 'weather';
+% my $s;
 <!DOCTYPE html>
 <html>
 	<head>
@@ -20,9 +21,9 @@
 		<script>
 		var ws;
 		var daychart;
-		var daychart_days = 5;
+		var daychart_days = <%= $main::histdays %>;
 		var windrose;
-		var windrose_mins = 10;
+		var windrose_mins = <%= $main::windmins %>;
 		var windspeed;
 		var winddir;
 
@@ -71,23 +72,18 @@
 						if ("h" in js) {
 							fill_daychart(js, daychart_days);
 						}
-						if ("r" in js) {
-//							if (js.t > lastt + 15) {
-								if ("Wind" in js.r) {
-									lastwind = js.r.Wind;
-								} else {
-									js.r.Wind = lastwind;
-								}
-								if ("Dir" in js.r) {
-									lastdir = js.r.dir;
-								} else {
-									js.r.Dir = lastdir;
-								}
-								lastt = js.t;
-								fill_windrose(js, windrose_mins * (60 / 2.5));
-//							}
-							fill_windspeed(js);
-							fill_winddir(js);
+						if ("r" in js || "m" in js) {
+							var rr;
+							rr = js.r || js.m;
+							if (!("Dir" in rr)) 
+								rr.Dir = lastdir;
+							if (!("Wind" in rr))
+								rr.Wind = lastwind;
+							fill_windrose(rr, windrose_mins * $updatespermin);
+							fill_windspeed(rr);
+							fill_winddir(rr);
+							lastwind = rr.Wind;
+							lastdir = rr.Dir;
 						}
 					}
 				};
@@ -176,11 +172,32 @@
 					floating: true,
 					backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'
 				},
+				exporting: {
+					buttons: {
+						contextButton: {
+							enabled: false
+						}
+					}
+				}, 
 				series: [{
 					name: 'Rainfall',
 					type: 'column',
 					yAxis: 1,
-					data: [],
+					labels: {
+//						enabled: true,
+//						format: '{point.y:.1f}', // one decimal
+//						rotation: -90,
+						overflow: 'justify'
+					},
+					data: [ 
+					    <% $s = "";
+						   for (@main::last5daysh) { 
+						      my $r = $main::json->decode($_);
+						      $s .=  "[" . $r->{t}*1000 . "," . $r->{h}->{Rain_1h} . "]," if $r && exists $r->{t} && exists $r->{h}->{Rain_1h};
+						   }
+						   chop $s if length $s; 
+						%><%= $s %>
+					],
 					tooltip: {
 						valueSuffix: ' mm'
 					}
@@ -189,7 +206,15 @@
 					name: 'Sea-Level Pressure',
 					type: 'spline',
 					yAxis: 2,
-					data: [],
+					data: [
+						<% $s = "";
+						   for (@main::last5daysh) { 
+						      my $r = $main::json->decode($_);
+						      $s .=  "[" . $r->{t}*1000 . "," . $r->{h}->{Pressure} . "]," if $r && exists $r->{t} && exists $r->{h}->{Pressure};
+						   }
+						   chop $s if length $s; 
+						%><%= $s %>
+					],
 					marker: {
 						enabled: false
 					},
@@ -201,7 +226,15 @@
 				}, {
 					name: 'Temperature',
 					type: 'spline',
-					data: [],
+					data: [
+						<% $s = "";
+						   for (@main::last5daysh) { 
+						      my $r = $main::json->decode($_);
+						      $s .=  "[" . $r->{t}*1000 . "," . $r->{h}->{Temp_Out} . "]," if $r && exists $r->{t} && exists $r->{h}->{Temp_Out};
+						   }
+						   chop $s if length $s; 
+						%><%= $s %>
+					],
 					tooltip: {
 						valueSuffix: ' Â°C'
 					}
@@ -321,11 +354,34 @@
 						groupPadding: 0
 					}
 				},
+				exporting: {
+					buttons: {
+						contextButton: {
+							enabled: false
+						}
+					}
+				}, 
 
 				series: [ {
 					type: 'scatter',
 					name: 'Wind mph',
-					data: []
+					data: [
+						<% my ($d, $w);
+						   $s = "";
+						   $d = 0; $w = 0;
+					       for (@main::last10minsr) {
+						      my $r = $main::json->decode($_);
+							  if ($r) {
+								  $r->{r}->{Dir} ||= $d;
+								  $r->{r}->{Wind} ||= $w;
+								  $s .=  "[" . $r->{r}->{Dir} . "," . main::nearest(0.1, $r->{r}->{Wind}*2.23694) . "],";
+								  $d = $r->{r}->{Dir};
+								  $w = $r->{r}->{Wind};
+							  }
+						   } 
+						   chop $s if length $s; 
+						%><%= $s %>
+					]
 				}]
 			});
 		}
@@ -415,6 +471,13 @@
 						color: '#DF5353' // red
 					}]
 				},
+				exporting: {
+					buttons: {
+						contextButton: {
+							enabled: false
+						}
+					}
+				}, 
 
 				series: [{
 					name: 'Speed',
@@ -443,7 +506,7 @@
 
 				pane: {
 					startAngle: 0,
-					endAngle: 359,
+					endAngle: 360,
 					background: [{
 						backgroundColor: {
 							linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
@@ -477,7 +540,7 @@
 				// the value axis
 				yAxis: {
 					min: 0,
-					max: 360,
+					max: 359,
 
 					minorTickInterval: 'auto',
 					minorTickWidth: 1,
@@ -498,6 +561,13 @@
 						text:  'Â° deg'
 					},
 				},
+				exporting: {
+					buttons: {
+						contextButton: {
+							enabled: false
+						}
+					}
+				}, 
 
 				series: [{
 					name: 'Direction',
@@ -528,20 +598,18 @@
 
 		var conv = 2.23694;
 
-		function fill_windrose(js, points) {
+		function fill_windrose(rr, points) {
 			var p = windrose.series[0].data.length > points;
-			var rr = js.r;
-			windrose.series[0].addPoint([rr.Dir, Math.round(rr.Wind*conv)], true, p);
+			var v = [rr.Dir, (rr.Wind*conv)];
+			windrose.series[0].addPoint(v, true, p);
 		}
 
-		function fill_windspeed(js) {
-			var rr = js.r;
+		function fill_windspeed(rr) {
 			var point = windspeed.series[0].points[0];
 			point.update(Math.round(rr.Wind*conv));
 		}
 
-		function fill_winddir(js) {
-			var rr = js.r;
+		function fill_winddir(rr) {
 			var point = winddir.series[0].points[0];
 			point.update(rr.Dir);
 		}
