BigPictureDialog

Source	big-picture

Takes an img url and shows an image on fullscreen (optimized for modal dialogs). The dataUrl can be anything that can display an img:

• http / https url
• base64 img code
• data url (blob:http://localhost:…)

To take pictures during application runtime have a look at the EvanPictureService or SnapshotDialogComponent.

Example

Reference Implementation: Task DApp detail

• typescript

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

• html

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

Havea look at the EvanModalService.

View Example