56 lines
1.9 KiB
Handlebars
56 lines
1.9 KiB
Handlebars
<AuBodyContainer @scroll={{true}} itemprop="mainContentOfPage">
|
|
<div id="content">
|
|
<div class="au-o-region-large">
|
|
<div class="au-o-layout">
|
|
<AuHeading @skin="4">Kies een bestuurseenheid om mee in te loggen.</AuHeading>
|
|
<p class="au-u-margin-top-small au-u-margin-bottom">
|
|
<AuLabel for="bestuurseenheid-searchbox">Bestuurseenheid zoeken</AuLabel>
|
|
<input
|
|
id="bestuurseenheid-searchbox"
|
|
class="au-c-input au-c-input--block"
|
|
placeholder="Aalst, Berchem, …"
|
|
value={{this.gemeente}}
|
|
{{on "input" (perform this.updateSearch value="target.value")}}
|
|
/>
|
|
</p>
|
|
|
|
<MockLogin as |login|>
|
|
{{#if this.queryStore.isRunning}}
|
|
<AuLoader @padding="small" />
|
|
{{else}}
|
|
{{#if login.errorMessage}}
|
|
<AuAlert
|
|
@icon="alert-triangle"
|
|
@title={{login.errorMessage}}
|
|
@skin="warning"
|
|
/>
|
|
{{/if}}
|
|
{{#each this.model as |account|}}
|
|
<AuButton
|
|
class="au-u-flex au-u-flex--row au-u-flex--start au-c-card au-u-margin-bottom-small"
|
|
@skin="secondary"
|
|
@width="block"
|
|
@size="large"
|
|
type="button"
|
|
{{on
|
|
"click"
|
|
(fn login.login account.id account.gebruiker.group.id)
|
|
}}
|
|
>
|
|
{{account.gebruiker.voornaam}}
|
|
{{account.gebruiker.achternaam}}
|
|
</AuButton>
|
|
{{/each}}
|
|
<AuDataTableNumberPagination
|
|
@page={{this.page}}
|
|
@size={{this.size}}
|
|
@nbOfItems={{this.model.length}}
|
|
@total={{this.model.meta.count}}
|
|
@links={{this.model.meta.pagination}}
|
|
/>
|
|
{{/if}}
|
|
</MockLogin>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</AuBodyContainer> |