24 lines
1.2 KiB
HTML
24 lines
1.2 KiB
HTML
|
<div class="files-wrapper">
|
||
|
<div class="new-uploads" style="margin: 20px;">
|
||
|
<form #uploadForm [action]="getApiSubmit()" enctype="multipart/form-data" method="post">
|
||
|
<input style="margin-top: 10px;" type="file" id="file" name="uploaded_file">
|
||
|
<ion-button (click)="onSubmitClick()" type="submit" fill="outline" class="ion-margin-start">Upload</ion-button>
|
||
|
<ion-button (click)="onDestroyClick()" type="submit" fill="outline" class="ion-margin-start" color="danger">Drop Files</ion-button>
|
||
|
</form>
|
||
|
</div>
|
||
|
<div class="existing-uploads">
|
||
|
<ion-grid>
|
||
|
<ion-row>
|
||
|
<ion-col *ngFor="let upload of fileRecords; let i = index" size-xl="4" size-lg="6" size-md="12">
|
||
|
<ion-card>
|
||
|
<ion-item>
|
||
|
<ion-label>{{ fileRecords[i].original_name }}</ion-label>
|
||
|
<ion-button (click)="downloadFile(fileRecords[i])" fill="outline" color="lighter" slot="end"><ion-icon color="primary" name="arrow-down"></ion-icon></ion-button>
|
||
|
</ion-item>
|
||
|
</ion-card>
|
||
|
</ion-col>
|
||
|
</ion-row>
|
||
|
</ion-grid>
|
||
|
</div>
|
||
|
</div>
|