aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/shared/images/preview-upload.component.html
blob: 5e1d5211b8355612a87060d941de73ba3c0abaa1 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
<div class="root">
  <div class="preview-container">
    <my-reactive-file
      [inputName]="inputName" [inputLabel]="inputLabel" [extensions]="videoImageExtensions" [maxFileSize]="maxVideoImageSize"
      icon="edit" (fileChanged)="onFileChanged($event)"
    ></my-reactive-file>

    <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>

  <div i18n class="file-constraints">(extensions: {{ allowedExtensionsMessage }}, max size: {{ maxVideoImageSize | bytes }})</div>
</div>