Add reset button for file inputs in studio page

[github/Chocobozzz/PeerTube.git] / client / src / app / shared / shared-forms / preview-upload.component.html

<div class="root">
  <div class="preview-container">
    <my-reactive-file
      [inputName]="inputName" [inputLabel]="inputLabel" [extensions]="videoImageExtensions" [maxFileSize]="maxVideoImageSize" placement="right"
      icon="edit" (fileChanged)="onFileChanged($event)" [buttonTooltip]="getReactiveFileButtonTooltip()"
    ></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>