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));    

  }

}