niris-public-community-components 0.0.7 → 0.0.9

package/src/form-niris.ts

@@ -39,9 +39,6 @@ export const {getLocale, setLocale} = configureLocalization({
 - Validaciones archivos extensiones.
 */
 
-/**
- * An example element.
- */
 @localized()
 export class FormNiris extends LitElement {
   @property({type: Number}) detailID: Number | undefined;
@@ -116,7 +113,7 @@ export class FormNiris extends LitElement {
     this.characteristics = [];
 
     this.locale = this.locale ? this.locale : 'es';
-    // setLocale(this.locale);
+    // setLocale(this.locale); TODO: Fix problem when using setLocale
 
     // Map
     L.Icon.Default.imagePath = `https://unpkg.com/leaflet@${L.version}/dist/images/`;
@@ -332,7 +329,9 @@ export class FormNiris extends LitElement {
     const stylesCharacteristics = {
       display: this.characteristics.length == 0 ? 'none' : '',
     };
-
+    // To fix map problem. When opening with collapse, it does not render correctly
+    setTimeout(() => window.dispatchEvent(new Event('resize')), 100)
+  
     return html`
       <section class="record">
         <h2 class="record__comment">${msg('Mensaje')}</h2>
@@ -521,12 +520,12 @@ 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>
         <label for="secondSurname">${msg('Segundo apellido')}*:</label>
-        <input id="secondSurname" name="secondSurname" type="text" required />
+        <input id="secondSurname" name="secondSurname" type="text" />
       </div>
 
       <div>
@@ -609,6 +608,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 +664,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 +837,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();
+
+        });
+      });
+
     }
   }
 

package/src/textarea-to-niris.ts

@@ -23,7 +23,7 @@ export class TextareaToNiris extends LitElement {
     this.formAction = '';
     this.keywords = '';
     this.locale = 'es'
-    //setLocale(this.locale);
+    //setLocale(this.locale); TODO: Fix problem when using setLocale
   }
 
   updateShownValue(event: Event) {