X-Git-Url: https://gerrit.akraino.org/r/gitweb?a=blobdiff_plain;f=example-apps%2FPDD%2Ffrontend-src%2Fsrc%2Fapp%2Fpcbimages%2Fpcbimages.component.ts;fp=example-apps%2FPDD%2Ffrontend-src%2Fsrc%2Fapp%2Fpcbimages%2Fpcbimages.component.ts;h=0e52d2c02049becb5e1d249849e95d1e93eb936f;hb=93556d64f8727eb386792f412ed85170cb70e48d;hp=0000000000000000000000000000000000000000;hpb=5f7e757b5f667f7d9e4f3fbccaabae91ffd0feec;p=ealt-edge.git diff --git a/example-apps/PDD/frontend-src/src/app/pcbimages/pcbimages.component.ts b/example-apps/PDD/frontend-src/src/app/pcbimages/pcbimages.component.ts new file mode 100644 index 0000000..0e52d2c --- /dev/null +++ b/example-apps/PDD/frontend-src/src/app/pcbimages/pcbimages.component.ts @@ -0,0 +1,73 @@ +import { Component, OnInit } from '@angular/core'; + +import { EaltserviceService } from '../ealtservice.service' + +import { DomSanitizer, SafeUrl } from "@angular/platform-browser"; + +@Component({ + selector: 'app-pcbimages', + templateUrl: './pcbimages.component.html', + styleUrls: ['./pcbimages.component.scss'] +}) +export class PcbimagesComponent implements OnInit { + + input_images = ["./../../assets/images/input_images/01_spurious_copper_03.jpg","./../../assets/images/input_images/04_missing_hole_04.jpg","./../../assets/images/input_images/07_spurious_copper_05.jpg","./../../assets/images/input_images/09_missing_hole_04.jpg","./../../assets/images/input_images/09_spurious_copper_09.jpg","./../../assets/images/input_images/11_open_circuit_03.jpg"]; + inputimg = true; + + thumbnail01 : any; + thumbnail02 : any; + thumbnail03 : any; + thumbnail04 : any; + thumbnail05 : any; + thumbnail : any; + data: any; + + cam: any; + edge: any; + + constructor( + private serviceobj: EaltserviceService, + private sanitizer: DomSanitizer + ) { } + + ngOnInit(): void { + // this.inputimg == false; + // this.getImage(this.data); + this.cam = JSON.parse(localStorage.getItem('camera')); + this.edge = JSON.parse(localStorage.getItem('edgesite')); + this.data = this.edge + '/' + this.cam; + + this.getImage(this.data); + } + + getImage(data) { + + //let myCompOneObj = new CompOneComponent(); + debugger; + this.serviceobj.getInputImage(data) + .subscribe( (data:any) => { + + debugger; + + let objectURL = 'data:image/jpeg;base64,' + data.image01; + this.thumbnail = this.sanitizer.bypassSecurityTrustUrl(objectURL); + + // 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)); + + } + +}