blob: bcbe91e5e5d7a3e8c3c9355de2e8e4dfe3affd8c (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
<div class="details-item file-form-control">
<label [ngClass]="{'required': data.isRequired()}" for="{{data?.controlName}}">{{data?.displayName}}:</label>
<label for="{{data?.controlName}}" class="file-input-wrapper" [ngClass]="{'file-uploaded': fileUploader.files && fileUploader.files[0] || data.selectedFile != data.placeHolder}">
<span data-tests-id="file-name" class="file-name">
{{ fileUploader.files && fileUploader.files[0] ? fileUploader.files[0].name : data.selectedFile}}
</span>
<input id="{{data?.controlName}}"
name="{{data?.controlName}}"
class="form-control input-text"
[formControl]="form?.controls[data?.controlName]"
[ngClass]="{'error-style' : form?.controls[data?.controlName]?.touched && form?.controls[data?.controlName]?.errors}"
type="file"
#fileUploader
accept="{{data?.acceptedExtentions}}"
(change)="data?.onChange($event.target.files, form)">
<input *ngFor="let hiddenFile of data?.hiddenFile" type="hidden" id="{{hiddenFile.controlName}}" name="{{hiddenFile.controlName}}"
[formControl]="form?.controls[hiddenFile.controlName]"/>
<span class="delete" data-tests-id="remove-uploaded-file" (click)="onDelete($event, data, form)">X</span>
<span class="icon-browse"></span>
</label>
</div>
|