From 6168e231b544e9dd1fc09a73c0c46b02cfc2eb5b Mon Sep 17 00:00:00 2001
From: Emil Abraham <emil.abraham@uconn.edu>
Date: Wed, 3 Apr 2019 14:53:49 -0400
Subject: [PATCH] added click functionality for 2 gauges

---
 src/app/statistics/statistics.component.html | 18 +++++++++++++-----
 src/app/statistics/statistics.component.ts   | 15 +++++++++++++--
 2 files changed, 26 insertions(+), 7 deletions(-)

diff --git a/src/app/statistics/statistics.component.html b/src/app/statistics/statistics.component.html
index e74550d..9387808 100644
--- a/src/app/statistics/statistics.component.html
+++ b/src/app/statistics/statistics.component.html
@@ -20,10 +20,14 @@
       <button class="btn btn-primary btn-block m-1" (click)="viewYear()">Last Year</button>
     </div>
   </div> -->
+  <div class = "row mt-3">
+    <button class="btn btn-primary btn-block m-1" (click) = "goToGraphGen()">Graph</button>
+
+  </div>
     <div class="row mt-3 text-center" *ngIf = "isRecent">
       
       <div class="col-md-4">
-        <radial-gauge  width="200" units="Amps" title="Phase A Current" height="200" major-ticks="0,60,120,180,240,300" [value]="pACurrent">
+        <radial-gauge  width="200" units="Amps" title="Phase A Current" height="200" major-ticks="0,60,120,180,240,300" [value]="pACurrent" >
         </radial-gauge>
       </div>
       <div class="col-md-4">
@@ -85,12 +89,16 @@
         <linear-gauge width="150" title = "Oil Pressure" major-ticks = "0,50,100,150,200" max-value = "120" height="350" [value] = "oilPressure"></linear-gauge>
       </div>
       <div class="col-md-3">
-        <!--<radial-gauge width="200" units="°C" title="Fuel Temperature" height="200" [value]="fuelTemp"></radial-gauge> -->
-        <linear-gauge width="150" title = "Oil Temperature" major-ticks = "0,50,100,150,200" max-value = "200" height="350" [value]="oilTemp"></linear-gauge>
+          <!--<radial-gauge width="200" units="°C" title="Fuel Temperature" height="200" [value]="fuelTemp"></radial-gauge> -->
+        <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>
+        </div>
       </div>
       <div class="col-md-3">
-        <!--<radial-gauge width="200" units="°C" title="Fuel Temperature" height="200" [value]="fuelTemp"></radial-gauge> -->
-        <linear-gauge width="150" title = "Fuel Temperature" major-ticks = "0,50,100,150,200" max-value = "200" height="350" [value]="fuelTemp"></linear-gauge>
+          <!--<radial-gauge width="200" units="°C" title="Fuel Temperature" height="200" [value]="fuelTemp"></radial-gauge> -->        
+        <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>
+        </div>
       </div>
     </div>
 <!--   
diff --git a/src/app/statistics/statistics.component.ts b/src/app/statistics/statistics.component.ts
index 4455175..40186f8 100644
--- a/src/app/statistics/statistics.component.ts
+++ b/src/app/statistics/statistics.component.ts
@@ -1,7 +1,7 @@
 import {Component, OnInit} from '@angular/core';
 import {MetricsService} from '../services/metrics.service';
 import {HttpClient, HttpHeaders} from '@angular/common/http';
-
+import { Router } from '@angular/router';
 
 @Component({
   selector: 'app-statistics',
@@ -11,7 +11,7 @@ import {HttpClient, HttpHeaders} from '@angular/common/http';
 export class StatisticsComponent implements OnInit {
 
   
-  constructor(public data: MetricsService, private http: HttpClient) {
+  constructor(public data: MetricsService, private http: HttpClient, private router: Router) {
 
   }
 
@@ -146,6 +146,17 @@ export class StatisticsComponent implements OnInit {
 
   }
 
+  goToGraphGen()
+  {
+  	this.router.navigateByUrl('/visualize-one');
+
+  }
+  goToGraphSpec(dataType)
+  {
+  	this.router.navigateByUrl('/visualize-one');
+  	localStorage.setItem('data_type', dataType);
+  }
+
   ngOnInit() {
 
     const jsonToken = localStorage.getItem('auth_token');