diff options
author | Chocobozzz <me@florianbigard.com> | 2019-05-17 10:45:53 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2019-05-17 10:45:53 +0200 |
commit | 7b992a86b107fc2917b993127df8e95a66ae94db (patch) | |
tree | ebbd6ded7c855a233a917786e2a15d763de86338 /client/src/app/shared/images/preview-upload.component.html | |
parent | 536598cfafab1c5e24e881db1c528489f804fb6b (diff) | |
download | PeerTube-7b992a86b107fc2917b993127df8e95a66ae94db.tar.gz PeerTube-7b992a86b107fc2917b993127df8e95a66ae94db.tar.zst PeerTube-7b992a86b107fc2917b993127df8e95a66ae94db.zip |
Support audio upload in client
Diffstat (limited to 'client/src/app/shared/images/preview-upload.component.html')
-rw-r--r-- | client/src/app/shared/images/preview-upload.component.html | 13 |
1 files changed, 13 insertions, 0 deletions
diff --git a/client/src/app/shared/images/preview-upload.component.html b/client/src/app/shared/images/preview-upload.component.html new file mode 100644 index 000000000..5e1d5211b --- /dev/null +++ b/client/src/app/shared/images/preview-upload.component.html | |||
@@ -0,0 +1,13 @@ | |||
1 | <div class="root"> | ||
2 | <div class="preview-container"> | ||
3 | <my-reactive-file | ||
4 | [inputName]="inputName" [inputLabel]="inputLabel" [extensions]="videoImageExtensions" [maxFileSize]="maxVideoImageSize" | ||
5 | icon="edit" (fileChanged)="onFileChanged($event)" | ||
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 | |||
12 | <div i18n class="file-constraints">(extensions: {{ allowedExtensionsMessage }}, max size: {{ maxVideoImageSize | bytes }})</div> | ||
13 | </div> | ||