aboutsummaryrefslogblamecommitdiffhomepage
path: root/client/src/app/videos/+video-edit/shared/video-image.component.html
blob: 5d0624f8c2ef1e9b4c7560b81faf697474e35600 (plain) (tree)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16















                                                                                                                            
<div class="root">
  <div>
    <div class="button-file">
      <span>{{ inputLabel }}</span>
      <input
        type="file"
        [name]="inputName" [id]="inputName" [accept]="videoImageExtensions"
        (change)="fileChange($event)"
      />
    </div>
    <div class="image-constraints">(extensions: {{ videoImageExtensions }}, max size: {{ maxVideoImageSize | bytes }})</div>
  </div>

  <img *ngIf="imageSrc" [ngStyle]="{ width: previewWidth, height: previewHeight }" [src]="imageSrc" class="preview" />
  <div *ngIf="!imageSrc" [ngStyle]="{ width: previewWidth, height: previewHeight }" class="preview no-image"></div>
</div>