feat(Champ.rna): avoid spaces that breaks API calls

This commit is contained in:
mfo 2024-08-21 17:59:30 +02:00
parent 3796210928
commit abb2fa159c
No known key found for this signature in database
GPG key ID: 7CE3E1F5B794A8EC
2 changed files with 13 additions and 1 deletions

View file

@ -1,4 +1,4 @@
= @form.text_field(:value, input_opts( id: @champ.input_id, aria: { describedby: @champ.describedby_id }, data: { controller: 'turbo-input', turbo_input_load_on_connect_value: @champ.prefilled? && @champ.value.present? && @champ.data.blank?, turbo_input_url_value: update_path }, required: @champ.required?, pattern: "W[0-9]{9}", class: "width-33-desktop", maxlength: 10))
= @form.text_field(:value, input_opts( id: @champ.input_id, aria: { describedby: @champ.describedby_id }, data: { controller: 'turbo-input format', format: 'deleteSpace', turbo_input_load_on_connect_value: @champ.prefilled? && @champ.value.present? && @champ.data.blank?, turbo_input_url_value: update_path }, required: @champ.required?, pattern: "W[0-9]{9}", class: "width-33-desktop", maxlength: 10))
.rna-info{ id: dom_id(@champ, :rna_info) }
= render 'shared/champs/rna/association', champ: @champ, error: nil

View file

@ -4,6 +4,13 @@ export class FormatController extends ApplicationController {
connect() {
const format = this.element.getAttribute('data-format');
switch (format) {
case 'deleteSpace':
this.on('change', (event) => {
const target = event.target as HTMLInputElement;
const value = this.deleteSpace(target.value);
replaceValue(target, value);
});
break;
case 'list':
this.on('change', (event) => {
const target = event.target as HTMLInputElement;
@ -41,16 +48,21 @@ export class FormatController extends ApplicationController {
break;
}
}
private deleteSpace(value: string) {
return value.replace(/\s*/g, '');
}
private formatList(value: string) {
return value.replace(/;/g, ',');
}
private formatSIRET(value: string) {
return value
.replace(/[^\d]/gi, '')
.replace(/^\s*(\d{3})\s*(\d{3})\s*(\d{3})\s*(\d{5})\s*$/gi, '$1 $2 $3 $4')
.trim();
}
private formatIBAN(value: string) {
return value
.replace(/[^\dA-Z]/gi, '')