Combien de pièces sont à déclarer dans votre logement ?
Votre logement est composé de 0 pièce
Counter en erreur
Votre logement est composé de 0 pièce
Le logement doit être composé d'une pièce au minimum.
HTML
Combien de pièces sont à déclarer dans votre logement ?
Votre logement est composé de 0 pièce
Counter en erreur
Votre logement est composé de 0 pièce
Le logement doit être composé d'une pièce au minimum.
-->
PUG
// COMPOSANT counter-version2
.form-group-version2(role="group", aria-labelledby="field-label-counter-version2")
.wrapper-label
.field-label
p(id="field-label-counter-version2") Combien de pièces sont à déclarer dans votre logement ?
.field-item.-counter-version2
// SALON
.wrapper-stepper
.wrapper-label
label(for="nb-sejour") Salon / Séjour / Salle à manger
.wrapper-buttons-value
button.moins
i.maificon.maificon-moins(aria-hidden="true")
span.sr-only Retirer un Salon, un Séjour ou une Salle à manger
input(type="number", value="0", name="nb-sejour", id="nb-sejour", readonly)
button.plus
i.maificon.maificon-plus(aria-hidden="true")
span.sr-only Ajouter un Salon, un Séjour ou une Salle à manger
p.sr-only(aria-live="polite" aria-atomic="true") nombre de Salon, Séjour et Salle à manger : 0
// CHAMBRE
.wrapper-stepper
.wrapper-label
label(for="nb-chambre") Chambre
.wrapper-buttons-value
button.moins
i.maificon.maificon-moins(aria-hidden="true")
span.sr-only Retirer une chambre
input(type="number", value="0", name="nb-chambre", id="nb-chambre", readonly)
button.plus
i.maificon.maificon-plus(aria-hidden="true")
span.sr-only Ajouter une chambre
p.sr-only(aria-live="polite" aria-atomic="true") nombre de chambres : 0
// BUREAU
.wrapper-stepper
.wrapper-label
label(for="nb-bureau") Bibliothèque / Salle de jeux / Bureau
.wrapper-buttons-value
button.moins
i.maificon.maificon-moins(aria-hidden="true")
span.sr-only Retirer une bibliothèque, une salle de jeux ou un bureau
input(type="number", value="0", name="nb-bureau", id="nb-bureau", readonly)
button.plus
i.maificon.maificon-plus(aria-hidden="true")
span.sr-only Ajouter une bibliothèque, une salle de jeux ou un bureau
p.sr-only(aria-live="polite" aria-atomic="true") nombre de bibliothèque, salle de jeux ou bureau : 0
// VERANDA
.wrapper-stepper
.wrapper-label
label(for="nb-veranda") Véranda
.wrapper-buttons-value
button.moins
i.maificon.maificon-moins(aria-hidden="true")
span.sr-only Retirer une véranda
input(type="number", value="0", name="nb-veranda", id="nb-veranda", readonly)
button.plus
i.maificon.maificon-plus(aria-hidden="true")
span.sr-only Ajouter une véranda
p.sr-only(aria-live="polite" aria-atomic="true") nombre de véranda : 0
// MEZZANINE
.wrapper-stepper
.wrapper-label
label(for="nb-mezzanine") Mezzanine d'une hauteur supérieure à 1m80
.wrapper-buttons-value
button.moins
i.maificon.maificon-moins(aria-hidden="true")
span.sr-only Retirer une mezzanine
input(type="number", value="0", name="nb-mezzanine", id="nb-mezzanine", readonly)
button.plus
i.maificon.maificon-plus(aria-hidden="true")
span.sr-only Ajouter une mezzanine
p.sr-only(aria-live="polite" aria-atomic="true") nombre de mezzanine : 0
// Exemple 1
.wrapper-total
p Votre logement est composé de
span(id="totalPieces") 0 pièce
// severity error
.form-group-version2.has-error(role="group", aria-labelledby="field-label-counter-version2 counter-helpblock")
.wrapper-label
.field-label
p(id="field-label-counter-version2") Counter en erreur
.field-item.-counter-version2
// SALON
.wrapper-stepper
.wrapper-label
label(for="nb-sejour") Salon / Séjour / Salle à manger
.wrapper-buttons-value
button.moins
i.maificon.maificon-moins(aria-hidden="true")
span.sr-only Retirer un Salon, un Séjour ou une Salle à manger
input(type="number", value="0", name="nb-sejour", id="nb-sejour", readonly)
button.plus
i.maificon.maificon-plus(aria-hidden="true")
span.sr-only Ajouter un Salon, un Séjour ou une Salle à manger
p.sr-only(aria-live="polite" aria-atomic="true") nombre de Salon, Séjour et Salle à manger : 0
// CHAMBRE
.wrapper-stepper
.wrapper-label
label(for="nb-chambre") Chambre
.wrapper-buttons-value
button.moins
i.maificon.maificon-moins(aria-hidden="true")
span.sr-only Retirer une chambre
input(type="number", value="0", name="nb-chambre", id="nb-chambre", readonly)
button.plus
i.maificon.maificon-plus(aria-hidden="true")
span.sr-only Ajouter une chambre
p.sr-only(aria-live="polite" aria-atomic="true") nombre de chambres : 0
// BUREAU
.wrapper-stepper
.wrapper-label
label(for="nb-bureau") Bibliothèque / Salle de jeux / Bureau
.wrapper-buttons-value
button.moins
i.maificon.maificon-moins(aria-hidden="true")
span.sr-only Retirer une bibliothèque, une salle de jeux ou un bureau
input(type="number", value="0", name="nb-bureau", id="nb-bureau", readonly)
button.plus
i.maificon.maificon-plus(aria-hidden="true")
span.sr-only Ajouter une bibliothèque, une salle de jeux ou un bureau
p.sr-only(aria-live="polite" aria-atomic="true") nombre de bibliothèque, salle de jeux ou bureau : 0
// VERANDA
.wrapper-stepper
.wrapper-label
label(for="nb-veranda") Véranda
.wrapper-buttons-value
button.moins
i.maificon.maificon-moins(aria-hidden="true")
span.sr-only Retirer une véranda
input(type="number", value="0", name="nb-veranda", id="nb-veranda", readonly)
button.plus
i.maificon.maificon-plus(aria-hidden="true")
span.sr-only Ajouter une véranda
p.sr-only(aria-live="polite" aria-atomic="true") nombre de véranda : 0
// MEZZANINE
.wrapper-stepper
.wrapper-label
label(for="nb-mezzanine") Mezzanine d'une hauteur supérieure à 1m80
.wrapper-buttons-value
button.moins
i.maificon.maificon-moins(aria-hidden="true")
span.sr-only Retirer une mezzanine
input(type="number", value="0", name="nb-mezzanine", id="nb-mezzanine", readonly)
button.plus
i.maificon.maificon-plus(aria-hidden="true")
span.sr-only Ajouter une mezzanine
p.sr-only(aria-live="polite" aria-atomic="true") nombre de mezzanine : 0
// Exemple 1
.wrapper-total
p Votre logement est composé de
span(id="totalPieces") 0 pièce
.help-block
p(id="counter-helpblock") Le logement doit être composé d'une pièce au minimum.