<html ng-app="gaugesScreen">
<head>
  <meta charset="UTF-8">
  <script>
    if(typeof beamng !== 'undefined') {
    }
    else{ //for vueService
      var beamng = {}
      beamng.sendEngineLua = function(){}
    }
  </script>
  <!-- Vue START -->
  <script src="/ui/lib/ext/vue3/vue.global.prod.js"></script>
  <script src="/ui/lib/ext/tiny-emitter/tinyemitter.js"></script>
  <script type="module" src="/ui/lib/int/vueService_mod.js"></script>
  <!-- Vue END -->
  <script src="/ui/lib/ext/angular/angular.js"></script>
  <script src="gauges_screen.js"></script>
  <link type="text/css" rel="stylesheet" href="gauges_screen.css">
</head>
<body ng-controller="GaugesScreenController as gaugeCtrl">
  <div class="dashboard-container">
    <object data="gauges_background.svg" type="image/svg+xml" class="dashboard-bg"></object>



    <div class="readouts">
        <div class="speedVal">{{data.speedVal}}</div>
        <div class="speedUnit">{{data.speedUnit}}</div>
      <div class="gearVal">{{data.gear}}</div>
	        <div class="odoVal">{{data.odo}}</div>
      <div class="tempEnvVal">{{data.temp}}</div>

	  
	  



	  <div class="needle needle-speed"></div>
	  <div class="needle needle-rpm"></div>
	  <div class="needle needle-temp"></div>
	  <div class="needle needle-fuel"></div>



    </div>
  </div>
</body>
</html>
