Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 2715 | Rev 2761 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 2715 Rev 2760
Línea 17... Línea 17...
17 
        errors,
 17 
        errors,
18 
        setError,
 18 
        setError,
19 
        clearErrors,
 19 
        clearErrors,
20 
        getValues,
 20 
        getValues,
21 
        setValue,
 21 
        setValue,
- 
 
 22 
        watch
22 
    } = useForm();
 23 
    } = useForm();
Línea 23... Línea 24...
23 
 
 24 
 
24 
    // Recaptcha
 25 
    // Recaptcha
25 
    const reCaptchaToken = React.useRef("");
 26 
    const reCaptchaToken = React.useRef("");
26 
    const [isVerified, setIsVerified] = React.useState(false);
 27 
    const [isVerified, setIsVerified] = React.useState(false);
Línea 27... Línea 28...
27 
    const reCaptchaInstance = React.useRef();
 28 
    const reCaptchaInstance = React.useRef();
28 
 
 29 
 
29 
    // states
 30 
    // states
- 
 
 31 
    const [rememberChecked, setRememberChecked] = React.useState(false);
30 
    const [rememberChecked, setRememberChecked] = React.useState(false);
 32 
    const [isLoading, setIsLoading] = React.useState(false);
31 
    const [isLoading, setIsLoading] = React.useState(false);
 33 
    const [isErrorConfirmation, setIsErrorConfirmation] = React.useState(false);
Línea 32... Línea 34...
32 
    // const [password, setPassword ] = React.useState('')
 34 
    // const [password, setPassword ] = React.useState('')
33 
    // const [confirmation, setConfirmation] = React.useState('')
 35 
    // const [confirmation, setConfirmation] = React.useState('')
Línea 48... Línea 50...
48 
        reCaptchaInstance.current.reset();
 50 
        reCaptchaInstance.current.reset();
49 
    }
 51 
    }
50 
    React.useEffect(() => {
 52 
    React.useEffect(() => {
51 
        resetCaptcha()
 53 
        resetCaptcha()
52 
    }, []);
 54 
    }, []);
- 
 
 55 
 
53 
    const submit = (data, event) => {
 56 
    const submit = (data, event) => {
54 
        const formData = new FormData();
 57 
        const formData = new FormData();
55 
        Object.entries(data).map(([key, value]) => {
 58 
        Object.entries(data).map(([key, value]) => {
56 
            if (key === "confirmation" && value)
 59 
            if (key === "confirmation" && value)
57 
                return formData.append(key, CryptoJSAesJson.encrypt(value, aes));
 60 
                return formData.append(key, CryptoJSAesJson.encrypt(value, aes));
Línea 75... Línea 78...
75 
                resetCaptcha()
 78 
                resetCaptcha()
76 
            })
 79 
            })
77 
        formData.append("captcha", reCaptchaToken.current);
 80 
        formData.append("captcha", reCaptchaToken.current);
78 
    }
 81 
    }
Línea -... Línea 82...
- 
 
 82 
 
- 
 
 83 
    const validatePassword = (e) => {
- 
 
 84 
        if (e.target.value !== watch('password')) {
- 
 
 85 
            setIsErrorConfirmation(true)
- 
 
 86 
        }
- 
 
 87 
    }
79 
 
 88 
 
80 
    return (
 89 
    return (
81 
        <div className="sign_in_sec current">
 90 
        <div className="sign_in_sec current">
82 
            <div className="row">
 91 
            <div className="row">
83 
                <div className="col-lg-12">
 92 
                <div className="col-lg-12">
Línea 120... Línea 129...
120 
                                                    })}
 129 
                                                    })}
121 
                                                    pattern="^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$^x%x*-]).{6,16}$"
 130 
                                                    pattern="^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$^x%x*-]).{6,16}$"
122 
                                                    title="La clave debe contener entre 6 y 16 caracteres, incluida una letra mayúscula, un número y un carácter especial #?!@$^%*-"
 131 
                                                    title="La clave debe contener entre 6 y 16 caracteres, incluida una letra mayúscula, un número y un carácter especial #?!@$^%*-"
123 
                                                    placeholder="Repita nueva clave"
 132 
                                                    placeholder="Repita nueva clave"
124 
                                                    maxLength="16"
 133 
                                                    maxLength="16"
- 
 
 134 
                                                    onChange={validatePassword}
125 
                                                />
 135 
                                                />
126 
                                                <i className="la la-lock"></i>
 136 
                                                <i className="la la-lock"></i>
127 
                                            </div>
 137 
                                            </div>
128 
                                            {errors.confirmation && (
 - 
 
129 
                                                <FormErrorFeedback>{errors.confirmation.message}</FormErrorFeedback>
 138 
                                            {isErrorConfirmation && <FormErrorFeedback>Disculpe, las claves tienen que coincidir</FormErrorFeedback>}
130 
                                            )}
 - 
 
131 
                                        </div>
 139 
                                        </div>
132 
                                    </div>
 140 
                                    </div>
133 
                                    <div className="col-lg-12 no-pdd">
 141 
                                    <div className="col-lg-12 no-pdd">
134 
                                        <div className="sn-field">
 142 
                                        <div className="sn-field">
135 
                                            <Recaptcha
 143 
                                            <Recaptcha