demarches-normaliennes/app/views/shared/dossiers/editable_champs/_iban.html.haml

= form.text_field :value,
  id: champ.input_id,
  placeholder: t(".placeholder"),
  required: champ.mandatory?,
  aria: { describedby: champ.describedby_id },
  data: { controller: 'iban-input'},
  class: "width-66-desktop",
  maxlength: 34 + 9 # count space separator of 4 digits-groups
Add iban type de champ 2020-09-22 16:04:57 +02:00			`= form.text_field :value,`
a11y(champs): generalize describedby and update to use new Combo props 2022-01-05 11:44:07 +01:00			`id: champ.input_id,`
style(champ): add placeholders for email, iban, phone, siret champs Closes #7428 2022-07-04 18:37:30 +02:00			`placeholder: t(".placeholder"),`
Add iban type de champ 2020-09-22 16:04:57 +02:00			`required: champ.mandatory?,`
ETQ Usager, je veux entrer mon Iban de manière plus simple (avec espaces) 2022-06-21 15:18:37 +02:00			`aria: { describedby: champ.describedby_id },`
style(champs): reduce width of small inputs Closes #7427 Cf #7387 Quelques considérations : - l'attribut `size` ne correspond pas exactement au nombre de caractères qui peut être saisi (à moins d'utiliser une font monospace). On doit donc utiliser une valeur légèrement supérieure pour être sûr que les combinaisons navigateurs/police/taille soient suffisantes. - on essaye d'harmoniser un peu les largeurs possibles, donc on utilise un size=20 qui correspond bien à plusieurs champs concernés - délicat d'harmoniser avec max-width car les champs de type number & date ajoutent des outils/icones à droite de l'input J'en ai profité pour définir de vrais placeholders pour les champs de type number. 2022-07-11 11:42:59 +02:00			`data: { controller: 'iban-input'},`
			`class: "width-66-desktop",`
			`maxlength: 34 + 9 # count space separator of 4 digits-groups`