Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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