<div bsModal #modal="bs-modal" (onShown)="onShown()" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="modal" aria-hidden="true" [config]="{backdrop: 'static'}">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      
        <div class="modal-header">
            <h4 class="modal-title">
            <span>{{"IncidentImages" | localize}}</span>
          </h4>
          <button type="button" class="close" (click)="close()" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>          
        </div>
        <div class="modal-body">
        <div class="row">
          <div class="col-3 margin-bottom-15 margin-top-15" *ngFor="let image of images">
              <img src="data:image/jpeg;base64,{{image.image.data}}" width="128" height="128" class="img-thumbnail img-rounded" />
              
          </div>
        </div> 
        </div>
        <div class="modal-footer">
          <button  type="button" class="btn btn-secondary btn-elevate btn-pill" (click)="close()">{{"Close" | localize}}</button>
          
        </div>
      
    </div>
  </div>
</div>