<html ng-app="gaugesScreen">

<head>
    <script src="/ui/lib/ext/angular/angular.js"></script>
    <script src="racetec.js"></script>
    <link type="text/css" rel="stylesheet" href="racetec.css">
    <title></title>
</head>

<body ng-controller="GaugesScreenController as gaugeCtrl">
    <div id="screen">
            <div id="Fuel" class="left-cell ui-element ui-text">
                <p class="small-text">Fuel</p>
                <p class="small-valuefuel">{{data.fuelQty}}</p>
                <p class="small-unitfuel">{{data.fuelUnit}}</p>
            </div>
           <div id="Temp" class="ui-element">
                <p class="small-text">Temp</p>
                <p class="supersmall-value">{{data.oilTempVal}}</p>
                <p class="supersmall-unit">°{{data.tempUnit}}</p>
			</div>
            <div id="Speed" class="ui-element ui-text">
                <p class="small-text">Speed</p>
                <p class="small-value">{{data.speedVal}}</p>
                <p class="small-unit">{{data.speedUnit}}</p>
            </div>
            <div id="RPMBlock" class="ui-element ui-text">
                <p class="large-value">{{data.ripems}}</p>
                <p class="large-unit">&nbsp;&nbsp;RPM</p>
            </div>
           <div id="SpeedSelector" class="ui-element">
                <p>{{data.gear}}</p>
			</div>
    </div>
</body>

</html>
