Sinopec-Anxin/src/app/pages/today-warning/get-out-of-line-details/get-out-of-line-details.component.ts

import { Component, OnInit, Input } from '@angular/core';
import Viewer from 'viewerjs'
@Component({
  selector: 'app-get-out-of-line-details',
  templateUrl: './get-out-of-line-details.component.html',
  styleUrls: ['./get-out-of-line-details.component.scss']
})
export class GetOutOfLineDetailsComponent implements OnInit {

  @Input() data: any
  @Input() type: any
  constructor() { }


  imgUrl: string
  vedioUrl: string
  ngOnInit(): void {
    this.imgUrl = this.data.violateImage
    this.vedioUrl = this.data.violateVideo
  }


  selectedType: string = 'img'
  contentType(type) {
    this.selectedType = type
  }
  lookImg() {
    let dom = document.getElementById(`viewerjs`)
    let pObjs = dom.childNodes;
    let node = document.createElement("img")
    node.style.display = "none";
    node.src = "../../../../assets/images/bgImg.png";
    node.id = 'img'
    dom.appendChild(node)
    setTimeout(() => {
      let viewer = new Viewer(document.getElementById(`viewerjs`), {
        hidden: () => {
          dom.removeChild(pObjs[0]);
          viewer.destroy();
        }
      });
      node.click();
    }, 0);
  }
}