Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 2573 Rev 2715
Línea 76... Línea 76...
76
            })
76
            })
77
        formData.append("captcha", reCaptchaToken.current);
77
        formData.append("captcha", reCaptchaToken.current);
78
    }
78
    }
Línea 79... Línea 79...
79
 
79
 
80
    return (
80
    return (
81
        <div className="signin-popup">
-
 
82
            <div className="signin-pop">
81
        <div className="sign_in_sec current">
83
                <div className="row">
82
            <div className="row">
84
                    <div className="col-lg-12">
83
                <div className="col-lg-12">
85
                        <div className="login-sec">
84
                    <div className="login-sec">
86
                            <div className="sign_in_sec current" id="tab-1">
85
                        <div className="sign_in_sec current" id="tab-1">
87
                                <h3>Reiniciar clave</h3>
86
                            <h3>Reiniciar clave</h3>
88
                                <form
87
                            <form
89
                                    onSubmit={handleSubmit(submit)}
88
                                onSubmit={handleSubmit(submit)}
90
                                >
89
                            >
91
                                    <div className="row">
90
                                <div className="row">
92
                                        <div className="col-lg-12 no-pdd">
91
                                    <div className="col-lg-12 no-pdd">
93
                                            <div className="inputContainer">
92
                                        <div className="inputContainer">
94
                                                <div className="sn-field">
93
                                            <div className="sn-field">
95
                                                    <input
94
                                                <input
96
                                                        type="password"
95
                                                    type="password"
97
                                                        name="password"
96
                                                    name="password"
98
                                                        ref={register({
97
                                                    ref={register({
99
                                                            required: "Este campo es requerido",
98
                                                        required: "Este campo es requerido",
100
                                                        })}
99
                                                    })}
101
                                                        pattern="^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$^x%x*-]).{6,16}$"
100
                                                    pattern="^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$^x%x*-]).{6,16}$"
102
                                                        title="La clave debe contener entre 6 y 16 caracteres, incluida una letra mayúscula, un número y un carácter especial #?!@$^%*-"
101
                                                    title="La clave debe contener entre 6 y 16 caracteres, incluida una letra mayúscula, un número y un carácter especial #?!@$^%*-"
103
                                                        placeholder="Nueva clave"
102
                                                    placeholder="Nueva clave"
104
                                                        maxLength="16"
-
 
105
                                                    />
-
 
106
                                                    <i className="la la-lock"></i>
-
 
107
                                                </div>
-
 
108
                                                {errors.password && (
-
 
109
                                                    <FormErrorFeedback>{errors.password.message}</FormErrorFeedback>
103
                                                    maxLength="16"
110
                                                )}
-
 
111
                                            </div>
-
 
112
                                        </div>
-
 
113
                                        <div className="col-lg-12 no-pdd">
-
 
114
                                            <div className="inputContainer">
-
 
115
                                                <div className="sn-field">
-
 
116
                                                    <input
-
 
117
                                                        type="password"
-
 
118
                                                        name="confirmation"
-
 
119
                                                        ref={register({
-
 
120
                                                            required: "Este campo es requerido",
-
 
121
                                                        })}
-
 
122
                                                        pattern="^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$^x%x*-]).{6,16}$"
-
 
123
                                                        title="La clave debe contener entre 6 y 16 caracteres, incluida una letra mayúscula, un número y un carácter especial #?!@$^%*-"
-
 
124
                                                        placeholder="Repita nueva clave"
-
 
125
                                                        maxLength="16"
-
 
126
                                                    />
104
                                                />
127
                                                    <i className="la la-lock"></i>
-
 
128
                                                </div>
-
 
129
                                                {errors.confirmation && (
-
 
130
                                                    <FormErrorFeedback>{errors.confirmation.message}</FormErrorFeedback>
-
 
131
                                                )}
105
                                                <i className="la la-lock"></i>
-
 
106
                                            </div>
-
 
107
                                            {errors.password && (
-
 
108
                                                <FormErrorFeedback>{errors.password.message}</FormErrorFeedback>
132
                                            </div>
109
                                            )}
-
 
110
                                        </div>
133
                                        </div>
111
                                    </div>
-
 
112
                                    <div className="col-lg-12 no-pdd">
134
                                        <div className="col-lg-12 no-pdd">
113
                                        <div className="inputContainer">
135
                                            <div className="sn-field">
114
                                            <div className="sn-field">
136
                                                <Recaptcha
115
                                                <input
137
                                                    sitekey={captchaKey}
116
                                                    type="password"
138
                                                    verifyCallback={loginVerifyCallbackHandler}
117
                                                    name="confirmation"
139
                                                    verifyCallbackName="loginVerifyCallbackHandler"
118
                                                    ref={register({
140
                                                    expiredCallback={loginExpiredCallbackHandler}
119
                                                        required: "Este campo es requerido",
141
                                                    expiredCallbackName="loginExpiredCallbackHandler"
120
                                                    })}
142
                                                    ref={reCaptchaInstance}
121
                                                    pattern="^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$^x%x*-]).{6,16}$"
143
                                                    render="explicit"
122
                                                    title="La clave debe contener entre 6 y 16 caracteres, incluida una letra mayúscula, un número y un carácter especial #?!@$^%*-"
144
                                                    onloadCallback={handleOnRecaptchaLoad}
123
                                                    placeholder="Repita nueva clave"
145
                                                    hl="es"
124
                                                    maxLength="16"
-
 
125
                                                />
146
                                                />
126
                                                <i className="la la-lock"></i>
-
 
127
                                            </div>
-
 
128
                                            {errors.confirmation && (
-
 
129
                                                <FormErrorFeedback>{errors.confirmation.message}</FormErrorFeedback>
147
                                            </div>
130
                                            )}
-
 
131
                                        </div>
148
                                        </div>
132
                                    </div>
-
 
133
                                    <div className="col-lg-12 no-pdd">
-
 
134
                                        <div className="sn-field">
-
 
135
                                            <Recaptcha
-
 
136
                                                sitekey={captchaKey}
149
                                        <div className="col-lg-12 no-pdd">
137
                                                verifyCallback={loginVerifyCallbackHandler}
-
 
138
                                                verifyCallbackName="loginVerifyCallbackHandler"
-
 
139
                                                expiredCallback={loginExpiredCallbackHandler}
-
 
140
                                                expiredCallbackName="loginExpiredCallbackHandler"
-
 
141
                                                ref={reCaptchaInstance}
-
 
142
                                                render="explicit"
-
 
143
                                                onloadCallback={handleOnRecaptchaLoad}
-
 
144
                                                hl="es"
150
                                            <button type="submit" value="submit" id="btn-submit" disabled={!isVerified} >Guardar</button>
145
                                            />
151
                                        </div>
146
                                        </div>
-
 
147
                                    </div>
-
 
148
                                    <div className="col-lg-12 no-pdd">
-
 
149
                                        <button type="submit" value="submit" id="btn-submit" disabled={!isVerified} >Guardar</button>
152
                                    </div>
150
                                    </div>
153
                                </form>
151
                                </div>
154
                            </div>
152
                            </form>
155
                        </div>
153
                        </div>
156
                    </div>
154
                    </div>
157
                </div>
155
                </div>
158
            </div>
156
            </div>