import { Component, OnInit } from '@angular/core';
import { ApiService } from '../shared/api.service';

import { base64StringToBlob } from 'blob-util';
import { DomSanitizer } from '@angular/platform-browser';

@Component({
  selector: 'app-employee',
  templateUrl: './employee.component.html',
  styleUrls: ['./employee.component.scss']
})
export class EmployeeComponent implements OnInit {

  employees: any;

  constructor(
    private api: ApiService, 
    private sanitizer: DomSanitizer
    ) { }

  ngOnInit(): void {
    this.getEmployees();
  }

  getEmployees() {
    this.api.getEmployees().subscribe({
      next: data => {       
        this.employees = data;
      },
      error: err => {}
    })
  }

  b64ToUrl(data: string) {
    let blobImg = base64StringToBlob(data, 'image/png');
    let blobUrl = URL.createObjectURL(blobImg);
    let url = this.sanitizer.bypassSecurityTrustUrl(blobUrl);
    return url;
  }
  
}