rebirth-ng-app documentation
  1. Components
  2. ViewImageModalComponent

File

projects/rebirth-ng/src/lib/image-upload/view-image-modal.component.ts

Implements

Modal

Metadata

selector ./re-view-image-modal
styleUrls view-image-modal.component.scss
templateUrl ./view-image-modal.component.html

Index

Properties
Methods

Methods

close
close()
Defined in projects/rebirth-ng/src/lib/image-upload/view-image-modal.component.ts:14
Returns : void

Properties

context
context: any
Type : any
Defined in projects/rebirth-ng/src/lib/image-upload/view-image-modal.component.ts:11
dismiss
dismiss: EventEmitter<any>
Type : EventEmitter<any>
Defined in projects/rebirth-ng/src/lib/image-upload/view-image-modal.component.ts:12
 
import { Component, EventEmitter } from '@angular/core';
import { Modal } from '../modal/modal.model';

@Component({
  selector: './re-view-image-modal',
  styleUrls: ['./view-image-modal.component.scss'],
  templateUrl: './view-image-modal.component.html'
})

export class ViewImageModalComponent implements Modal {
  context: any;
  dismiss: EventEmitter<any>;

  close() {
    this.dismiss.next(null);
  }
}

<div class="view-image-modal">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close" (click)="close()">
      <span aria-hidden="true">&times;</span></button>
    <h4 class="modal-title"><div class="title-text" [attr.title]="context?.name">{{context?.name}}</div></h4>
  </div>
  <div class="modal-body">
    <img class="preview-image img-responsive" [src]="context?.url" [attr.alt]="context?.name">
  </div>
</div>
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""