Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
removed data highlights on gauges
  • Loading branch information
@ema14006
ema14006 committed Apr 12, 2019
1 parent b52798c commit 8a65f09
Showing 1 changed file with 13 additions and 13 deletions.
26 changes: 13 additions & 13 deletions src/app/statistics/statistics.component.html
View file
Expand Up @@ -29,70 +29,70 @@
<div class = "row"> <div class = "row">
<div class="col-md-4 p-4"> <div class="col-md-4 p-4">
<div (click)= "goToGraphSpec('l1.current')"> <div (click)= "goToGraphSpec('l1.current')">
<radial-gauge class = "gauges" width="200" units="Amps" title="Phase A Current" height="200" major-ticks="0,60,120,180,240,300" max-value = '300' [value]="pACurrent" > <radial-gauge class = "gauges" width="200" units="Amps" title="Phase A Current" height="200" major-ticks="0,60,120,180,240,300" max-value = '300' highlights = '[{"from": 0, "to": 0, "color": black}]' [value]="pACurrent" >
</radial-gauge> </radial-gauge>
</div> </div>
<div *ngIf="pACurrent; else loggedOut"></div> <div *ngIf="pACurrent; else loggedOut"></div>
</div> </div>
<div class="col-md-4 p-4"> <div class="col-md-4 p-4">
<div (click)= "goToGraphSpec('l2.current')"> <div (click)= "goToGraphSpec('l2.current')">
<radial-gauge class = "gauges" width="200" units="Amps" title="Phase B Current" height="200" major-ticks="0,60,120,180,240,300" max-value = '300' [value]="pBCurrent"> <radial-gauge class = "gauges" width="200" units="Amps" title="Phase B Current" height="200" major-ticks="0,60,120,180,240,300" max-value = '300' highlights = '[{"from": 0, "to": 0, "color": black}]' [value]="pBCurrent">
</radial-gauge> </radial-gauge>
</div> </div>
<div *ngIf="pBCurrent; else loggedOut"> <div *ngIf="pBCurrent; else loggedOut">
</div> </div>
</div> </div>
<div class="col-md-4 p-4"> <div class="col-md-4 p-4">
<div (click)= "goToGraphSpec('l3.current')"> <div (click)= "goToGraphSpec('l3.current')">
<radial-gauge class = "gauges" width="200" units="Amps" title="Phase C Current" height="200" major-ticks="0,60,120,180,240,300" max-value = '300' [value]="pCCurrent"> <radial-gauge class = "gauges" width="200" units="Amps" title="Phase C Current" height="200" major-ticks="0,60,120,180,240,300" max-value = '300' highlights = '[{"from": 0, "to": 0, "color": black}]' [value]="pCCurrent">
</radial-gauge> </radial-gauge>
</div> </div>
<div *ngIf="pCCurrent; else loggedOut"> <div *ngIf="pCCurrent; else loggedOut">
</div> </div>
</div> </div>
<div class="col-md-4 p-4"> <div class="col-md-4 p-4">
<div (click)= "goToGraphSpec('engine.rpm')"> <div (click)= "goToGraphSpec('engine.rpm')">
<radial-gauge class = "gauges" width="200" units="RPM" title="Engine Speed" height="200" major-ticks="0,375,750,1125,1500,1875, 2250, 2625,3000" max-value = "3000" [value]="engineSpeed"> <radial-gauge class = "gauges" width="200" units="RPM" title="Engine Speed" height="200" major-ticks="0,375,750,1125,1500,1875, 2250, 2625,3000" max-value = "3000" highlights = '[{"from": 0, "to": 0, "color": black}]' [value]="engineSpeed">
</radial-gauge> </radial-gauge>
</div> </div>
<div *ngIf="engineSpeed; else loggedOut"> <div *ngIf="engineSpeed; else loggedOut">
</div> </div>
</div> </div>
<div class="col-md-4 p-4"> <div class="col-md-4 p-4">
<div (click)= "goToGraphSpec('fuel.pressure')"> <div (click)= "goToGraphSpec('fuel.pressure')">
<radial-gauge class = "gauges" width="200" units="%" title="Fuel Pressure" height="200" major-ticks="0,12.5,25,37.5,50,62.5,75,87.5,100" max-value = "100" [value]="fuelPressure"> <radial-gauge class = "gauges" width="200" units="kPa/psi" title="Fuel Pressure" height="200" major-ticks="0,12.5,25,37.5,50,62.5,75,87.5,100" max-value = "100" highlights = '[{"from": 0, "to": 0, "color": black}]' [value]="fuelPressure">
</radial-gauge> </radial-gauge>
</div> </div>
<div *ngIf="fuelPressure; else loggedOut"> <div *ngIf="fuelPressure; else loggedOut">
</div> </div>
</div> </div>
<div class="col-md-4 p-4"> <div class="col-md-4 p-4">
<div (click)= "goToGraphSpec('l1.l0.voltage')"> <div (click)= "goToGraphSpec('l1.l0.voltage')">
<radial-gauge class = "gauges" width="200" units="Volts" title="Phase A Voltage" height="200" major-ticks="0,60,120,180,240,300" max-value = "300" [value]="pAVoltage"> <radial-gauge class = "gauges" width="200" units="Volts" title="Phase A Voltage" height="200" major-ticks="0,60,120,180,240,300" max-value = "300" highlights = '[{"from": 0, "to": 0, "color": black}]' [value]="pAVoltage">
</radial-gauge> </radial-gauge>
</div> </div>
<div *ngIf="pAVoltage; else loggedOut"> <div *ngIf="pAVoltage; else loggedOut">
</div> </div>
</div> </div>
<div class="col-md-4 p-4"> <div class="col-md-4 p-4">
<div (click)= "goToGraphSpec('l2.l0.voltage')"> <div (click)= "goToGraphSpec('l2.l0.voltage')">
<radial-gauge class = "gauges" width="200" units="Volts" title="Phase B Voltage" height="200" major-ticks="0,60,120,180,240,300" max-value = "300" [value]="pBVoltage"> <radial-gauge class = "gauges" width="200" units="Volts" title="Phase B Voltage" height="200" major-ticks="0,60,120,180,240,300" max-value = "300" highlights = '[{"from": 0, "to": 0, "color": black}]' [value]="pBVoltage">
</radial-gauge> </radial-gauge>
</div> </div>
<div *ngIf="pBVoltage; else loggedOut"> <div *ngIf="pBVoltage; else loggedOut">
</div> </div>
</div> </div>
<div class="col-md-4 p-4"> <div class="col-md-4 p-4">
<div (click)= "goToGraphSpec('l3.l0.voltage')"> <div (click)= "goToGraphSpec('l3.l0.voltage')">
<radial-gauge class = "gauges" width="200" units="Volts" title="Phase C Voltage" height="200" major-ticks="0,60,120,180,240,300" max-value = "300" [value]="pCVoltage"> <radial-gauge class = "gauges" width="200" units="Volts" title="Phase C Voltage" height="200" major-ticks="0,60,120,180,240,300" max-value = "300" highlights = '[{"from": 0, "to": 0, "color": black}]' [value]="pCVoltage">
</radial-gauge> </radial-gauge>
</div> </div>
<div *ngIf="pCVoltage; else loggedOut"> <div *ngIf="pCVoltage; else loggedOut">
</div> </div>
</div> </div>
<div class="col-md-4 p-4"> <div class="col-md-4 p-4">
<div (click)= "goToGraphSpec('total.kw')"> <div (click)= "goToGraphSpec('total.kw')">
<radial-gauge class = "gauges" width="200" units="kW" title="Total kiloWatt" height="200" major-ticks="0,125,250,375,500,625,750, 875, 1000" max-value = "1000" [value]="totalKw"> <radial-gauge class = "gauges" width="200" units="kW" title="Total kiloWatt" height="200" major-ticks="0,125,250,375,500,625,750, 875, 1000" max-value = "1000" highlights = '[{"from": 0, "to": 0, "color": black}]' [value]="totalKw">
</radial-gauge> </radial-gauge>
</div> </div>
<div *ngIf="totalKw; else loggedOut"> <div *ngIf="totalKw; else loggedOut">
Expand Down Expand Up @@ -213,7 +213,7 @@
<div class="row mt-3 text-center" *ngIf = "isRecent"> <div class="row mt-3 text-center" *ngIf = "isRecent">
<div class="col-md-3 p-4"> <div class="col-md-3 p-4">
<div (click)= "goToGraphSpec('coolant.temp')"> <div (click)= "goToGraphSpec('coolant.temp')">
<linear-gauge width="150" title = "Coolant Temperature" major-ticks = "0,30,60,90,120" max-value = "120" height="350" [value] = "coolantTemp"> <linear-gauge width="150" title = "Coolant Temperature" major-ticks = "0,30,60,90,120" units = "°F" max-value = "120" height="350" highlights = '[{"from": 0, "to": 0, "color": black}]' [value] = "coolantTemp">


</linear-gauge> </linear-gauge>
</div> </div>
Expand All @@ -226,7 +226,7 @@
<div class="col-md-3 p-4"> <div class="col-md-3 p-4">
<!--<radial-gauge width="200" units="°C" title="Fuel Temperature" height="200" [value]="fuelTemp"></radial-gauge> --> <!--<radial-gauge width="200" units="°C" title="Fuel Temperature" height="200" [value]="fuelTemp"></radial-gauge> -->
<div (click)= "goToGraphSpec('oil.pressure')"> <div (click)= "goToGraphSpec('oil.pressure')">
<linear-gauge width="150" title = "Oil Pressure" major-ticks = "0,50,100,150,200" max-value = "200" height="350" [value] = "oilPressure"> <linear-gauge width="150" title = "Oil Pressure" major-ticks = "0,50,100,150,200" units = "kPa/psi" max-value = "200" height="350" highlights = '[{"from": 0, "to": 0, "color": black}]' [value] = "oilPressure">
</linear-gauge> </linear-gauge>
</div> </div>
<div *ngIf="oilPressure; else loggedOut"> <div *ngIf="oilPressure; else loggedOut">
Expand All @@ -235,15 +235,15 @@
<div class="col-md-3 p-4"> <div class="col-md-3 p-4">
<!--<radial-gauge width="200" units="°C" title="Fuel Temperature" height="200" [value]="fuelTemp"></radial-gauge> --> <!--<radial-gauge width="200" units="°C" title="Fuel Temperature" height="200" [value]="fuelTemp"></radial-gauge> -->
<div (click)= "goToGraphSpec('oil.temp')"> <div (click)= "goToGraphSpec('oil.temp')">
<linear-gauge width="150" title = "Oil Temperature" major-ticks = "0,50,100,150,200" max-value = "200" height="350" [value]="oilTemp"></linear-gauge> <linear-gauge width="150" title = "Oil Temperature" major-ticks = "0,50,100,150,200" units = "°F" max-value = "200" height="350" highlights = '[{"from": 0, "to": 0, "color": black}]' [value]="oilTemp"></linear-gauge>
</div> </div>
<div *ngIf="oilTemp; else loggedOut"> <div *ngIf="oilTemp; else loggedOut">
</div> </div>
</div> </div>
<div class="col-md-3 p-4"> <div class="col-md-3 p-4">
<!--<radial-gauge width="200" units="°C" title="Fuel Temperature" height="200" [value]="fuelTemp"></radial-gauge> --> <!--<radial-gauge width="200" units="°C" title="Fuel Temperature" height="200" [value]="fuelTemp"></radial-gauge> -->
<div (click)= "goToGraphSpec('fuel.temp')"> <div (click)= "goToGraphSpec('fuel.temp')">
<linear-gauge width="150" title = "Fuel Temperature" major-ticks = "0,50,100,150,200" max-value = "200" height="350" [value]= "fuelTemp" > <linear-gauge width="150" title = "Fuel Temperature" major-ticks = "0,50,100,150,200" units = "°F" max-value = "200" height="350" highlights = '[{"from": 0, "to": 0, "color": black}]' [value]= "fuelTemp" >


</linear-gauge> </linear-gauge>
</div> </div>
Expand Down

0 comments on commit 8a65f09

Please sign in to comment.