37 lines
1.4 KiB
HTML
37 lines
1.4 KiB
HTML
<section class="participants">
|
|
<digi-typography>
|
|
<h1>Mina deltagare</h1>
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam magna neque, interdum vel massa eget, condimentum
|
|
rutrum velit. Sed vitae ullamcorper sem. Aliquam malesuada nunc sed purus mollis scelerisque. Curabitur bibendum
|
|
leo quis ante porttitor tincidunt. Nam tincidunt imperdiet tortor eu suscipit. Maecenas ut dui est.
|
|
</p>
|
|
</digi-typography>
|
|
|
|
<form class="participants__search-wrapper" (ngSubmit)="handleSearchSubmit()">
|
|
<digi-form-input-search
|
|
af-label="Sök kunder"
|
|
af-label-description="Sök på namn eller ärendenummer"
|
|
(afOnInput)="handleSearchInput($event)"
|
|
></digi-form-input-search>
|
|
</form>
|
|
|
|
<dafa-participants-list
|
|
*ngIf="activeParticipants$ | async as participants; else loadingRef"
|
|
[participants]="participants"
|
|
[sortBy]="activeParticipantsSortBy$ | async"
|
|
(sorted)="handleActiveParticipantsSort($event)"
|
|
></dafa-participants-list>
|
|
|
|
<dafa-participants-list
|
|
*ngIf="followUpParticipants$ | async as participants; else loadingRef"
|
|
[participants]="participants"
|
|
[sortBy]="followUpParticipantsSortBy$ | async"
|
|
(sorted)="handleFollowUpParticipantsSort($event)"
|
|
></dafa-participants-list>
|
|
|
|
<ng-template #loadingRef>
|
|
<digi-ng-skeleton-base [afCount]="3" afText="Laddar deltagare"></digi-ng-skeleton-base>
|
|
</ng-template>
|
|
</section>
|