diff options
| author | Chocobozzz <me@florianbigard.com> | 2020-06-23 14:10:17 +0200 |
|---|---|---|
| committer | Chocobozzz <chocobozzz@cpy.re> | 2020-06-23 16:00:49 +0200 |
| commit | 67ed6552b831df66713bac9e672738796128d33f (patch) | |
| tree | 59c97d41e0b49d75a90aa3de987968ab9b1ff447 /client/src/app/shared/shared-forms/preview-upload.component.html | |
| parent | 0c4bacbff53bc732f5a2677d62a6ead7752e2405 (diff) | |
| download | PeerTube-67ed6552b831df66713bac9e672738796128d33f.tar.gz PeerTube-67ed6552b831df66713bac9e672738796128d33f.tar.zst PeerTube-67ed6552b831df66713bac9e672738796128d33f.zip | |
Reorganize client shared modules
Diffstat (limited to 'client/src/app/shared/shared-forms/preview-upload.component.html')
| -rw-r--r-- | client/src/app/shared/shared-forms/preview-upload.component.html | 11 |
1 files changed, 11 insertions, 0 deletions
diff --git a/client/src/app/shared/shared-forms/preview-upload.component.html b/client/src/app/shared/shared-forms/preview-upload.component.html new file mode 100644 index 000000000..7c3a2b588 --- /dev/null +++ b/client/src/app/shared/shared-forms/preview-upload.component.html | |||
| @@ -0,0 +1,11 @@ | |||
| 1 | <div class="root"> | ||
| 2 | <div class="preview-container"> | ||
| 3 | <my-reactive-file | ||
| 4 | [inputName]="inputName" [inputLabel]="inputLabel" [extensions]="videoImageExtensions" [maxFileSize]="maxVideoImageSize" placement="right" | ||
| 5 | icon="edit" (fileChanged)="onFileChanged($event)" [ngbTooltip]="'(extensions: '+ videoImageExtensions +', '+ maxSizeText +': '+ maxVideoImageSizeInBytes +')'" | ||
| 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 | </div> | ||