underpost 2.6.3 → 2.7.2

package/src/client/components/core/Validator.js

@@ -1,100 +1,100 @@
-import { validatePassword } from './CommonJs.js';
-import { renderStatus } from './Css.js';
-import { loggerFactory } from './Logger.js';
-import { textFormatted, Translate } from './Translate.js';
-import { htmls, s } from './VanillaJs.js';
-
-const logger = loggerFactory(import.meta);
-
-const Validator = {
-  renderErrorMessage: function (rule, text) {
-    return html` <div class="in">
-      ${renderStatus('error', { class: 'inl' })} &nbsp
-      <span style="color: red">${text ? textFormatted(text) : Translate.Render(rule.type)}</span>
-    </div>`;
-  },
-  instance: function (validators, callBack = (value) => {}) {
-    const validatorFunction = {};
-    if (!Array.isArray(validators)) validators = Object.values(validators);
-    for (const validatorData of validators) {
-      validatorFunction[validatorData.id] = async () => {
-        if (validatorData.disable && validatorData.disable()) return { errorMessage: '' };
-        if (!s(`.${validatorData.id}`)) return;
-        // logger.warn(validatorData.id, s(`.${validatorData.id}`).value);
-        let errorMessage = '';
-        if (validatorData.rules)
-          for (const rule of validatorData.rules) {
-            switch (rule.type) {
-              case 'isStrongPassword':
-                {
-                  const errors = validatePassword(s(`.${validatorData.id}`).value);
-                  if (errors.length > 0)
-                    errorMessage += errors
-                      .map((translateMessage) =>
-                        this.renderErrorMessage(
-                          undefined,
-                          html`
-                            ${translateMessage[s('html').lang]
-                              ? translateMessage[s('html').lang]
-                              : translateMessage['en']}
-                          `,
-                        ),
-                      )
-                      .join(`\n`);
-                }
-                break;
-              case 'isEmpty':
-                if (validator.isEmpty(s(`.${validatorData.id}`).value, { ignore_whitespace: true }))
-                  errorMessage += this.renderErrorMessage(rule);
-                break;
-              case 'isEmail':
-                if (!validator.isEmail(s(`.${validatorData.id}`).value)) errorMessage += this.renderErrorMessage(rule);
-                break;
-              case 'passwordMismatch':
-                if (!validator.equals(s(`.${validatorData.id}`).value, s(`.${rule.options}`).value))
-                  errorMessage += this.renderErrorMessage(rule);
-                break;
-              case 'isLength':
-                if (!validator.isLength(s(`.${validatorData.id}`).value, rule.options))
-                  errorMessage += this.renderErrorMessage(rule);
-                break;
-              default:
-                if (
-                  validator[rule.type] &&
-                  !validator[rule.type](s(`.${validatorData.id}`).value, rule?.options ? rule.options : undefined)
-                )
-                  errorMessage += this.renderErrorMessage(rule);
-                break;
-            }
-          }
-        if (callBack && typeof callBack === 'function') callBack(validatorData);
-        if (s(`.input-info-${validatorData.id}`)) {
-          if (!errorMessage) {
-            if (s(`.${validatorData.id}`).value)
-              htmls(
-                `.input-info-${validatorData.id}`,
-                html` ${renderStatus('success', { class: 'inl' })} &nbsp
-                  <span style="color: green">ok</span>`,
-              );
-          } else htmls(`.input-info-${validatorData.id}`, errorMessage);
-        }
-        return { errorMessage };
-      };
-      if (s(`.${validatorData.id}`)) {
-        s(`.${validatorData.id}`).oninput = validatorFunction[validatorData.id];
-        s(`.${validatorData.id}`).onblur = validatorFunction[validatorData.id];
-      }
-    }
-
-    return async () => {
-      let errorMessage = '';
-      for (const validatorKey of Object.keys(validatorFunction)) {
-        const result = await validatorFunction[validatorKey]();
-        if (result && result.errorMessage) errorMessage += result.errorMessage;
-      }
-      return { errorMessage };
-    };
-  },
-};
-
-export { Validator };
+import { validatePassword } from './CommonJs.js';
+import { renderStatus } from './Css.js';
+import { loggerFactory } from './Logger.js';
+import { textFormatted, Translate } from './Translate.js';
+import { htmls, s } from './VanillaJs.js';
+
+const logger = loggerFactory(import.meta);
+
+const Validator = {
+  renderErrorMessage: function (rule, text) {
+    return html` <div class="in">
+      ${renderStatus('error', { class: 'inl' })} &nbsp
+      <span style="color: red">${text ? textFormatted(text) : Translate.Render(rule.type)}</span>
+    </div>`;
+  },
+  instance: function (validators, callBack = (value) => {}) {
+    const validatorFunction = {};
+    if (!Array.isArray(validators)) validators = Object.values(validators);
+    for (const validatorData of validators) {
+      validatorFunction[validatorData.id] = async () => {
+        if (validatorData.disable && validatorData.disable()) return { errorMessage: '' };
+        if (!s(`.${validatorData.id}`)) return;
+        // logger.warn(validatorData.id, s(`.${validatorData.id}`).value);
+        let errorMessage = '';
+        if (validatorData.rules)
+          for (const rule of validatorData.rules) {
+            switch (rule.type) {
+              case 'isStrongPassword':
+                {
+                  const errors = validatePassword(s(`.${validatorData.id}`).value);
+                  if (errors.length > 0)
+                    errorMessage += errors
+                      .map((translateMessage) =>
+                        this.renderErrorMessage(
+                          undefined,
+                          html`
+                            ${translateMessage[s('html').lang]
+                              ? translateMessage[s('html').lang]
+                              : translateMessage['en']}
+                          `,
+                        ),
+                      )
+                      .join(`\n`);
+                }
+                break;
+              case 'isEmpty':
+                if (validator.isEmpty(s(`.${validatorData.id}`).value, { ignore_whitespace: true }))
+                  errorMessage += this.renderErrorMessage(rule);
+                break;
+              case 'isEmail':
+                if (!validator.isEmail(s(`.${validatorData.id}`).value)) errorMessage += this.renderErrorMessage(rule);
+                break;
+              case 'passwordMismatch':
+                if (!validator.equals(s(`.${validatorData.id}`).value, s(`.${rule.options}`).value))
+                  errorMessage += this.renderErrorMessage(rule);
+                break;
+              case 'isLength':
+                if (!validator.isLength(s(`.${validatorData.id}`).value, rule.options))
+                  errorMessage += this.renderErrorMessage(rule);
+                break;
+              default:
+                if (
+                  validator[rule.type] &&
+                  !validator[rule.type](s(`.${validatorData.id}`).value, rule?.options ? rule.options : undefined)
+                )
+                  errorMessage += this.renderErrorMessage(rule);
+                break;
+            }
+          }
+        if (callBack && typeof callBack === 'function') callBack(validatorData);
+        if (s(`.input-info-${validatorData.id}`)) {
+          if (!errorMessage) {
+            if (s(`.${validatorData.id}`).value)
+              htmls(
+                `.input-info-${validatorData.id}`,
+                html` ${renderStatus('success', { class: 'inl' })} &nbsp
+                  <span style="color: green">ok</span>`,
+              );
+          } else htmls(`.input-info-${validatorData.id}`, errorMessage);
+        }
+        return { errorMessage };
+      };
+      if (s(`.${validatorData.id}`)) {
+        s(`.${validatorData.id}`).oninput = validatorFunction[validatorData.id];
+        s(`.${validatorData.id}`).onblur = validatorFunction[validatorData.id];
+      }
+    }
+
+    return async () => {
+      let errorMessage = '';
+      for (const validatorKey of Object.keys(validatorFunction)) {
+        const result = await validatorFunction[validatorKey]();
+        if (result && result.errorMessage) errorMessage += result.errorMessage;
+      }
+      return { errorMessage };
+    };
+  },
+};
+
+export { Validator };