Cilibiu Bogdan aad7164042 [ADF-924] Upload Component enhancements (#2115)
* changed logic/design

* restored dialog component spec

* revert changes

* update upload dialog documentation

* public over private

* component close method
2017-08-01 11:25:32 +01:00

61 lines
1.5 KiB
HTML

<md-icon
md-list-icon
class="list-row__type">
insert_drive_file
</md-icon>
<span
class="list-row__name"
title="{{ file.name }}">
{{ file.name }}
</span>
<div
*ngIf="file.status === FileUploadStatus.Progress"
(click)="onCancel(file)"
class="list-row__group list-row__group--toggle"
title="{{ 'ADF_FILE_UPLOAD.BUTTON.CANCEL_FILE' | translate }}">
<span class="list-row__status">
{{ file.progress.loaded | adfFileSize }} / {{ file.progress.total | adfFileSize }}
</span>
<md-icon
md-list-icon
class="list-row__action list-row__action--cancel">
clear
</md-icon>
</div>
<div
*ngIf="file.status === FileUploadStatus.Complete"
(click)="onRemove(file)"
class="list-row__group list-row__group--toggle"
title="{{ 'ADF_FILE_UPLOAD.BUTTON.REMOVE_FILE' | translate }}">
<md-icon
md-list-icon
class="list-row__status list-row__status--done">
check_circle
</md-icon>
<md-icon
md-list-icon
class="list-row__action list-row__action--remove">
remove_circle
</md-icon>
</div>
<div
*ngIf="file.status === FileUploadStatus.Error"
class="list-row__block list-row__status--error"
title="{{ file.response }}">
<md-icon md-list-icon>
report_problem
</md-icon>
</div>
<div
*ngIf="file.status === FileUploadStatus.Cancelled || file.status === FileUploadStatus.Aborted"
class="list-row__block list-row__status--cancelled">
{{ 'ADF_FILE_UPLOAD.STATUS.FILE_CANCELED_STATUS' | translate }}
</div>