af4f6cbefc
Merge in TEA/mina-sidor-fa-web from feature/TV-874-fe-lagg-till-mojlighet-att-lagga-upp-fil-och-synka-med-be to develop Squashed commit of the following: commit 2fdc27affebd4310fa432830ae4e2cf19a3669e9 Merge: 2706cd4e609698ebAuthor: WP\holno <nikola.holst-nikolic@arbetsformedlingen.se> Date: Tue Nov 30 08:29:48 2021 +0100 Merge branch 'develop' into feature/TV-874-fe-lagg-till-mojlighet-att-lagga-upp-fil-och-synka-med-be commit 2706cd4e61b497b50d82518bdfd5e5c310dcc7aa Author: WP\holno <nikola.holst-nikolic@arbetsformedlingen.se> Date: Mon Nov 29 13:33:24 2021 +0100 Added uploaded file to submitData commit aa477af83df371e7701885aed7418a283fcf0a2d Author: WP\holno <nikola.holst-nikolic@arbetsformedlingen.se> Date: Mon Nov 29 10:12:34 2021 +0100 Amends commit 8c36a32e3d5f9c7d9530959d341d1ebf3e41be9d Merge: b49a06f385f398caAuthor: WP\holno <nikola.holst-nikolic@arbetsformedlingen.se> Date: Fri Nov 26 10:28:19 2021 +0100 Merge branch 'develop' into feature/TV-874-fe-lagg-till-mojlighet-att-lagga-upp-fil-och-synka-med-be commit b49a06f36616f2b49b62f66dfc53fb5ee7572273 Author: WP\holno <nikola.holst-nikolic@arbetsformedlingen.se> Date: Wed Nov 24 09:39:42 2021 +0100 Laddningssnurra för informativ rapport commit 1fb6b51af5325a199b86630a12769ab3ac00f70c Merge: c516a91bf0354d0aAuthor: WP\holno <nikola.holst-nikolic@arbetsformedlingen.se> Date: Mon Nov 22 14:17:14 2021 +0100 - Merge branch 'develop' into feature/TV-874-fe-lagg-till-mojlighet-att-lagga-upp-fil-och-synka-med-be - Added label text to ui-select to prevent digi-core warning in console and added display:none; to hide it. commit c516a91b8f2aabca7e2393f2ccb997447be5bedf Author: WP\holno <nikola.holst-nikolic@arbetsformedlingen.se> Date: Mon Nov 22 13:57:55 2021 +0100 Prettier, changed in-parameter type. commit d78e8e867ca3b632e86669af1780b5e5249eacd2 Merge: 1aa96b52a0d10765Author: WP\holno <nikola.holst-nikolic@arbetsformedlingen.se> Date: Mon Nov 15 09:57:13 2021 +0100 Merge branch 'develop' into feature/TV-874-fe-lagg-till-mojlighet-att-lagga-upp-fil-och-synka-med-be commit 1aa96b5275115f0d60d0c0637b34bfc3174a4b34 Author: WP\holno <nikola.holst-nikolic@arbetsformedlingen.se> Date: Fri Nov 12 11:20:51 2021 +0100 - Reset package-lock.json - Changed type from unknown to file commit abae56f4e3b9803552d2028f3c55184662181b22 Author: WP\holno <nikola.holst-nikolic@arbetsformedlingen.se> Date: Fri Nov 12 11:13:35 2021 +0100 File-upload commit b1bc6f931a6fd043573a57cf489cf964796e2943 Merge: 5fe8cace873b6a0cAuthor: WP\holno <nikola.holst-nikolic@arbetsformedlingen.se> Date: Wed Nov 10 12:49:57 2021 +0100 Merge branch 'develop' into feature/TV-874-fe-lagg-till-mojlighet-att-lagga-upp-fil-och-synka-med-be commit 5fe8cace262a75b75e4bebde6fa4c3effb11e39f Author: WP\holno <nikola.holst-nikolic@arbetsformedlingen.se> Date: Tue Nov 9 14:21:24 2021 +0100 - Fortsatt utveckling av filuppladdaren - Byt alla af till ui, digi-ng referenser till digi-core/projektets - Ersätt digiNgFormValidatioMmesage till digi-cores - Validering (Måste ha fil) (funkar inte riktigt ännu då valideringens sker på alla kategorier eftersom den finns i modellen. commit bda789b4451983ad69ab6c05a3bad1723b438c2d Author: WP\holno <nikola.holst-nikolic@arbetsformedlingen.se> Date: Mon Nov 1 16:40:16 2021 +0100 File-upload
53 lines
1.7 KiB
HTML
53 lines
1.7 KiB
HTML
<div class="ui-file-upload">
|
|
<digi-form-label
|
|
class="ui-file-upload__label"
|
|
[afFor]="uiId"
|
|
[afLabel]="uiLabel"
|
|
[afRequired]="uiRequired"
|
|
[afDescription]="uiLabelDescription"
|
|
[afAnnounceIfOptional]="uiAnnounceIfOptional"
|
|
></digi-form-label>
|
|
<digi-button
|
|
*ngIf="uiMultiple || files.length < 1"
|
|
af-variation="secondary"
|
|
[afAriaLabel]="uploadBtnAriaLabel"
|
|
(afOnClick)="fileInput.click()"
|
|
>
|
|
{{ uiUploadBtnText }}
|
|
<ui-icon [uiType]="iconType.PAPERCLIP" slot="icon"></ui-icon>
|
|
<input
|
|
#fileInput
|
|
(change)="onUploadFileHandler($event)"
|
|
[id]="uiId"
|
|
class="ui-file-upload__input"
|
|
[attr.multiple]="uiMultiple"
|
|
type="file"
|
|
[attr.accept]="uiAccept"
|
|
[attr.name]="uiName"
|
|
[attr.required]="uiRequired"
|
|
/>
|
|
</digi-button>
|
|
<digi-form-validation-message class="ui-file-upload__validation-message" *ngIf="uiInvalid" af-variation="error">
|
|
{{ this.uiInvalidMessage }}
|
|
</digi-form-validation-message>
|
|
<p class="ui-file-upload__status-message" #statusMessage aria-live="polite"></p>
|
|
<dl *ngIf="files.length" class="ui-file-upload__file-row-container">
|
|
<dt>
|
|
<h2 class="msfa__a11y-sr-only">Uppladdade filer</h2>
|
|
</dt>
|
|
<dd *ngFor="let file of files" class="ui-file-upload__file-row">
|
|
<p class="ui-file-upload__file-name">{{ file.name }}</p>
|
|
<digi-button
|
|
(afOnClick)="onRemoveFileHandler(file['id'])"
|
|
class="ui-file-upload__file-row-btn"
|
|
[afAriaLabel]="'Ta bort ' + file.name"
|
|
af-size="s"
|
|
af-variation="secondary"
|
|
>
|
|
<ui-icon size="m" class="ui-file-upload__icon-remove" [icon]="iconType.X" slot="icon"></ui-icon>
|
|
Ta bort
|
|
</digi-button>
|
|
</dd>
|
|
</dl>
|
|
</div>
|