client/src/app/videos/+video-edit/shared/video-image.component.html

   1 <div class="root">
   2   <div>
   3     <div class="button-file">
   4       <span>{{ inputLabel }}</span>
   5       <input
   6         type="file"
   7         [name]="inputName" [id]="inputName" [accept]="videoImageExtensions"
   8         (change)="fileChange($event)"
   9       />
  10     </div>
  11     <div class="image-constraints">(extensions: {{ videoImageExtensions }}, max size: {{ maxVideoImageSize | bytes }})</div>
  12   </div>
  13
  14   <img *ngIf="imageSrc" [ngStyle]="{ width: previewWidth, height: previewHeight }" [src]="imageSrc" class="preview" />
  15   <div *ngIf="!imageSrc" [ngStyle]="{ width: previewWidth, height: previewHeight }" class="preview no-image"></div>
  16 </div>