X-Git-Url: https://gerrit.akraino.org/r/gitweb?a=blobdiff_plain;f=example-apps%2FROBO%2FRoboUI%2Fsrc%2Fapp%2Fdata-monitor%2Fdata-monitor.component.ts;fp=example-apps%2FROBO%2FRoboUI%2Fsrc%2Fapp%2Fdata-monitor%2Fdata-monitor.component.ts;h=64bc2b6eeb6ab42968082d90319d325474f7ed78;hb=8cb1b78903bb22e22b2a9a887a1070530b550a05;hp=5c503b5105648fb644e89cb850f59f844940db41;hpb=5b9f456c977f69840fc9470b304c6360adc2d971;p=ealt-edge.git diff --git a/example-apps/ROBO/RoboUI/src/app/data-monitor/data-monitor.component.ts b/example-apps/ROBO/RoboUI/src/app/data-monitor/data-monitor.component.ts index 5c503b5..64bc2b6 100644 --- a/example-apps/ROBO/RoboUI/src/app/data-monitor/data-monitor.component.ts +++ b/example-apps/ROBO/RoboUI/src/app/data-monitor/data-monitor.component.ts @@ -9,7 +9,6 @@ import { RoboService } from './../../app/robo.service'; import { DomSanitizer, SafeUrl } from "@angular/platform-browser"; - @Component({ selector: 'app-data-monitor', templateUrl: './data-monitor.component.html', @@ -40,18 +39,26 @@ export class DataMonitorComponent implements OnInit { this.inventoryDetails(); } + refreshPage() { + this.inventoryDetails(); + this.monitorDetails(); + } + monitorDetails() { debugger; this.roboService.getMonitorImage() .subscribe( (data:any) => { + debugger; console.log(data); + // referred https://stackoverflow.com/questions/55591871/view-blob-response-as-image-in-angular let objectURL = 'data:image/jpeg;base64,' + data.image; this.thumbnail = this.sanitizer.bypassSecurityTrustUrl(objectURL); }, - error => console.log(error)); + error => console.log(error)); + } inventoryDetails() { @@ -59,6 +66,7 @@ export class DataMonitorComponent implements OnInit { .subscribe(data => { console.log(data); this.monitorInfo = data; + this.monitorArrayList = data.InventryData; this.monitorDataSource = new MatTableDataSource(this.monitorArrayList); this.monitorDataSource.paginator = this.paginator;