Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
Fixing some minor UI problems, linting for production, added refresh …
…timer on statistics page to fire every minute.
  • Loading branch information
Evan Langlais committed Apr 17, 2019
1 parent 494bed8 commit b3e10c8
Show file tree
Hide file tree
Showing 4 changed files with 61 additions and 51 deletions.
3 changes: 2 additions & 1 deletion src/app/generator-search/generator-search.component.html
@@ -1,7 +1,8 @@
<div class="container"> <div class="container">
<div class="row justify-content-center"> <div class="row justify-content-center">
<!--<div class="col-md-12 mx-auto mt-4">-->
<h4 class="text-center mb-3">Your Generators</h4> <h4 class="text-center mb-3">Your Generators</h4>
</div>
<div class="row justify-content-center">
<mat-spinner *ngIf="loading$"></mat-spinner> <mat-spinner *ngIf="loading$"></mat-spinner>
</div> </div>
<div style="display: flex; flex-wrap: wrap; margin: 6em 2em; justify-content: space-evenly"> <div style="display: flex; flex-wrap: wrap; margin: 6em 2em; justify-content: space-evenly">
Expand Down
67 changes: 30 additions & 37 deletions src/app/http-error.interceptor.ts
@@ -1,43 +1,36 @@
import { import {
HttpEvent, HttpEvent,
HttpInterceptor, HttpInterceptor,
HttpHandler, HttpHandler,
HttpRequest, HttpRequest,
HttpResponse, HttpResponse,
HttpErrorResponse HttpErrorResponse
} from '@angular/common/http'; } from '@angular/common/http';
import { Observable, throwError } from 'rxjs'; import {Observable, throwError} from 'rxjs';
import { retry, catchError } from 'rxjs/operators'; import {retry, catchError} from 'rxjs/operators';
import { Component, Input} from '@angular/core'; import {Component, Input} from '@angular/core';





export class HttpErrorInterceptor implements HttpInterceptor { export class HttpErrorInterceptor implements HttpInterceptor {
intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> { intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
return next.handle(request) return next.handle(request)
.pipe( .pipe(
retry(1), retry(1),
catchError((error: HttpErrorResponse) => { catchError((error: HttpErrorResponse) => {
let errorMessage = ''; let errorMessage = '';
if (error.error instanceof ErrorEvent) { if (error.error instanceof ErrorEvent) {
// client-side error // client-side error
errorMessage = `Error: ${error.error.message}`; errorMessage = `Error: ${error.error.message}`;
} } else if (error.message === 'Http failure response for http://sd5-backend.engr.uconn.edu/auth: 404 Not Found') {
else if (error.message == "Http failure response for http://sd5-backend.engr.uconn.edu/auth: 404 Not Found") window.alert('Invalid Credentials');
{
//console.log(error.message); } else {

// server-side error
window.alert("Invalid Credentials"); errorMessage = `Error Code: ${error.status}\nMessage: ${error.message}`;
}


} return throwError(errorMessage);
else { })
// server-side error );
//console.log("poop"); }
errorMessage = `Error Code: ${error.status}\nMessage: ${error.message}`; }
}

return throwError(errorMessage);
})
)
}
}
15 changes: 7 additions & 8 deletions src/app/services/metrics.service.ts
Expand Up @@ -15,7 +15,7 @@ export class MetricsService {


getRecentMetrics(token) { getRecentMetrics(token) {


let gen_id = localStorage.getItem('gen_id'); const gen_id = localStorage.getItem('gen_id');
return this.http.get('http://sd5-backend.engr.uconn.edu/data/query/exp/recent/' + gen_id, { return this.http.get('http://sd5-backend.engr.uconn.edu/data/query/exp/recent/' + gen_id, {
headers: { headers: {
Authorization: 'Bearer ' + token Authorization: 'Bearer ' + token
Expand All @@ -25,7 +25,7 @@ export class MetricsService {


getHourMetrics(token) { getHourMetrics(token) {


let gen_id = localStorage.getItem('gen_id'); const gen_id = localStorage.getItem('gen_id');
return this.http.get('http://sd5-backend.engr.uconn.edu/data/query/exp/hour/' + gen_id, { return this.http.get('http://sd5-backend.engr.uconn.edu/data/query/exp/hour/' + gen_id, {
headers: { headers: {
Authorization: 'Bearer ' + token Authorization: 'Bearer ' + token
Expand All @@ -35,7 +35,7 @@ export class MetricsService {


getDayMetrics(token) { getDayMetrics(token) {


let gen_id = localStorage.getItem('gen_id'); const gen_id = localStorage.getItem('gen_id');
return this.http.get('http://sd5-backend.engr.uconn.edu/data/query/exp/day/' + gen_id, { return this.http.get('http://sd5-backend.engr.uconn.edu/data/query/exp/day/' + gen_id, {
headers: { headers: {
Authorization: 'Bearer ' + token Authorization: 'Bearer ' + token
Expand All @@ -45,7 +45,7 @@ export class MetricsService {


getWeekMetrics(token) { getWeekMetrics(token) {


let gen_id = localStorage.getItem('gen_id'); const gen_id = localStorage.getItem('gen_id');
return this.http.get('http://sd5-backend.engr.uconn.edu/data/query/exp/week/' + gen_id, { return this.http.get('http://sd5-backend.engr.uconn.edu/data/query/exp/week/' + gen_id, {
headers: { headers: {
Authorization: 'Bearer ' + token Authorization: 'Bearer ' + token
Expand All @@ -54,7 +54,7 @@ export class MetricsService {
} }
getMonthMetrics(token) { getMonthMetrics(token) {


let gen_id = localStorage.getItem('gen_id'); const gen_id = localStorage.getItem('gen_id');
return this.http.get('http://sd5-backend.engr.uconn.edu/data/query/exp/month/' + gen_id, { return this.http.get('http://sd5-backend.engr.uconn.edu/data/query/exp/month/' + gen_id, {
headers: { headers: {
Authorization: 'Bearer ' + token Authorization: 'Bearer ' + token
Expand All @@ -64,7 +64,7 @@ export class MetricsService {


getYearMetrics(token) { getYearMetrics(token) {


let gen_id = localStorage.getItem('gen_id'); const gen_id = localStorage.getItem('gen_id');
return this.http.get('http://sd5-backend.engr.uconn.edu/data/query/exp/year/' + gen_id, { return this.http.get('http://sd5-backend.engr.uconn.edu/data/query/exp/year/' + gen_id, {
headers: { headers: {
Authorization: 'Bearer ' + token Authorization: 'Bearer ' + token
Expand All @@ -74,12 +74,11 @@ export class MetricsService {


getDevMetrics(token) { getDevMetrics(token) {


let gen_id = localStorage.getItem('gen_id'); const gen_id = localStorage.getItem('gen_id');
return this.http.get('http://sd5-backend.engr.uconn.edu/data/query/exp/dev/' + gen_id, { return this.http.get('http://sd5-backend.engr.uconn.edu/data/query/exp/dev/' + gen_id, {
headers: { headers: {
Authorization: 'Bearer ' + token Authorization: 'Bearer ' + token
} }

}); });
} }


Expand Down
27 changes: 22 additions & 5 deletions src/app/statistics/statistics.component.ts
Expand Up @@ -5,6 +5,7 @@ import { Router } from '@angular/router';
import {LoginService} from '../services/login.service'; import {LoginService} from '../services/login.service';
import { GeneratorState, GeneratorMetric} from '../generator-object'; import { GeneratorState, GeneratorMetric} from '../generator-object';
import { GeneratorService } from '../services/generator.service'; import { GeneratorService } from '../services/generator.service';
import { timer } from 'rxjs/observable/timer';


@Component({ @Component({
selector: 'app-statistics', selector: 'app-statistics',
Expand All @@ -14,16 +15,19 @@ import { GeneratorService } from '../services/generator.service';
export class StatisticsComponent implements OnInit { export class StatisticsComponent implements OnInit {




constructor(public data: MetricsService, public data2: GeneratorService, private http: HttpClient, private router: Router, private login: LoginService) { constructor(public data: MetricsService, public data2: GeneratorService, private http: HttpClient,
private router: Router, private login: LoginService) {


} }


public metric: any; public metric: any;


public generator_state: GeneratorState; public generator_state: GeneratorState;
public generator_statistics: Map<string, GeneratorMetric>; public generator_statistics: Map<string, GeneratorMetric>;
public radial_metrics = ['l1.current', 'l2.current', 'l3.current', 'engine.rpm', 'fuel.pressure', 'l1.l0.voltage', 'l2.l0.voltage', 'l3.l0.voltage', 'total.kw']; public radial_metrics = ['l1.current', 'l2.current', 'l3.current', 'engine.rpm', 'fuel.pressure',
'l1.l0.voltage', 'l2.l0.voltage', 'l3.l0.voltage', 'total.kw'];
public slide_metrics = ['coolant.temp', 'fuel.temp', 'oil.temp', 'oil.pressure']; public slide_metrics = ['coolant.temp', 'fuel.temp', 'oil.temp', 'oil.pressure'];
public timer$;


getMajorTicks(metric: GeneratorMetric) { getMajorTicks(metric: GeneratorMetric) {
const total = (metric.max - metric.min); const total = (metric.max - metric.min);
Expand Down Expand Up @@ -57,9 +61,8 @@ export class StatisticsComponent implements OnInit {
this.router.navigateByUrl('/visualize-one'); this.router.navigateByUrl('/visualize-one');
localStorage.setItem('data_type', dataType); localStorage.setItem('data_type', dataType);
} }
ngOnInit() {
localStorage.removeItem('data_type'); loadData() {
localStorage.removeItem('fault_type');
const gen_id = parseInt(localStorage.getItem('gen_id'), 10); const gen_id = parseInt(localStorage.getItem('gen_id'), 10);
this.login.getToken().then((jsonToken) => { this.login.getToken().then((jsonToken) => {
this.data2.getGeneratorState(gen_id, jsonToken).then((state) => { this.data2.getGeneratorState(gen_id, jsonToken).then((state) => {
Expand All @@ -73,4 +76,18 @@ export class StatisticsComponent implements OnInit {
}); });
} }


reloadLoop() {

}

ngOnInit() {
localStorage.removeItem('data_type');
localStorage.removeItem('fault_type');
this.timer$ = timer(0, 60000);
this.timer$.subscribe(() => {
this.loadData();
});
// this.loadData();
}

} }

0 comments on commit b3e10c8

Please sign in to comment.