Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 2295 Rev 2296
Línea 140... Línea 140...
140 
      console.log('>>: error > ', error)
 140 
      console.log('>>: error > ', error)
141 
    }
 141 
    }
142 
  }
 142 
  }
Línea 143... Línea 143...
143 
 
 143 
 
144 
  return (
 - 
 
145 
    <>
 144 
  return (
146 
      <div className={styles.profile_info}>
 145 
    <div className={styles.profile_info}>
147 
        <div className={styles.profile_info_header}>
 146 
      <div className={styles.profile_info_header}>
148 
          {
 147 
        {
149 
            !!image && (
 148 
          !!image && (
150 
              <div className={styles.profile_info_header_imgContainer}>
 149 
            <div className={styles.profile_info_header_imgContainer}>
- 
 
 150 
              <img src={image} className="object-fit-contain" style={{ borderRadius: 0 }} alt="" />
- 
 
 151 
            </div>
- 
 
 152 
          )
- 
 
 153 
        }
- 
 
 154 
        <div className={image ? 'col-md-8 d-flex justify-content-start align-items-center' : 'col-md-12 ' + ' col-sm-12 col-12'}>
- 
 
 155 
          <h3 className={status ? '' : "col-sm-12 d-flex justify-content-center align-items-center" + ' w-100'}>
- 
 
 156 
            {name}
- 
 
 157 
          </h3>
- 
 
 158 
          {
- 
 
 159 
            status
- 
 
 160 
            &&
- 
 
 161 
            <h4 className="col-sm-12 d-flex justify-content-center align-items-center">
- 
 
 162 
              {status}
- 
 
 163 
            </h4>
- 
 
 164 
          }
- 
 
 165 
          {
- 
 
 166 
            isTopData
- 
 
 167 
            &&
- 
 
 168 
            <>
- 
 
 169 
              <div className="col-6 list-style-none">
- 
 
 170 
                {
- 
 
 171 
                  link_view
- 
 
 172 
                  &&
- 
 
 173 
                  <li>
- 
 
 174 
                    <a
- 
 
 175 
                      href={link_view}
- 
 
 176 
                      data-link={link_view}
- 
 
 177 
                      className="btn btn-secondary ellipsis"
- 
 
 178 
                    >
- 
 
 179 
                      Ver perfil
- 
 
 180 
                    </a>
- 
 
 181 
                  </li>
- 
 
 182 
                }
- 
 
 183 
              </div>
- 
 
 184 
              <div className="col-6 list-style-none">
- 
 
 185 
                {
- 
 
 186 
                  link_inmail
- 
 
 187 
                  &&
- 
 
 188 
                  <li>
- 
 
 189 
                    <a
- 
 
 190 
                      href={link_inmail}
- 
 
 191 
                      data-link={link_inmail}
- 
 
 192 
                      className="btn btn-primary"
- 
 
 193 
                    >
- 
 
 194 
                      Mensaje
- 
 
 195 
                    </a>
- 
 
 196 
                  </li>
151 
                <img src={image} className="object-fit-contain" style={{ borderRadius: 0 }} alt="" />
 197 
                }
152 
              </div>
 198 
              </div>
153 
            )
 199 
            </>
154 
          }
 - 
 
155 
          <div className={image ? 'col-md-8 d-flex justify-content-start align-items-center' : 'col-md-12 ' + ' col-sm-12 col-12'}>
 - 
 
156 
            <h3 className={status ? '' : "col-sm-12 d-flex justify-content-center align-items-center" + ' w-100'}>
 - 
 
157 
              {name}
 - 
 
158 
            </h3>
 - 
 
159 
            {
 - 
 
160 
              status
 - 
 
161 
              &&
 - 
 
162 
              <h4 className="col-sm-12 d-flex justify-content-center align-items-center">
 - 
 
163 
                {status}
 - 
 
164 
              </h4>
 - 
 
165 
            }
 - 
 
166 
            {
 - 
 
167 
              isTopData
 - 
 
168 
              &&
 - 
 
169 
              <>
 - 
 
170 
                <div className="col-6 list-style-none">
 - 
 
171 
                  {
 - 
 
172 
                    link_view
 - 
 
173 
                    &&
 - 
 
174 
                    <li>
 - 
 
175 
                      <a
 - 
 
176 
                        href={link_view}
 - 
 
177 
                        data-link={link_view}
 - 
 
178 
                        className="btn btn-secondary ellipsis"
 - 
 
179 
                      >
 - 
 
180 
                        Ver perfil
 - 
 
181 
                      </a>
 - 
 
182 
                    </li>
 - 
 
183 
                  }
 - 
 
184 
                </div>
 - 
 
185 
                <div className="col-6 list-style-none">
 - 
 
186 
                  {
 - 
 
187 
                    link_inmail
 - 
 
188 
                    &&
 - 
 
189 
                    <li>
 - 
 
190 
                      <a
 - 
 
191 
                        href={link_inmail}
 - 
 
192 
                        data-link={link_inmail}
 - 
 
193 
                        className="btn btn-primary"
 - 
 
194 
                      >
 - 
 
195 
                        Mensaje
 - 
 
196 
                      </a>
 - 
 
197 
                    </li>
 - 
 
198 
                  }
 - 
 
199 
                </div>
 - 
 
200 
              </>
 - 
 
201 
            }
 - 
 
202 
          </div>
 200 
          }
203 
        </div>
 - 
 
204 
        <hr />
 - 
 
205 
        <ul>
 - 
 
206 
          {
 - 
 
207 
            link_view && !isTopData && (
 - 
 
208 
              <li>
 - 
 
209 
                <a
 - 
 
210 
                  href={link_view}
 - 
 
211 
                  data-link={link_view}
 - 
 
212 
                  title=""
 - 
 
213 
                  className="btn btn-secondary"
 - 
 
214 
                >
 - 
 
215 
                  Ver perfil
 - 
 
216 
                </a>
 - 
 
217 
              </li>
 - 
 
218 
            )
 - 
 
219 
          }
 - 
 
220 
          {
 - 
 
221 
            link_edit && (
 - 
 
222 
              <li>
 - 
 
223 
                <a
 - 
 
224 
                  href={link_edit}
 - 
 
225 
                  data-link={link_edit}
 - 
 
226 
                  title=""
 - 
 
227 
                  className="btn btn-tertiary"
 - 
 
228 
                >
 - 
 
229 
                  Editar perfil
 - 
 
230 
                </a>
 - 
 
231 
              </li>
 - 
 
232 
            )
 - 
 
233 
          }
 - 
 
234 
          {
 - 
 
235 
            link_approve && (
 - 
 
236 
              <li>
 - 
 
237 
                <a
 - 
 
238 
                  href="#"
 - 
 
239 
                  className="btn btn-primary"
 - 
 
240 
                  onClick={(e) => {
 - 
 
241 
                    e.preventDefault();
 - 
 
242 
                    handleApproveConfirmationBox();
 - 
 
243 
                  }}
 - 
 
244 
                >
 - 
 
245 
                  Aprobar
 - 
 
246 
                </a>
 - 
 
247 
              </li>
 - 
 
248 
            )
 - 
 
249 
          }
 - 
 
250 
          {
 - 
 
251 
            link_reject && (
 - 
 
252 
              <li>
 - 
 
253 
                <a
 - 
 
254 
                  href="#"
 - 
 
255 
                  className="btn btn-primary"
 - 
 
256 
                  onClick={(e) => {
 - 
 
257 
                    e.preventDefault();
 - 
 
258 
                    handleRejectConfirmationBox();
 - 
 
259 
                  }}
 - 
 
260 
                >
 - 
 
261 
                  Rechazar
 - 
 
262 
                </a>
 - 
 
263 
              </li>
 - 
 
264 
            )
 - 
 
265 
          }
 - 
 
266 
          {
 - 
 
267 
            link_delete && (
 - 
 
268 
              <li>
 - 
 
269 
                <a
 - 
 
270 
                  href="#"
 - 
 
271 
                  className="btn btn-primary"
 - 
 
272 
                  onClick={(e) => {
 - 
 
273 
                    e.preventDefault();
 - 
 
274 
                    handleShowConfirmationBox();
 - 
 
275 
                  }}
 - 
 
276 
                >
 - 
 
277 
                  Borrar perfil
 - 
 
278 
                </a>
 - 
 
279 
              </li>
 - 
 
280 
            )
 - 
 
281 
          }
 - 
 
282 
          {
 - 
 
283 
            link_inmail && !isTopData && (
 - 
 
284 
              <li>
 - 
 
285 
                <a
 - 
 
286 
                  href={link_inmail}
 - 
 
287 
                  data-link={link_inmail}
 - 
 
288 
                  title=""
 - 
 
289 
                  className="btn btn-primary"
 - 
 
290 
                >
 - 
 
291 
                  Mensaje
 - 
 
292 
                </a>
 - 
 
293 
              </li>
 - 
 
294 
            )
 - 
 
295 
          }
 - 
 
296 
          {
 - 
 
297 
            link_admin && (
 - 
 
298 
              <li>
 - 
 
299 
                <a
 - 
 
300 
                  onClick={() => getManageUrl()}
 - 
 
301 
                  data-link={link_admin}
 - 
 
302 
                  title="Administrar empresa"
 - 
 
303 
                  className="btn btn-primary"
 - 
 
304 
                >
 - 
 
305 
                  Administrar
 - 
 
306 
                </a>
 - 
 
307 
              </li>
 - 
 
308 
            )
 - 
 
309 
          }
 - 
 
310 
          {
 - 
 
311 
            link_unfollow && (
 - 
 
312 
              <li>
 - 
 
313 
                <a
 - 
 
314 
                  onClick={() => handleUnfollow(link_unfollow)}
 - 
 
315 
                  data-link={link_unfollow}
 - 
 
316 
                  title="Administrar empresa"
 - 
 
317 
                  className="btn btn-primary"
 - 
 
318 
                >
 - 
 
319 
                  Dejar de seguir
 - 
 
320 
                </a>
 - 
 
321 
              </li>
 - 
 
322 
            )
 - 
 
323 
          }
 - 
 
324 
 
 - 
 
325 
          {
 - 
 
326 
            link_block && (
 - 
 
327 
              <li>
 - 
 
328 
                <a
 - 
 
329 
                  href="#"
 - 
 
330 
                  className="btn btn-tertiary"
 - 
 
331 
                  onClick={(e) => {
 - 
 
332 
                    e.preventDefault();
 - 
 
333 
                    handleBlockConfirmationBox();
 - 
 
334 
                  }}
 - 
 
335 
                >
 - 
 
336 
                  Bloquear
 - 
 
337 
                </a>
 - 
 
338 
              </li>
 - 
 
339 
            )
 - 
 
340 
          }
 - 
 
341 
          {
 - 
 
342 
            link_unblock && (
 - 
 
343 
              <li>
 - 
 
344 
                <a
 - 
 
345 
                  href="#"
 - 
 
346 
                  className="btn btn-tertiary"
 - 
 
347 
                  onClick={(e) => {
 - 
 
348 
                    e.preventDefault();
 - 
 
349 
                    handleUnblockConfirmationBox();
 - 
 
350 
                  }}
 - 
 
351 
                >
 - 
 
352 
                  Desbloquear
 - 
 
353 
                </a>
 - 
 
354 
              </li>
 - 
 
355 
            )
 - 
 
356 
          }
 - 
 
357 
          {
 - 
 
358 
            link_request && (
 - 
 
359 
              <li>
 - 
 
360 
                <a
 - 
 
361 
                  href="#"
 - 
 
362 
                  className="btn btn-tertiary"
 - 
 
363 
                  onClick={(e) => {
 - 
 
364 
                    e.preventDefault();
 - 
 
365 
                    handleRequestConfirmationBox();
 - 
 
366 
                  }}
 - 
 
367 
                >
 - 
 
368 
                  Conectar
 - 
 
369 
                </a>
 - 
 
370 
              </li>
 - 
 
371 
            )
 - 
 
372 
          }
 - 
 
373 
          {
 - 
 
374 
            link_cancel && (
 - 
 
375 
              <li>
 - 
 
376 
                <a
 - 
 
377 
                  href="#"
 - 
 
378 
                  className="btn btn-secondary"
 - 
 
379 
                  onClick={(e) => {
 - 
 
380 
                    e.preventDefault();
 - 
 
381 
                    handleCancelConfirmationBox();
 - 
 
382 
                  }}
 - 
 
383 
                >
 - 
 
384 
                  Cancelar
 - 
 
385 
                </a>
 - 
 
386 
              </li>
 - 
 
387 
            )
 - 
 
388 
          }
 - 
 
389 
          {
 - 
 
390 
            link_leave && (
 - 
 
391 
              <li>
 - 
 
392 
                <a
 - 
 
393 
                  href="#"
 - 
 
394 
                  className="btn btn-secondary"
 - 
 
395 
                  onClick={(e) => {
 - 
 
396 
                    e.preventDefault();
 - 
 
397 
                    handleLeaveConfirmationBox();
 - 
 
398 
                  }}
 - 
 
399 
                >
 - 
 
400 
                  Abandonar
 - 
 
401 
                </a>
 - 
 
402 
              </li>
 - 
 
403 
            )
 - 
 
404 
          }
 - 
 
405 
        </ul>
 201 
        </div>
- 
 
 202 
      </div>
- 
 
 203 
      <hr />
- 
 
 204 
      <ul>
- 
 
 205 
        {
- 
 
 206 
          link_view && !isTopData && (
- 
 
 207 
            <li>
- 
 
 208 
              <a
- 
 
 209 
                href={link_view}
- 
 
 210 
                data-link={link_view}
- 
 
 211 
                title=""
- 
 
 212 
                className="btn btn-secondary"
- 
 
 213 
              >
- 
 
 214 
                Ver perfil
- 
 
 215 
              </a>
- 
 
 216 
            </li>
- 
 
 217 
          )
- 
 
 218 
        }
- 
 
 219 
        {
- 
 
 220 
          link_edit && (
- 
 
 221 
            <li>
- 
 
 222 
              <a
- 
 
 223 
                href={link_edit}
- 
 
 224 
                data-link={link_edit}
- 
 
 225 
                title=""
- 
 
 226 
                className="btn btn-tertiary"
- 
 
 227 
              >
- 
 
 228 
                Editar perfil
- 
 
 229 
              </a>
- 
 
 230 
            </li>
- 
 
 231 
          )
- 
 
 232 
        }
- 
 
 233 
        {
- 
 
 234 
          link_approve && (
- 
 
 235 
            <li>
- 
 
 236 
              <a
- 
 
 237 
                href="#"
- 
 
 238 
                className="btn btn-primary"
- 
 
 239 
                onClick={(e) => {
- 
 
 240 
                  e.preventDefault();
- 
 
 241 
                  handleApproveConfirmationBox();
- 
 
 242 
                }}
- 
 
 243 
              >
- 
 
 244 
                Aprobar
- 
 
 245 
              </a>
- 
 
 246 
            </li>
- 
 
 247 
          )
- 
 
 248 
        }
- 
 
 249 
        {
- 
 
 250 
          link_reject && (
- 
 
 251 
            <li>
- 
 
 252 
              <a
- 
 
 253 
                href="#"
- 
 
 254 
                className="btn btn-primary"
- 
 
 255 
                onClick={(e) => {
- 
 
 256 
                  e.preventDefault();
- 
 
 257 
                  handleRejectConfirmationBox();
- 
 
 258 
                }}
- 
 
 259 
              >
- 
 
 260 
                Rechazar
- 
 
 261 
              </a>
- 
 
 262 
            </li>
- 
 
 263 
          )
- 
 
 264 
        }
- 
 
 265 
        {
- 
 
 266 
          link_delete && (
- 
 
 267 
            <li>
- 
 
 268 
              <a
- 
 
 269 
                href="#"
- 
 
 270 
                className="btn btn-primary"
- 
 
 271 
                onClick={(e) => {
- 
 
 272 
                  e.preventDefault();
- 
 
 273 
                  handleShowConfirmationBox();
- 
 
 274 
                }}
- 
 
 275 
              >
- 
 
 276 
                Borrar perfil
- 
 
 277 
              </a>
- 
 
 278 
            </li>
- 
 
 279 
          )
- 
 
 280 
        }
- 
 
 281 
        {
- 
 
 282 
          link_inmail && !isTopData && (
- 
 
 283 
            <li>
- 
 
 284 
              <a
- 
 
 285 
                href={link_inmail}
- 
 
 286 
                data-link={link_inmail}
- 
 
 287 
                title=""
- 
 
 288 
                className="btn btn-primary"
- 
 
 289 
              >
- 
 
 290 
                Mensaje
- 
 
 291 
              </a>
- 
 
 292 
            </li>
- 
 
 293 
          )
- 
 
 294 
        }
- 
 
 295 
        {
- 
 
 296 
          link_admin && (
- 
 
 297 
            <li>
- 
 
 298 
              <a
- 
 
 299 
                onClick={() => getManageUrl()}
- 
 
 300 
                data-link={link_admin}
- 
 
 301 
                title="Administrar empresa"
- 
 
 302 
                className="btn btn-primary"
- 
 
 303 
              >
- 
 
 304 
                Administrar
- 
 
 305 
              </a>
- 
 
 306 
            </li>
- 
 
 307 
          )
- 
 
 308 
        }
- 
 
 309 
        {
- 
 
 310 
          link_unfollow && (
- 
 
 311 
            <li>
- 
 
 312 
              <a
- 
 
 313 
                onClick={() => handleUnfollow(link_unfollow)}
- 
 
 314 
                data-link={link_unfollow}
- 
 
 315 
                title="Administrar empresa"
- 
 
 316 
                className="btn btn-primary"
- 
 
 317 
              >
- 
 
 318 
                Dejar de seguir
- 
 
 319 
              </a>
- 
 
 320 
            </li>
- 
 
 321 
          )
- 
 
 322 
        }
- 
 
 323 
 
- 
 
 324 
        {
- 
 
 325 
          link_block && (
- 
 
 326 
            <li>
- 
 
 327 
              <a
- 
 
 328 
                href="#"
- 
 
 329 
                className="btn btn-tertiary"
- 
 
 330 
                onClick={(e) => {
- 
 
 331 
                  e.preventDefault();
- 
 
 332 
                  handleBlockConfirmationBox();
- 
 
 333 
                }}
- 
 
 334 
              >
- 
 
 335 
                Bloquear
- 
 
 336 
              </a>
- 
 
 337 
            </li>
- 
 
 338 
          )
- 
 
 339 
        }
- 
 
 340 
        {
- 
 
 341 
          link_unblock && (
- 
 
 342 
            <li>
- 
 
 343 
              <a
- 
 
 344 
                href="#"
- 
 
 345 
                className="btn btn-tertiary"
- 
 
 346 
                onClick={(e) => {
- 
 
 347 
                  e.preventDefault();
- 
 
 348 
                  handleUnblockConfirmationBox();
- 
 
 349 
                }}
- 
 
 350 
              >
- 
 
 351 
                Desbloquear
- 
 
 352 
              </a>
- 
 
 353 
            </li>
- 
 
 354 
          )
- 
 
 355 
        }
- 
 
 356 
        {
- 
 
 357 
          link_request && (
- 
 
 358 
            <li>
- 
 
 359 
              <a
- 
 
 360 
                href="#"
- 
 
 361 
                className="btn btn-tertiary"
- 
 
 362 
                onClick={(e) => {
- 
 
 363 
                  e.preventDefault();
- 
 
 364 
                  handleRequestConfirmationBox();
- 
 
 365 
                }}
- 
 
 366 
              >
- 
 
 367 
                Conectar
- 
 
 368 
              </a>
- 
 
 369 
            </li>
- 
 
 370 
          )
- 
 
 371 
        }
- 
 
 372 
        {
- 
 
 373 
          link_cancel && (
- 
 
 374 
            <li>
- 
 
 375 
              <a
- 
 
 376 
                href="#"
- 
 
 377 
                className="btn btn-secondary"
- 
 
 378 
                onClick={(e) => {
- 
 
 379 
                  e.preventDefault();
- 
 
 380 
                  handleCancelConfirmationBox();
- 
 
 381 
                }}
- 
 
 382 
              >
- 
 
 383 
                Cancelar
- 
 
 384 
              </a>
- 
 
 385 
            </li>
- 
 
 386 
          )
- 
 
 387 
        }
- 
 
 388 
        {
- 
 
 389 
          link_leave && (
- 
 
 390 
            <li>
- 
 
 391 
              <a
- 
 
 392 
                href="#"
- 
 
 393 
                className="btn btn-secondary"
- 
 
 394 
                onClick={(e) => {
- 
 
 395 
                  e.preventDefault();
- 
 
 396 
                  handleLeaveConfirmationBox();
- 
 
 397 
                }}
- 
 
 398 
              >
- 
 
 399 
                Abandonar
- 
 
 400 
              </a>
- 
 
 401 
            </li>
- 
 
 402 
          )
- 
 
 403 
        }
406 
      </div>
 404 
      </ul>
407 
      {
 405 
      {
408 
        link_delete && (
 406 
        link_delete && (
409 
          <div style={{ position: "relative" }}>
 407 
          <div style={{ position: "relative" }}>
410 
            <ConfirmationBox
 408 
            <ConfirmationBox
Línea 497... Línea 495...
497 
          <StyledSpinnerContainer>
 495 
          <StyledSpinnerContainer>
498 
            <Spinner />
 496 
            <Spinner />
499 
          </StyledSpinnerContainer>
 497 
          </StyledSpinnerContainer>
500 
        )
 498 
        )
501 
      }
 499 
      }
502 
    </>
 500 
    </div>
503 
  );
 501 
  );
504 
};
 502 
};
Línea 505... Línea 503...
505 
 
 503