11<div class =" au-o-flow" >
2- <AuCard @flex =" true" id =" bestuursorgaan-search-wizard-step-1" class =" bestuursorgaan-search-wizard-scroll-offset" as |c|>
3- <c .header @badgeSkin ={{ if this.werkingsgebied " success" " action" }} @badgeIcon ={{ if this.werkingsgebied " check" }} @badgeNumber ={{ unless this.werkingsgebied " 1" }} >
2+ <AuCard
3+ @flex =" true"
4+ id =" bestuursorgaan-search-wizard-step-1"
5+ class =" bestuursorgaan-search-wizard-scroll-offset"
6+ as |c|
7+ >
8+ <c .header
9+ @badgeSkin ={{ if this.werkingsgebied " success" " action" }}
10+ @badgeIcon ={{ if this.werkingsgebied " check" }}
11+ @badgeNumber ={{ unless this.werkingsgebied " 1" }}
12+ >
413 <AuHeading @level =" 2" @skin =" 4" id =" describe-search" >
514 Stap 1: Zoek een gemeente, provincie of district.
615 </AuHeading >
716 </c .header>
817 <c .content>
9- <div style =" position: relative; overflow: hidden;" {{!template-lint-disable no-inline-styles}} >
18+ <div
19+ style =" position: relative; overflow: hidden;"
20+ {{!template-lint-disable no-inline-styles}}
21+ >
1022 <PowerSelect
1123 @ariaLabel =" Zoekbalk"
1224 @ariaDescribedBy =" describe-search"
1830 @loadingMessage =" Aan het laden..."
1931 @searchMessage =" Typ om te zoeken"
2032 @noMatchesMessage =" Geen resultaten"
21- @onChange ={{ this.listBestuurseenheden }} as |gebied|>
33+ @onChange ={{ this.listBestuurseenheden }}
34+ as |gebied|
35+ >
2236 {{ gebied.longName }}
2337 </PowerSelect >
2438 </div >
2539 <AuHelpText >Oost-Vlaanderen, Berchem, Hasselt, ...</AuHelpText >
2640 </c .content>
2741 </AuCard >
2842
29- <AuCard @flex =" true" id =" bestuursorgaan-search-wizard-step-2" class =" bestuursorgaan-search-wizard-scroll-offset" as |c|>
30- <c .header @badgeIcon ={{ if this.bestuursorganen " check" }}
31- @badgeNumber ={{ unless this.bestuursorganen " 2" }}
32- @badgeSkin ={{ if this.bestuursorganen " success" " action" }} >
33- <AuHeading @level =" 2" @skin =" 4" >
43+ <AuCard
44+ @flex =" true"
45+ id =" bestuursorgaan-search-wizard-step-2"
46+ class =" bestuursorgaan-search-wizard-scroll-offset"
47+ as |c|
48+ >
49+ <c .header
50+ @badgeIcon ={{ if this.bestuursorganen " check" }}
51+ @badgeNumber ={{ unless this.bestuursorganen " 2" }}
52+ @badgeSkin ={{ if this.bestuursorganen " success" " action" }}
53+ >
54+ <AuHeading @level =" 2" @skin =" 4" >
3455 Stap 2: Kies een bestuurseenheid
3556 </AuHeading >
3657 {{ #unless this.werkingsgebied }}
37- <p >Kies eerst een gemeente, provincie of district.</p >
58+ <p >Kies eerst een gemeente, provincie of district.</p >
3859 {{ /unless }}
3960 </c .header>
4061 {{ #if @isLoadingBestuurseenheden }}
4566 <c .content>
4667 <div class =" au-o-grid au-o-grid--fixed" >
4768 {{ #each this.bestuurseenheden as |eenheid |}}
48- <div class =" au-o-grid__item au-u-1-1 au-u-1-2@medium au-u-1-3@large" >
69+ <div
70+ class =" au-o-grid__item au-u-1-1 au-u-1-2@medium au-u-1-3@large"
71+ >
4972 <OrganisationCard
50- @organisationId ={{ eenheid.id }}
73+ @organisationId ={{ eenheid.id }}
5174 @isSelected ={{ eq @selectedBestuurseenheidId eenheid.id }}
5275 @classification ={{ eenheid.classificatie.label }}
5376 @name ={{ concat eenheid.classificatie.label " " eenheid.naam }}
6083 {{ /if }}
6184 </AuCard >
6285
63- <AuCard @flex =" true" id =" bestuursorgaan-search-wizard-step-3" class =" bestuursorgaan-search-wizard-scroll-offset" as |c|>
64- <c .header @badgeNumber =" 3"
65- @badgeSkin =" action" >
86+ <AuCard
87+ @flex =" true"
88+ id =" bestuursorgaan-search-wizard-step-3"
89+ class =" bestuursorgaan-search-wizard-scroll-offset"
90+ as |c|
91+ >
92+ <c .header @badgeNumber =" 3" @badgeSkin =" action" >
6693 <AuHeading @level =" 2" @skin =" 4" >
6794 Stap 3: Kies een bestuursorgaan
6895 </AuHeading >
6996 {{ #unless this.bestuursorganen }}
70- <p >Kies eerst een bestuurseenheid.</p >
97+ <p >Kies eerst een bestuurseenheid.</p >
7198 {{ /unless }}
7299 </c .header>
73100 {{ #if @isLoadingBestuursorganen }}
79106 <div class =" au-o-grid au-o-grid--fixed" >
80107 {{ #each this.bestuursorganen as |orgaan |}}
81108 <div class =" au-o-grid__item au-u-1-1 au-u-1-2@medium" >
82- <OrganisationCard
83- @name ={{ orgaan.naam }}
84- >
109+ <OrganisationCard @name ={{ orgaan.naam }} >
85110 <:button >
86111 <AuLink
87112 @route =" bestuursorgaan.subject"
91116 @iconAlignment =" right"
92117 @size =" large"
93118 @width =" block"
94- class =" au-c-button--large au-c-button--wrap" {{!TODO: remove this once the link component supports a "large" button style}}
119+ class =" au-c-button--large au-c-button--wrap"
120+ {{!TODO: remove this once the link component supports a "large" button style}}
95121 >
96- Kies {{ orgaan.classificatie.label }}
122+ Kies
123+ {{ orgaan.classificatie.label }}
97124 </AuLink >
98125 </:button >
99126 </OrganisationCard >
103130 </c .content>
104131 {{ /if }}
105132 </AuCard >
106- </div >
133+ </div >
0 commit comments