{{template "base/base.html" .}}
{{define "meta"}}
<script type="text/javascript" src="/static/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="/static/highstock/js/highstock.js"></script>
<script type="text/javascript" src="/static/highstock/js/themes/grid.js"></script>
<script type="text/javascript" src="/static/highstock/js/modules/exporting.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script type="text/javascript">
	$(function () {
		chart1 = new Highcharts.StockChart({
			chart: {
				renderTo : 'graphe',
				load : function () {
          // set up the updating of the chart each second
          var series = this.series[0];
          setInterval(function () {
            var x = (new Date()).getTime(), // current time
              y = Math.round(Math.random() * 100);
            series.addPoint([x, y], true, true);
          }, 1000);
        }
			},
			rangeSelector: {
				buttons: [{
					count: 3,
					type: 'hour',
					text: '3h'
				},{
					count: 6,
					type: 'hour',
					text: '6h'
				},{
					count: 12,
					type: 'hour',
					text: '12h'
				}, {
					count: 1,
					type: 'day',
					text: '1j'
				}, {
					count: 2,
					type: 'day',
					text: '2j'
				}, {
					count: 3,
					type: 'day',
					text: '3j',
				}, {
					count: 5,
					type: 'day',
					text: '5j'
				}, {
					count: 7,
					type: 'day',
					text: '7j'
				}, {
					count: 1,
					type: 'month',
					text: '1m'
				}, {
					type: 'all',
					text: 'All'
				}],
				selected: 5
			},
			yAxis: {
				title: {
					text: 'Temperature (°C)'
				}
			},
			xAxis: {
	      type: 'datetime'
      },
			scrollbar : {
          enabled : false
      },
			legend : {
				enabled : true,
				layout: 'vertical',
				verticalAlign : 'middle',
				align : 'right'
			},
			series : [ {{.dataTemp}} ]
		});
	});
	Highcharts.setOptions({
		global: {
			useUTC: false
		}
	});
</script>
{{end}}

{{define "extrajs"}}
{{end}}

{{define "body"}}

<center><h1>Temperatures</h1></center><br/>
<div id="graphe" class="col-md-10 col-md-offset-1"></div>

{{end}}