2017-11-24 10:03:39 +00:00

77 lines
2.8 KiB
HTML

<form class="adf-upload-button-file-container">
<!--Files Upload-->
<a *ngIf="!uploadFolders"
[disabled]="isButtonDisabled()"
mat-raised-button color="primary">
<mat-icon>file_upload</mat-icon>
<!--Multiple Files Upload-->
<span *ngIf="multipleFiles">
<label
id="upload-multiple-file-label"
*ngIf="!staticTitle"
for="upload-multiple-files">{{ 'FILE_UPLOAD.BUTTON.UPLOAD_FILE' | translate }}</label>
<label
id="upload-multiple-file-label-static"
*ngIf="staticTitle"
for="upload-multiple-files">{{ staticTitle }}</label>
<input #uploadFiles
id="upload-multiple-files"
data-automation-id="upload-multiple-files"
type="file"
name="uploadFiles"
multiple="multiple"
accept="{{acceptedFilesType}}"
[attr.disabled]="isButtonDisabled()"
[title]="tooltip"
(change)="onFilesAdded($event)">
</span>
<!--Single Files Upload-->
<span *ngIf="!multipleFiles">
<label
id="upload-single-file-label"
*ngIf="!staticTitle"
for="upload-single-file">{{ 'FILE_UPLOAD.BUTTON.UPLOAD_FILE' | translate }}</label>
<label
id="upload-single-file-label-static"
*ngIf="staticTitle"
for="upload-single-file">{{ staticTitle }}</label>
<input #uploadFiles
id="upload-single-file"
data-automation-id="upload-single-file"
type="file"
name="uploadFiles"
accept="{{acceptedFilesType}}"
[attr.disabled]="isButtonDisabled()"
[title]="tooltip"
(change)="onFilesAdded($event)">
</span>
</a>
<!--Folders Upload-->
<a *ngIf="uploadFolders"
[disabled]="isButtonDisabled()" mat-raised-button color="primary">
<mat-icon>file_upload</mat-icon>
<label
id="uploadFolder-label"
*ngIf="!staticTitle"
for="uploadFolder">{{ 'FILE_UPLOAD.BUTTON.UPLOAD_FOLDER' | translate }}</label>
<label
id="uploadFolder-label-static"
*ngIf="staticTitle"
for="uploadFolder">{{ staticTitle }}</label>
<input #uploadFolders
id="uploadFolder"
data-automation-id="uploadFolder"
type="file"
name="uploadFiles"
multiple="multiple"
accept="{{acceptedFilesType}}"
webkitdirectory directory
[attr.disabled]="isButtonDisabled()"
[title]="tooltip"
(change)="onDirectoryAdded($event)">
</a>
</form>