2020-02-09 10:37:52 +00:00
|
|
|
<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">
|
2020-02-11 05:55:59 +00:00
|
|
|
<input type="hidden" name="redirectTo" [value]="getReturnUrl()">
|
2020-02-09 10:37:52 +00:00
|
|
|
<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>
|