Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 2634 Rev 2636
Línea 112... Línea 112...
112 
  return (
 112 
  return (
113 
    <div className="settings-container">
 113 
    <div className="settings-container">
114 
      <h2>Cambiar clave</h2>
 114 
      <h2>Cambiar clave</h2>
115 
      <div className="acc-setting_content">
 115 
      <div className="acc-setting_content">
116 
        <form onSubmit={handleSubmit(handleOnSubmit)}>
 116 
        <form onSubmit={handleSubmit(handleOnSubmit)}>
- 
 
 117 
          <div className="d-flex" style={{ gap: '.5rem' }}>
117 
          <div className="cp-field">
 118 
            <div className="cp-field">
118 
            <label htmlFor="password">Clave</label>
 119 
              <label htmlFor="password">Clave</label>
119 
            <div className="cpp-fiel">
 120 
              <div className="cpp-fiel">
120 
              <input
 121 
                <input
121 
                type="password"
 122 
                  type="password"
122 
                name="password"
 123 
                  name="password"
123 
                minLength="6"
 124 
                  minLength="6"
124 
                maxLength="16"
 125 
                  maxLength="16"
125 
                id="password"
 126 
                  id="password"
126 
                ref={register({
 127 
                  ref={register({
127 
                  required: "Por favor ingrese la contraseña",
 128 
                    required: "Por favor ingrese la contraseña",
128 
                })}
 129 
                  })}
129 
                pattern="^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$^x%x*-]).{6,16}$"
 130 
                  pattern="^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$^x%x*-]).{6,16}$"
130 
                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 #?!@$^%*-"
131 
              />
 132 
                />
132 
              <i className="fa fa-lock"></i>
 133 
                <i className="fa fa-lock"></i>
- 
 
 134 
              </div>
- 
 
 135 
              {isErrorPassword && (
- 
 
 136 
                <p className="text-danger">Disculpe, La clave debe contener entre 6 y 16 caracteres, incluida una letra mayúscula, un número y un carácter especial #?!@$^%*-</p>
- 
 
 137 
              )}
- 
 
 138 
              {<FormErrorFeedback>{errors?.password?.message}</FormErrorFeedback>}
133 
            </div>
 139 
            </div>
134 
            {isErrorPassword && (
 - 
 
135 
              <p className="text-danger">Disculpe, La clave debe contener entre 6 y 16 caracteres, incluida una letra mayúscula, un número y un carácter especial #?!@$^%*-</p>
 - 
 
136 
            )}
 - 
 
137 
            {<FormErrorFeedback>{errors?.password?.message}</FormErrorFeedback>}
 - 
 
138 
          </div>
 - 
 
139 
          <div className="cp-field">
 140 
            <div className="cp-field">
140 
            <label htmlFor="confirmation">Confirmación</label>
 141 
              <label htmlFor="confirmation">Confirmación</label>
141 
            <div className="cpp-fiel">
 142 
              <div className="cpp-fiel">
142 
              <input
 143 
                <input
143 
                type="password"
 144 
                  type="password"
144 
                name="confirmation"
 145 
                  name="confirmation"
145 
                minLength="6"
 146 
                  minLength="6"
146 
                maxLength="16"
 147 
                  maxLength="16"
147 
                id="confirmation"
 148 
                  id="confirmation"
148 
                ref={register({
 149 
                  ref={register({
149 
                  required: "Por favor ingrese la contraseña",
 150 
                    required: "Por favor ingrese la contraseña",
150 
                  validate: (value) =>
 151 
                    validate: (value) =>
151 
                    value === getValues("password") ||
 152 
                      value === getValues("password") ||
152 
                    "La contraseña no coincide",
 153 
                      "La contraseña no coincide",
153 
                })}
 154 
                  })}
154 
                pattern="^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$^x%x*-]).{6,16}$"
 155 
                  pattern="^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$^x%x*-]).{6,16}$"
155 
                title="La clave debe contener entre 6 y 16 caracteres, incluida una letra mayúscula, un número y un carácter especial #?!@$^%*-"
 156 
                  title="La clave debe contener entre 6 y 16 caracteres, incluida una letra mayúscula, un número y un carácter especial #?!@$^%*-"
156 
              />
 157 
                />
157 
              <i className="fa fa-lock"></i>
 158 
                <i className="fa fa-lock"></i>
- 
 
 159 
              </div>
- 
 
 160 
              {isErrorConfirmation && (
- 
 
 161 
                <p className="text-danger">Disculpe, las claves tienen que coincidir</p>
- 
 
 162 
              )}
- 
 
 163 
              {
- 
 
 164 
                <FormErrorFeedback>
- 
 
 165 
                  {errors?.confirmation?.message}
- 
 
 166 
                </FormErrorFeedback>
- 
 
 167 
              }
158 
            </div>
 168 
            </div>
159 
            {isErrorConfirmation && (
 - 
 
160 
              <p className="text-danger">Disculpe, las claves tienen que coincidir</p>
 - 
 
161 
            )}
 - 
 
162 
            {
 - 
 
163 
              <FormErrorFeedback>
 - 
 
164 
                {errors?.confirmation?.message}
 - 
 
165 
              </FormErrorFeedback>
 - 
 
166 
            }
 - 
 
167 
          </div>
 - 
 
168 
          <div className="save-stngs pd2">
 - 
 
169 
            <ul>
 - 
 
170 
              <li>
 - 
 
171 
                <button type="submit" className="btn-save-basic">
 - 
 
172 
                  Guardar
 - 
 
173 
                </button>
 - 
 
174 
              </li>
 - 
 
175 
            </ul>
 - 
 
176 
          </div>
 169 
          </div>
177 
          {/* <!--save-stngs end--> */}
 170 
          <button type="submit" className="btn btn-secondary">
178 
          {/* <?php echo $this->form()->closeTag($form); ?>	 */}
 171 
            Guardar
- 
 
 172 
          </button>
179 
        </form>
 173 
        </form>
180 
      </div>
 174 
      </div>
181 
      {loading && (
 175 
      {loading &&
182 
        <StyledSpinnerContainer>
 176 
        <StyledSpinnerContainer>
183 
          <Spinner></Spinner>
 177 
          <Spinner />
184 
        </StyledSpinnerContainer>
 178 
        </StyledSpinnerContainer>
185 
      )}
 179 
      }
186 
    </div>
 180 
    </div>
187 
  );
 181 
  );
188 
};
 182 
};
Línea 189... Línea -...
189 
 
 - 
 
190 
// const mapStateToProps = (state) => ({
 - 
 
191 
 
 - 
 
192 
// })
 - 
 
193 
 
 183 
 
194 
const mapDispatchToProps = {
 184 
const mapDispatchToProps = {
195 
  addNotification: (notification) => addNotification(notification),
 185 
  addNotification: (notification) => addNotification(notification),
Línea 196... Línea 186...
196 
};
 186 
};