niris-public-community-components 0.0.7 → 0.0.8

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "niris-public-community-components",
   "private": false,
-  "version": "0.0.7",
+  "version": "0.0.8",
   "homepage": "https://iris.apsl.net",
   "description": "Web components for the NIRIS project developed with the Lit library",
   "main": "dist/index.js",

package/src/form-niris.ts

@@ -521,7 +521,7 @@ export class FormNiris extends LitElement {
 
       <div>
         <label for="firstSurname">${msg('Primer apellido')}*:</label>
-        <input id="firstSurname" name="firstSurname" type="text" />
+        <input id="firstSurname" name="firstSurname" type="text" required />
       </div>
 
       <div>
@@ -609,6 +609,15 @@ export class FormNiris extends LitElement {
           placeholder=${msg('Escribe tu teléfono')}
         />
       </div>
+
+      <div>
+        <label for="language">${msg('Idioma de la respuesta')}*:</label>
+        <select id="language" name="language" required>
+          <option value="es" selected>${msg('Español')}</option>
+          <option value="ca">${msg('Catalán')}</option>
+          <option value="en">${msg('Inglés')}</option>
+        </select>
+      </div>
     `;
   }
 
@@ -656,8 +665,8 @@ export class FormNiris extends LitElement {
       </div>
 
       <div>
-        <label for="phone">${msg('Idioma de la respuesta')}*:</label>
-        <select id="phone" name="language" required>
+        <label for="language">${msg('Idioma de la respuesta')}*:</label>
+        <select id="language" name="language" required>
           <option value="es" selected>${msg('Español')}</option>
           <option value="ca">${msg('Catalán')}</option>
           <option value="en">${msg('Inglés')}</option>
@@ -829,19 +838,21 @@ export class FormNiris extends LitElement {
     });
 
     if ('characteristics' in errors) {
-      const characteristics = errors['characteristics'];
-      for (const [key, errors] of characteristics.entries()) {
-        if (Object.keys(errors).length !== 0) {
-          debugger;
+      let characteristics = errors['characteristics'];
+      if (!Array.isArray(characteristics)) {
+        characteristics = Object.entries(characteristics);
+      }
+      characteristics.forEach((characteristic: any) => {
+        Object.entries(characteristic).forEach(([key, value]) => {
           const input = this.shadowRoot?.getElementById(
             `niris-${key}`
           ) as HTMLInputElement;
-          errors.value.forEach((error: string) => {
-            input.setCustomValidity(error);
-            input.reportValidity();
-          });
-        }
-      }
+          input.setCustomValidity(value as string);
+          input.reportValidity();
+
+        });
+      });
+
     }
   }