X-Git-Url: https://gerrit.akraino.org/r/gitweb?a=blobdiff_plain;f=example-apps%2FPDD%2Ffrontend-src%2Fsrc%2Fapp%2Fpcboutputimages%2Fpcboutputimages.component.ts;fp=example-apps%2FPDD%2Ffrontend-src%2Fsrc%2Fapp%2Fpcboutputimages%2Fpcboutputimages.component.ts;h=843c5d1f4761c1d91759b97dfc2e0efddff416dc;hb=93556d64f8727eb386792f412ed85170cb70e48d;hp=0000000000000000000000000000000000000000;hpb=5f7e757b5f667f7d9e4f3fbccaabae91ffd0feec;p=ealt-edge.git diff --git a/example-apps/PDD/frontend-src/src/app/pcboutputimages/pcboutputimages.component.ts b/example-apps/PDD/frontend-src/src/app/pcboutputimages/pcboutputimages.component.ts new file mode 100644 index 0000000..843c5d1 --- /dev/null +++ b/example-apps/PDD/frontend-src/src/app/pcboutputimages/pcboutputimages.component.ts @@ -0,0 +1,58 @@ +import { Component, OnInit } from '@angular/core'; + +import { EaltserviceService } from '../ealtservice.service' + +import { DomSanitizer, SafeUrl } from "@angular/platform-browser"; + +@Component({ + selector: 'app-pcboutputimages', + templateUrl: './pcboutputimages.component.html', + styleUrls: ['./pcboutputimages.component.scss'] +}) +export class PcboutputimagesComponent implements OnInit { + + output_images = ["./../../assets/images/output_images/01_spurious_copper_03.jpg","./../../assets/images/output_images/04_missing_hole_04.jpg","./../../assets/images/output_images/07_spurious_copper_05.jpg","./../../assets/images/output_images/09_missing_hole_04.jpg","./../../assets/images/output_images/09_spurious_copper_09.jpg","./../../assets/images/output_images/11_open_circuit_03.jpg"]; + outputimg = true; + + thumbnail01 : any; + thumbnail02 : any; + thumbnail03 : any; + thumbnail04 : any; + thumbnail05 : any; + + constructor( + private serviceobj: EaltserviceService, + private sanitizer: DomSanitizer + ) { } + + ngOnInit(): void { + this.getImage(); + } + + getImage() { + debugger; + localStorage.removeItem('camera'); + localStorage.removeItem('edgesite'); + this.serviceobj.getOutputImage() + .subscribe( (data:any) => { + + debugger; + + let objectURL01 = 'data:image/jpeg;base64,' + data.image01; + let objectURL02 = 'data:image/jpeg;base64,' + data.image02; + let objectURL03 = 'data:image/jpeg;base64,' + data.image03; + let objectURL04 = 'data:image/jpeg;base64,' + data.image04; + let objectURL05 = 'data:image/jpeg;base64,' + data.image05; + + this.thumbnail01 = this.sanitizer.bypassSecurityTrustUrl(objectURL01); + this.thumbnail02 = this.sanitizer.bypassSecurityTrustUrl(objectURL02); + this.thumbnail03 = this.sanitizer.bypassSecurityTrustUrl(objectURL03); + this.thumbnail04 = this.sanitizer.bypassSecurityTrustUrl(objectURL04); + this.thumbnail05 = this.sanitizer.bypassSecurityTrustUrl(objectURL05); + + }, + error => console.log(error)); + + } + +}