pcb demo code.

[ealt-edge.git] / example-apps / PDD / frontend-src / src / app / pcboutputimages / pcboutputimages.component.ts

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 (file)
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));    
+
+  }
+
+}