client/src/app/shared/images/preview-upload.component.html

   1 <div class="root">
   2   <div class="preview-container">
   3     <my-reactive-file
   4       [inputName]="inputName" [inputLabel]="inputLabel" [extensions]="videoImageExtensions" [maxFileSize]="maxVideoImageSize"
   5       icon="edit" (fileChanged)="onFileChanged($event)"
   6     ></my-reactive-file>
   7
   8     <img *ngIf="imageSrc" [ngStyle]="{ width: previewWidth, height: previewHeight }" [src]="imageSrc" class="preview" />
   9     <div *ngIf="!imageSrc" [ngStyle]="{ width: previewWidth, height: previewHeight }" class="preview no-image"></div>
  10   </div>
  11
  12   <div i18n class="file-constraints">(extensions: {{ allowedExtensionsMessage }}, max size: {{ maxVideoImageSize | bytes }})</div>
  13 </div>