Blame view
src/app/component/import-vessels/import-vessels.component.html
879 Bytes
632c4ac2f
import vessels
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<div class="container" appImportVessels (fileDropped)="onFileDropped($event)">
<input type="file" #fileDropRef id="fileDropRef" multiple (change)="fileBrowseHandler($event.target.files)" />
<img src="../../../assets/ic-upload-file.svg" alt="">
<h3>Drag and drop file here</h3>
<h3>or</h3>
<label for="fileDropRef">Browse for file</label>
</div>
<div class="files-list">
<div class="single-file" *ngFor="let file of files; let i = index">
<img src="../../../assets/ic-file.svg" width="45px" alt="file">
<div class="info">
<h4 class="name">
{{ file?.name }}
</h4>
<p class="size">
{{ formatBytes(file?.size) }}
</p>
<app-progress [progress]="file?.progress"></app-progress>
</div>
<img src="../../../assets/ic-delete-file.svg" class="delete" width="20px" alt="file" (click)="deleteFile(i)">
</div>
</div>
|