Will Abson 09b98e7071 Allow button label to be added via staticTitle input (#1566)
* Allow button label to be added via staticTitle input

Refs #1551

* Minor fix to JSDoc
2017-01-28 14:52:12 +00:00

41 lines
2.0 KiB
HTML

<form>
<!--Files Upload-->
<div *ngIf="!uploadFolders" class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored mdl-button--file">
<i class="material-icons">file_upload</i>
<!--Multiple Files Upload-->
<span *ngIf="multipleFiles">
<label *ngIf="!staticTitle" for="upload-multiple-files">{{'FILE_UPLOAD.BUTTON.UPLOAD_FILE' | translate}}</label>
<label *ngIf="staticTitle" for="upload-multiple-files">{{staticTitle}}</label>
<input id="upload-multiple-files" data-automation-id="upload-multiple-files" type="file" name="uploadFiles"
(change)="onFilesAdded($event)"
multiple="multiple"
accept="{{acceptedFilesType}}"
#uploadFiles>
</span>
<!--Single Files Upload-->
<span *ngIf="!multipleFiles">
<label *ngIf="!staticTitle" for="upload-single-file">{{'FILE_UPLOAD.BUTTON.UPLOAD_FILE' | translate}}</label>
<label *ngIf="staticTitle" for="upload-single-file">{{staticTitle}}</label>
<input id="upload-single-file" data-automation-id="upload-single-file" type="file" name="uploadFiles"
(change)="onFilesAdded($event)"
accept="{{acceptedFilesType}}"
#uploadFiles>
</span>
</div>
<!--Folders Upload-->
<div *ngIf="uploadFolders" class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored mdl-button--file">
<i class="material-icons">file_upload</i>
<label *ngIf="!staticTitle" for="uploadFolder">{{'FILE_UPLOAD.BUTTON.UPLOAD_FOLDER' | translate}}</label>
<label *ngIf="staticTitle" for="uploadFolder">{{staticTitle}}</label>
<input id="uploadFolder" data-automation-id="uploadFolder" type="file" name="uploadFiles"
(change)="onDirectoryAdded($event)"
multiple="multiple"
accept="{{acceptedFilesType}}"
webkitdirectory directory
multiple #uploadFolders>
</div>
</form>