There are no notes for this item.
<main>
<h2 class="dso-steps-indicator">
3. Kies activiteiten
<span class="dso-step">
Stap 3/7
</span>
</h2>
<div class="clearfix"></div>
<div class="alert alert-info" role="alert">
Hulp nodig bij kiezen? Doe dan eerst de <a href="#">Vergunningscheck</a>.
</div>
<div class="clearfix"></div>
<h2>Mijn activiteiten</h2>
<div class="dso-shopping-cart">
<div class="dso-contents">
<p class="dso-empty">U heeft nog geen activiteiten gekozen</p>
</div>
</div>
<div class="clearfix"></div>
<form class="form-vertical">
<fieldset>
<legend>Zoek activiteiten</legend>
<div class="form-group dso-filter">
<div class="dso-label-container">
<label for="form-vertical-filter" class="control-label">
Zoekterm
</label>
</div>
<div class="dso-field-container">
<div class="dso-search-bar">
<div class="dso-search-bar-input">
<input type="text" id="form-vertical-filter_activiteiten" placeholder="Bijvoorbeeld bouwactiviteiten" />
<button type="button">
Zoekopdracht legen
</button>
</div>
<button type="button" class="btn btn-default sr-only">
Button
</button>
</div>
</div>
</div>
<fieldset class="form-group dso-checkboxes">
<legend class="dso-label-container">
<label class="control-label">
4 gevonden activiteiten
</label>
</legend>
<div class="dso-field-container">
<div class="dso-selectable">
<input type="checkbox" id="form-vertical-activiteiten-0" name="activiteiten" value="1">
<label for="form-vertical-activiteiten-0">
Bouwactiviteit - Melding
</label>
</div>
<div class="dso-selectable">
<input type="checkbox" id="form-vertical-activiteiten-1" name="activiteiten" value="2">
<label for="form-vertical-activiteiten-1">
Milieuactiviteit - Melding
</label>
</div>
<div class="dso-selectable">
<input type="checkbox" id="form-vertical-activiteiten-2" name="activiteiten" value="3">
<label for="form-vertical-activiteiten-2">
Milieuactiviteit - Aanvraag vergunning
</label>
</div>
<div class="dso-selectable">
<input type="checkbox" id="form-vertical-activiteiten-3" name="activiteiten" value="4">
<label for="form-vertical-activiteiten-3">
Gebruik en het in stand houden van bouwwerken ketentest - Melding
</label>
</div>
</div>
</fieldset>
</fieldset>
<div class="dso-form-buttons">
<button type="default" class="btn btn-default"><svg class="di di-chevron-left">
<use href="../../dso-icons.svg#chevron-left" />
</svg><span>Vorige stap</span></button>
<button type="submit" class="btn btn-primary"><span>Volgende stap</span><svg class="di di-chevron-right">
<use href="../../dso-icons.svg#chevron-right" />
</svg></button>
</div>
</form>
</main>
<main>
{% render '@form-steps', steps %}
<div class="clearfix"></div>
{% render '@alert', alert %}
<div class="clearfix"></div>
{% render '@shopping-cart' %}
<div class="clearfix"></div>
{% render '@form', form %}
</main>
steps:
title: 3. Kies activiteiten
step: Stap 3/7
alert:
modifier: info
message: 'Hulp nodig bij kiezen? Doe dan eerst de <a href="#">Vergunningscheck</a>.'
shopping-cart:
items:
- label: Milieubelastende activiteit - Melding
- label: Milieubelastende activiteit - Melding
additive: 2
form:
formModifier: form-vertical
fieldsets:
- legend: Zoek activiteiten
groups:
- id: filter
inputType: search-bar
label: Zoekterm
searchBar:
placeholder: Bijvoorbeeld bouwactiviteiten
icon: true
id: filter_activiteiten
label: Zoek uw activiteiten
noLabel: true
hideSearchButton: true
clearButton: true
- id: activiteiten
inputType: checkboxes
label: 4 gevonden activiteiten
options:
- value: 1
label: Bouwactiviteit - Melding
- value: 2
label: Milieuactiviteit - Melding
- value: 3
label: Milieuactiviteit - Aanvraag vergunning
- value: 4
label: >-
Gebruik en het in stand houden van bouwwerken ketentest -
Melding
buttons:
- type: default
modifier: default
label: Vorige stap
icon: chevron-left
- type: submit
modifier: primary
label: Volgende stap
iconAfter: chevron-right