diff --git a/app/javascript/submission_form/form.vue b/app/javascript/submission_form/form.vue index de8bacab..8509b053 100644 --- a/app/javascript/submission_form/form.vue +++ b/app/javascript/submission_form/form.vue @@ -224,6 +224,9 @@ :id="field.uuid" type="checkbox" class="base-checkbox !h-7 !w-7" + :oninvalid="`this.setCustomValidity('${t('please_check_the_box_to_continue')}')`" + :onchange="`this.setCustomValidity(validity.valueMissing ? '${t('please_check_the_box_to_continue')}' : '');`" + :required="field.required" :checked="!!values[field.uuid]" @click="[$refs.areas.scrollIntoField(field), values[field.uuid] = !values[field.uuid]]" > diff --git a/app/javascript/submission_form/i18n.js b/app/javascript/submission_form/i18n.js index 3e955896..5b57ed7b 100644 --- a/app/javascript/submission_form/i18n.js +++ b/app/javascript/submission_form/i18n.js @@ -20,6 +20,7 @@ const en = { form_has_been_completed: 'Form has been completed!', create_a_free_account: 'Create a Free Account', signed_with: 'Signed with', + please_check_the_box_to_continue: 'Please check the box to continue', open_source_documents_software: 'open source documents software', verified_phone_number: 'Verify Phone Number', use_international_format: 'Use internatioanl format: +1xxx', @@ -53,6 +54,7 @@ const es = { form_has_been_completed: '¡El formulario ha sido completado!', create_a_free_account: 'Crear una Cuenta Gratuita', signed_with: 'Firmado con', + please_check_the_box_to_continue: 'Por favor marque la casilla para continuar', open_source_documents_software: 'software de documentos de código abierto', verified_phone_number: 'Verificar número de teléfono', use_international_format: 'Usar formato internacional: +1xxx', @@ -86,6 +88,7 @@ const it = { form_has_been_completed: 'Il modulo è stato completato!', create_a_free_account: 'Crea un Account Gratuito', signed_with: 'Firmato con', + please_check_the_box_to_continue: 'Si prega di spuntare la casella per continuare', open_source_documents_software: 'software di documenti open source', verified_phone_number: 'Verifica numero di telefono', use_international_format: 'Usa formato internazionale: +1xxx', @@ -119,6 +122,7 @@ const de = { form_has_been_completed: 'Formular wurde ausgefüllt!', create_a_free_account: 'Kostenloses Konto erstellen', signed_with: 'Unterschrieben mit', + please_check_the_box_to_continue: 'Bitte setzen Sie das Häkchen, um fortzufahren', open_source_documents_software: 'Open-Source-Dokumentensoftware', verified_phone_number: 'Telefonnummer überprüfen', use_international_format: 'Internationales Format verwenden: +1xxx', @@ -152,6 +156,7 @@ const fr = { form_has_been_completed: 'Le formulaire a été complété !', create_a_free_account: 'Créer un Compte Gratuit', signed_with: 'Signé avec', + please_check_the_box_to_continue: 'Veuillez cocher la case pour continuer', open_source_documents_software: 'logiciel de documents open source', verified_phone_number: 'Vérifier le numéro de téléphone', use_international_format: 'Utiliser le format international : +1xxx', @@ -185,6 +190,7 @@ const pl = { form_has_been_completed: 'Formularz został wypełniony!', create_a_free_account: 'Utwórz darmowe konto', signed_with: 'Podpisane za pomocą', + please_check_the_box_to_continue: 'Proszę zaznaczyć pole, aby kontynuować', open_source_documents_software: 'oprogramowanie do dokumentów open source', verified_phone_number: 'Zweryfikuj numer telefonu', use_international_format: 'Użyj międzynarodowego formatu: +1xxx', @@ -218,6 +224,7 @@ const uk = { form_has_been_completed: 'Форму заповнено!', create_a_free_account: 'Створити безкоштовний обліковий запис', signed_with: 'Підписано за допомогою', + please_check_the_box_to_continue: 'Будь ласка, позначте прапорець, щоб продовжити', open_source_documents_software: 'відкритий програмний засіб для документів', verified_phone_number: 'Підтвердіть номер телефону', use_international_format: 'Використовуйте міжнародний формат: +1xxx', @@ -251,6 +258,7 @@ const cs = { form_has_been_completed: 'Formulář byl dokončen!', create_a_free_account: 'Vytvořit bezplatný účet', signed_with: 'Podepsáno pomocí', + please_check_the_box_to_continue: 'Prosím, zaškrtněte políčko pro pokračování', open_source_documents_software: 'open source software pro dokumenty', verified_phone_number: 'Ověřte telefonní číslo', use_international_format: 'Použijte mezinárodní formát: +1xxx', @@ -284,6 +292,7 @@ const pt = { form_has_been_completed: 'O formulário foi concluído!', create_a_free_account: 'Criar uma Conta Gratuita', signed_with: 'Assinado com', + please_check_the_box_to_continue: 'Por favor, marque a caixa para continuar', open_source_documents_software: 'software de documentos de código aberto', verified_phone_number: 'Verificar Número de Telefone', use_international_format: 'Use formato internacional: +1xxx', diff --git a/app/javascript/submission_form/multi_select_step.vue b/app/javascript/submission_form/multi_select_step.vue index e00ad995..ad52f4c3 100644 --- a/app/javascript/submission_form/multi_select_step.vue +++ b/app/javascript/submission_form/multi_select_step.vue @@ -21,7 +21,7 @@ :name="`values[${field.uuid}][]`" :value="option" class="base-checkbox !h-7 !w-7" - :checked="modelValue.includes(option)" + :checked="(modelValue || []).includes(option)" @change="onChange" > diff --git a/app/javascript/template_builder/field.vue b/app/javascript/template_builder/field.vue index 958581a9..402020df 100644 --- a/app/javascript/template_builder/field.vue +++ b/app/javascript/template_builder/field.vue @@ -31,21 +31,19 @@ v-if="isNameFocus" class="flex items-center relative" > - + +