first commit

resources/js/auth/pages-auth.js

@@ -0,0 +1,112 @@
+('use strict');
+
+const formAuthentication = document.querySelector('#formAuthentication');
+
+document.addEventListener('DOMContentLoaded', function (e) {
+    (function () {
+        // Form validation for Add new record
+        if (formAuthentication) {
+            const fv = FormValidation.formValidation(formAuthentication, {
+                fields: {
+                    username: {
+                        validators: {
+                            notEmpty: {
+                                message: 'Por favor, introduzca su nombre de usuario'
+                            },
+                            stringLength: {
+                                min: 6,
+                                message: 'El nombre de usuario debe tener más de 6 caracteres'
+                            }
+                        }
+                    },
+                    email: {
+                        validators: {
+                            notEmpty: {
+                                message: 'Por favor, introduzca su correo electrónico'
+                            },
+                            emailAddress: {
+                                message: 'Por favor, introduzca una dirección de correo electrónico válida'
+                            }
+                        }
+                    },
+                    'email-username': {
+                        validators: {
+                            notEmpty: {
+                                message: 'Por favor, introduzca su correo electrónico / nombre de usuario'
+                            },
+                            stringLength: {
+                                min: 6,
+                                message: 'El nombre de usuario debe tener más de 6 caracteres'
+                            }
+                        }
+                    },
+                    password: {
+                        validators: {
+                            notEmpty: {
+                                message: 'Por favor, introduzca su contraseña'
+                            },
+                            stringLength: {
+                                min: 6,
+                                message: 'La contraseña debe tener más de 6 caracteres'
+                            }
+                        }
+                    },
+                    'confirm-password': {
+                        validators: {
+                            notEmpty: {
+                                message: 'Confirme la contraseña'
+                            },
+                            identical: {
+                                compare: function () {
+                                    return formAuthentication.querySelector('[name="password"]').value;
+                                },
+                                message: 'La contraseña y su confirmación no son iguales'
+                            },
+                            stringLength: {
+                                min: 6,
+                                message: 'La contraseña debe tener más de 6 caracteres'
+                            }
+                        }
+                    },
+                    terms: {
+                        validators: {
+                            notEmpty: {
+                                message: 'Acepte los términos y condiciones'
+                            }
+                        }
+                    }
+                },
+                plugins: {
+                    trigger: new FormValidation.plugins.Trigger(),
+                    bootstrap5: new FormValidation.plugins.Bootstrap5({
+                        eleValidClass: '',
+                        rowSelector: '.fv-row'
+                    }),
+                    submitButton: new FormValidation.plugins.SubmitButton(),
+
+                    defaultSubmit: new FormValidation.plugins.DefaultSubmit(),
+                    autoFocus: new FormValidation.plugins.AutoFocus()
+                },
+                init: instance => {
+                    instance.on('plugins.message.placed', function (e) {
+                        if (e.element.parentElement.classList.contains('input-group')) {
+                            e.element.parentElement.insertAdjacentElement('afterend', e.messageElement);
+                        }
+                    });
+                }
+            });
+        }
+
+        //  Two Steps Verification
+        const numeralMask = document.querySelectorAll('.numeral-mask');
+
+        // Verification masking
+        if (numeralMask.length) {
+            numeralMask.forEach(e => {
+                new Cleave(e, {
+                    numeral: true
+                });
+            });
+        }
+    })();
+});