SnapshotDialogComponent

Source	take-snapshot

Component to take pictures using HTML 5. Should only be used within a modal.

Example

Reference Implementation: EvanPictureService

• typescript

import {
  EvanModalService,
} from 'angular-core';

constructor(
  private modalService: EvanModalService,
) { }

ngOnInit() {
  this.picture = await this.modalService.createModal(SnapshotDialogComponent, {});
}

openPictureDetail(dataUrl) {
  try {
    return this.modalService.showBigPicture(
      'alertTitle',
      'alertText',
      dataUrl,
    );
  } catch (ex) { }
}

• html

<img class="clickable"
  [src]="picture.blobURI"
  (click)="openPictureDetail(picture.blobURI)"
/>

View Example