Robware/View/Temperature/index.view

@Init{
$this->RegisterJSFile("services/temperatureService.js");
$this->RegisterJSFile("controllers/temperature.js");
$this->RegisterCSSFile("temperature.css");
}@
@Title{Temperature Logs}@
@Body{
<div ng-controller="temperature">
	<div style="text-align: center">
		<div class="circle currentTemp">
			<div class="background" style="top:{{100 - getGraphPercentage()}}%; background-color:rgb({{getRed() | number: 0}}, {{getGreen() | number: 0}}, {{getBlue() | number: 0}})" ng-init="temperatureData.currentTarget=<?=$currentTarget?>"></div>
			<div class="reading" ng-init="temperatureData.currentTemperature=<?=$currentTemperature?>">
				{{temperatureData.currentTemperature | number: 1}}&deg;C
			</div>
			<div class="circle shadow"></div>
		</div>
	</div>
	<div ng-init="temperatureData.currentOutsideTemperature=<?=$currentOutsideTemperature?>">
		Outside: {{temperatureData.currentOutsideTemperature}}
	</div>
	<div id="linechart">loading...</div>
</div>
}@