Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 2281 Rev 2285
Línea 152... Línea 152...
152 
                  <img src={image} className="object-fit-contain" style={{ borderRadius: 0 }} alt="" />
 152 
                  <img src={image} className="object-fit-contain" style={{ borderRadius: 0 }} alt="" />
153 
                </div>
 153 
                </div>
154 
              )
 154 
              )
155 
            }
 155 
            }
156 
            <div className={image ? 'col-md-8 d-flex justify-content-center align-items-center' : 'col-md-12 ' + ' col-sm-12 col-12'}>
 156 
            <div className={image ? 'col-md-8 d-flex justify-content-center align-items-center' : 'col-md-12 ' + ' col-sm-12 col-12'}>
157 
              <div className="row">
 - 
 
158 
                <h3 className={status ? '' : "col-sm-12 d-flex justify-content-center align-items-center" + ' w-100'}>
 157 
              <h3 className={status ? '' : "col-sm-12 d-flex justify-content-center align-items-center" + ' w-100'}>
159 
                  {name}
 158 
                {name}
160 
                  {
 159 
              </h3>
161 
                    status && (
 160 
              {
162 
                      <>
 161 
                status
163 
                        <br />
 162 
                &&
164 
                        <h4 className="col-sm-12 d-flex justify-content-center align-items-center">{status}</h4>
 163 
                <h4 className="col-sm-12 d-flex justify-content-center align-items-center">{status}</h4>
165 
                      </>
 - 
 
166 
                    )
 - 
 
167 
                  }
 164 
              }
168 
                </h3>
 - 
 
169 
                {
 165 
              {
170 
                  isTopData && (
 166 
                isTopData && (
171 
                    <>
 167 
                  <>
172 
                      <div className="col-6 list-style-none">
 168 
                    <div className="col-6 list-style-none">
173 
                        {
 169 
                      {
174 
                          link_view && (
 170 
                        link_view && (
175 
                            <li>
 171 
                          <li>
176 
                              <a
 172 
                            <a
177 
                                href={link_view}
 173 
                              href={link_view}
178 
                                data-link={link_view}
 174 
                              data-link={link_view}
179 
                                title=""
 175 
                              title=""
180 
                                className="btn btn-secondary ellipsis"
 176 
                              className="btn btn-secondary ellipsis"
181 
                              >
 177 
                            >
182 
                                Ver perfil
 178 
                              Ver perfil
183 
                              </a>
 179 
                            </a>
184 
                            </li>
 180 
                          </li>
185 
                          )
 181 
                        )
186 
                        }
 182 
                      }
187 
                      </div>
 183 
                    </div>
188 
                      <div className="col-6 list-style-none">
 184 
                    <div className="col-6 list-style-none">
189 
                        {
 185 
                      {
190 
                          link_inmail && (
 186 
                        link_inmail && (
191 
                            <li>
 187 
                          <li>
192 
                              <a
 188 
                            <a
193 
                                href={link_inmail}
 189 
                              href={link_inmail}
194 
                                data-link={link_inmail}
 190 
                              data-link={link_inmail}
195 
                                title=""
 191 
                              title=""
196 
                                className="btn btn-primary"
 192 
                              className="btn btn-primary"
197 
                              >
 193 
                            >
198 
                                Mensaje
 194 
                              Mensaje
199 
                              </a>
 195 
                            </a>
200 
                            </li>
 196 
                          </li>
201 
                          )
 197 
                        )
202 
                        }
 198 
                      }
203 
                      </div>
 199 
                    </div>
204 
                    </>
 200 
                  </>
205 
                  )
 201 
                )
206 
                }
 202 
              }
207 
              </div>
 - 
 
208 
            </div>
 203 
            </div>
209 
          </div>
 204 
          </div>
210 
        </div>
 205 
        </div>
- 
 
 206 
      </div>
Línea 330... Línea 326...
330 
          }
 326 
        }
331 
 
 327 
 
332 
          {
 328 
        {
333 
            link_block && (
 329 
          link_block && (
334 
              <li>
 330 
            <li>
335 
                <a
 331 
              <a
336 
                  href="#"
 332 
                href="#"
337 
                  className="btn btn-tertiary"
 333 
                className="btn btn-tertiary"
338 
                  onClick={(e) => {
 334 
                onClick={(e) => {
339 
                    e.preventDefault();
 335 
                  e.preventDefault();
340 
                    handleBlockConfirmationBox();
 336 
                  handleBlockConfirmationBox();
341 
                  }}
 337 
                }}
342 
                >
 338 
              >
343 
                  Bloquear
 339 
                Bloquear
344 
                </a>
 340 
              </a>
345 
              </li>
 341 
            </li>
346 
            )
 342 
          )
347 
          }
 343 
        }
348 
          {
 344 
        {
349 
            link_unblock && (
 345 
          link_unblock && (
350 
              <li>
 346 
            <li>
351 
                <a
 347 
              <a
352 
                  href="#"
 348 
                href="#"
353 
                  className="btn btn-tertiary"
 349 
                className="btn btn-tertiary"
354 
                  onClick={(e) => {
 350 
                onClick={(e) => {
355 
                    e.preventDefault();
 351 
                  e.preventDefault();
356 
                    handleUnblockConfirmationBox();
 352 
                  handleUnblockConfirmationBox();
357 
                  }}
 353 
                }}
358 
                >
 354 
              >
359 
                  Desbloquear
 355 
                Desbloquear
360 
                </a>
 356 
              </a>
361 
              </li>
 357 
            </li>
362 
            )
 358 
          )
363 
          }
 359 
        }
364 
          {
 360 
        {
365 
            link_request && (
 361 
          link_request && (
366 
              <li>
 362 
            <li>
367 
                <a
 363 
              <a
368 
                  href="#"
 364 
                href="#"
369 
                  className="btn btn-tertiary"
 365 
                className="btn btn-tertiary"
370 
                  onClick={(e) => {
 366 
                onClick={(e) => {
371 
                    e.preventDefault();
 367 
                  e.preventDefault();
372 
                    handleRequestConfirmationBox();
 368 
                  handleRequestConfirmationBox();
373 
                  }}
 369 
                }}
374 
                >
 370 
              >
375 
                  Conectar
 371 
                Conectar
376 
                </a>
 372 
              </a>
377 
              </li>
 373 
            </li>
378 
            )
 374 
          )
379 
          }
 375 
        }
380 
          {
 376 
        {
381 
            link_cancel && (
 377 
          link_cancel && (
382 
              <li>
 378 
            <li>
383 
                <a
 379 
              <a
384 
                  href="#"
 380 
                href="#"
385 
                  className="btn btn-secondary"
 381 
                className="btn btn-secondary"
386 
                  onClick={(e) => {
 382 
                onClick={(e) => {
387 
                    e.preventDefault();
 383 
                  e.preventDefault();
388 
                    handleCancelConfirmationBox();
 384 
                  handleCancelConfirmationBox();
389 
                  }}
 385 
                }}
390 
                >
 386 
              >
391 
                  Cancelar
 387 
                Cancelar
392 
                </a>
 388 
              </a>
393 
              </li>
 389 
            </li>
394 
            )
 390 
          )
395 
          }
 391 
        }
396 
          {
 392 
        {
397 
            link_leave && (
 393 
          link_leave && (
398 
              <li>
 394 
            <li>
399 
                <a
 395 
              <a
400 
                  href="#"
 396 
                href="#"
401 
                  className="btn btn-secondary"
 397 
                className="btn btn-secondary"
402 
                  onClick={(e) => {
 398 
                onClick={(e) => {
403 
                    e.preventDefault();
 399 
                  e.preventDefault();
404 
                    handleLeaveConfirmationBox();
 400 
                  handleLeaveConfirmationBox();
405 
                  }}
 401 
                }}
406 
                >
 402 
              >
407 
                  Abandonar
 403 
                Abandonar
408 
                </a>
 404 
              </a>
409 
              </li>
 405 
            </li>
Línea 410... Línea 406...
410 
            )
 406 
          )
411 
          }
 407 
        }
412 
 
 408 
 
413 
        </ul>
 409 
      </ul>
414 
      </div>
 410 
      {
415 
      {link_delete && (
 411 
        link_delete && (
416 
        <div style={{ position: "relative" }}>
 412 
          <div style={{ position: "relative" }}>
417 
          <ConfirmationBox
 413 
            <ConfirmationBox
418 
            show={showConfirmationBox}
 414 
              show={showConfirmationBox}
419 
            onClose={() => handleShowConfirmationBox(false)}
 415 
              onClose={() => handleShowConfirmationBox(false)}
- 
 
 416 
              onAccept={() => handleCancelApply(link_delete)}
420 
            onAccept={() => handleCancelApply(link_delete)}
 417 
            />
- 
 
 418 
          </div>
421 
          />
 419 
        )
422 
        </div>
 420 
      }
423 
      )}
 421 
      {
424 
      {link_cancel && (
 422 
        link_cancel && (
425 
        <div style={{ position: "relative" }}>
 423 
          <div style={{ position: "relative" }}>
426 
          <ConfirmationBox
 424 
            <ConfirmationBox
427 
            show={showCancelConfirmationBox}
 425 
              show={showCancelConfirmationBox}
428 
            onClose={() => handleCancelConfirmationBox(false)}
 426 
              onClose={() => handleCancelConfirmationBox(false)}
- 
 
 427 
              onAccept={() => handleCancelApply(link_cancel)}
429 
            onAccept={() => handleCancelApply(link_cancel)}
 428 
            />
- 
 
 429 
          </div>
430 
          />
 430 
        )
431 
        </div>
 431 
      }
432 
      )}
 432 
      {
433 
      {link_block && (
 433 
        link_block && (
434 
        <div style={{ position: "relative" }}>
 434 
          <div style={{ position: "relative" }}>
435 
          <ConfirmationBox
 435 
            <ConfirmationBox
436 
            show={showBlockConfirmationBox}
 436 
              show={showBlockConfirmationBox}
437 
            onClose={() => handleBlockConfirmationBox(false)}
 437 
              onClose={() => handleBlockConfirmationBox(false)}
- 
 
 438 
              onAccept={() => handleCancelApply(link_block)}
438 
            onAccept={() => handleCancelApply(link_block)}
 439 
            />
- 
 
 440 
          </div>
439 
          />
 441 
        )
440 
        </div>
 442 
      }
441 
      )}
 443 
      {
442 
      {link_approve && (
 444 
        link_approve && (
443 
        <div style={{ position: "relative" }}>
 445 
          <div style={{ position: "relative" }}>
444 
          <ConfirmationBox
 446 
            <ConfirmationBox
445 
            show={showApproveConfirmationBox}
 447 
              show={showApproveConfirmationBox}
446 
            onClose={() => handleApproveConfirmationBox(false)}
 448 
              onClose={() => handleApproveConfirmationBox(false)}
- 
 
 449 
              onAccept={() => handleCancelApply(link_approve)}
447 
            onAccept={() => handleCancelApply(link_approve)}
 450 
            />
- 
 
 451 
          </div>
448 
          />
 452 
        )
449 
        </div>
 453 
      }
450 
      )}
 454 
      {
451 
      {link_reject && (
 455 
        link_reject && (
452 
        <div style={{ position: "relative" }}>
 456 
          <div style={{ position: "relative" }}>
453 
          <ConfirmationBox
 457 
            <ConfirmationBox
454 
            show={showRejectConfirmationBox}
 458 
              show={showRejectConfirmationBox}
455 
            onClose={() => handleRejectConfirmationBox(false)}
 459 
              onClose={() => handleRejectConfirmationBox(false)}
- 
 
 460 
              onAccept={() => handleCancelApply(link_reject)}
456 
            onAccept={() => handleCancelApply(link_reject)}
 461 
            />
- 
 
 462 
          </div>
457 
          />
 463 
        )
458 
        </div>
 464 
      }
459 
      )}
 465 
      {
460 
      {link_request && (
 466 
        link_request && (
461 
        <div style={{ position: "relative" }}>
 467 
          <div style={{ position: "relative" }}>
462 
          <ConfirmationBox
 468 
            <ConfirmationBox
463 
            show={showRequestConfirmationBox}
 469 
              show={showRequestConfirmationBox}
464 
            onClose={() => handleRequestConfirmationBox(false)}
 470 
              onClose={() => handleRequestConfirmationBox(false)}
- 
 
 471 
              onAccept={() => handleCancelApply(link_request)}
465 
            onAccept={() => handleCancelApply(link_request)}
 472 
            />
- 
 
 473 
          </div>
466 
          />
 474 
        )
467 
        </div>
 475 
      }
468 
      )}
 476 
      {
469 
      {link_unblock && (
 477 
        link_unblock && (
470 
        <div style={{ position: "relative" }}>
 478 
          <div style={{ position: "relative" }}>
471 
          <ConfirmationBox
 479 
            <ConfirmationBox
472 
            show={showUnblockConfirmationBox}
 480 
              show={showUnblockConfirmationBox}
473 
            onClose={() => handleUnblockConfirmationBox(false)}
 481 
              onClose={() => handleUnblockConfirmationBox(false)}
- 
 
 482 
              onAccept={() => handleCancelApply(link_unblock)}
474 
            onAccept={() => handleCancelApply(link_unblock)}
 483 
            />
- 
 
 484 
          </div>
475 
          />
 485 
        )
476 
        </div>
 486 
      }
477 
      )}
 487 
      {
478 
      {link_leave && (
 488 
        link_leave && (
479 
        <div style={{ position: "relative" }}>
 489 
          <div style={{ position: "relative" }}>
480 
          <ConfirmationBox
 490 
            <ConfirmationBox
481 
            show={showLeaveConfirmationBox}
 491 
              show={showLeaveConfirmationBox}
482 
            onClose={() => handleLeaveConfirmationBox(false)}
 492 
              onClose={() => handleLeaveConfirmationBox(false)}
- 
 
 493 
              onAccept={() => handleCancelApply(link_leave)}
483 
            onAccept={() => handleCancelApply(link_leave)}
 494 
            />
- 
 
 495 
          </div>
484 
          />
 496 
        )
485 
        </div>
 497 
      }
486 
      )}
 498 
      {
487 
      {loading && (
 499 
        loading && (
- 
 
 500 
          <StyledSpinnerContainer>
488 
        <StyledSpinnerContainer>
 501 
            <Spinner />
489 
          <Spinner />
 502 
          </StyledSpinnerContainer>
490 
        </StyledSpinnerContainer>
 503 
        )
491 
      )}
 504 
      }
Línea 492... Línea 505...
492 
    </div>
 505 
    </div >