33 lines
1.3 KiB
HTML
33 lines
1.3 KiB
HTML
<div title="bobo" class="container" appDragAndDrop (fileDropped)="onFileDropped($event)">
|
|
<input type="file" #fileDropRef id="fileDropRef" multiple (change)="fileBrowseHandler($event.target.files)" />
|
|
<div style="font-weight: bold">Images</div>
|
|
<img src="/assets/uploadFile.png" width="50" height="50" style="margin-top: 5px">
|
|
<div style="font-style: italic; margin-top: 10px">Glisser déposer</div>
|
|
<div style="font-style: italic">ou</div>
|
|
<div style="font-style: italic" for="fileDropRef">Cliquer pour selectionner</div>
|
|
</div>
|
|
|
|
<div style="text-align: center;">
|
|
<mat-icon [title]=info_image>info</mat-icon>
|
|
</div>
|
|
|
|
<div class="files-list">
|
|
<div class="single-file" *ngFor="let file of files; let i = index">
|
|
<img src="/assets/uploadFile.png" width="45px" alt="file">
|
|
<div class="info">
|
|
<h4 class="name">
|
|
{{ file?.name }}
|
|
</h4>
|
|
<p class="size">
|
|
{{ formatBytes(file?.size) }}
|
|
</p>
|
|
<div class="progress-cont">
|
|
<div class="progress" [style.width]="file?.progress + '%'">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button mat-icon-button class="delete" width="20px" alt="file" (click)="deleteFile(i)">
|
|
<mat-icon>delete</mat-icon>
|
|
</button>
|
|
</div>
|
|
</div>
|