Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 5326 Rev 5328
Línea 339... Línea 339...
339 
      }
 339 
      }
340 
    })
 340 
    })
341 
  }
 341 
  }
Línea 342... Línea 342...
342 
 
 342 
 
343 
  const tabsOptions = {
 343 
  const tabsOptions = {
344 
    group: () => (
 344 
    group:
345 
      <ul>
 345 
      <ul>
346 
        {url_get_contact_group_list &&
 346 
        {url_get_contact_group_list &&
347 
          <li className="optionsTab__option" onClick={() => handleChangeTab('listContacts')}>
 347 
          <li className="optionsTab__option" onClick={() => handleChangeTab('listContacts')}>
348 
            <span className="optionsTab__option__icon">
 348 
            <span className="optionsTab__option__icon">
Línea 398... Línea 398...
398 
              <i className="fa fa-user-times"></i>
 398 
              <i className="fa fa-user-times"></i>
399 
            </span>
 399 
            </span>
400 
            Dejar grupo
 400 
            Dejar grupo
401 
          </li>
 401 
          </li>
402 
        }
 402 
        }
403 
      </ul>
 403 
      </ul>,
404 
    ),
 - 
 
405 
    conference: () => (
 404 
    conference:
406 
      <ul>
 405 
      <ul>
407 
        <li className="optionsTab__option" onClick={displayConferenceModal}>
 406 
        <li className="optionsTab__option" onClick={displayConferenceModal}>
408 
          <span className="optionsTab__option__icon">
 407 
          <span className="optionsTab__option__icon">
409 
            <i className="fa fa-user-plus" />
 408 
            <i className="fa fa-user-plus" />
410 
          </span>
 409 
          </span>
411 
          {CHAT_LABELS.CREATE_CONFERENCE}
 410 
          {CHAT_LABELS.CREATE_CONFERENCE}
412 
        </li>
 411 
        </li>
413 
      </ul>
 412 
      </ul>,
414 
    ),
 - 
 
415 
    addContacts: () => (
 413 
    addContacts:
416 
      <>
 414 
      <>
417 
        {availableContactsToAdd.length
 415 
        {availableContactsToAdd.length
418 
          ? <EmptySection message={CHAT_LABELS.NOT_CONTACTS} align='left' />
 416 
          ? <EmptySection message={CHAT_LABELS.NOT_CONTACTS} align='left' />
419 
          : availableContactsToAdd.map(({ image, name, id }) =>
 417 
          : availableContactsToAdd.map(({ image, name, id }) =>
420 
            <div className="addPersonToGroupTab__person" key={id}>
 418 
            <div className="addPersonToGroupTab__person" key={id}>
Línea 431... Línea 429...
431 
              <span className='cursor-pointer' onClick={() => handleAddPersonToGroup(id)}>
 429 
              <span className='cursor-pointer' onClick={() => handleAddPersonToGroup(id)}>
432 
                <i className="fa fa-plus-circle" />
 430 
                <i className="fa fa-plus-circle" />
433 
              </span>
 431 
              </span>
434 
            </div>
 432 
            </div>
435 
          )}
 433 
          )}
436 
      </>
 434 
      </>,
437 
    ),
 - 
 
438 
    listContacts: () => (
 435 
    listContacts:
439 
      <>
 436 
      <>
440 
        <div className='group__search'>
 437 
        <div className='group__search'>
441 
          <SearchIcon />
 438 
          <SearchIcon />
442 
          <input
 439 
          <input
443 
            type='text'
 440 
            type='text'
Línea 468... Línea 465...
468 
            )
 465 
            )
469 
          })
 466 
          })
470 
          : <div className="addPersonToGroupTab__person">{CHAT_LABELS.NOT_CONTACTS}</div>
 467 
          : <div className="addPersonToGroupTab__person">{CHAT_LABELS.NOT_CONTACTS}</div>
471 
        }
 468 
        }
472 
      </>
 469 
      </>
473 
    )
 - 
 
474 
  }
 470 
  }
Línea 475... Línea 471...
475 
 
 471 
 
476 
  const userChat = (
 472 
  return (
477 
    <>
 473 
    <>
Línea 478... Línea 474...
478 
      <div className="personal-chat">
 474 
      <div className="personal-chat">
479 
 
 475 
 
480 
        <div className={`chat-header ${not_seen_messages ? 'notify' : ''}`}>
 476 
        <div className={`chat-header ${not_seen_messages ? 'notify' : ''}`}>
481 
          <img src={image} alt="avatar-image" />
 477 
          <img src={image} alt="avatar-image" />
482 
          <div className="info-content">
 478 
          <div className="info-content">
483 
            <a href={profile} target="_blank" rel="noreferrer">{name}</a>
 479 
            <a href={profile} target="_blank" rel="noreferrer">{name}</a>
Línea 484... Línea 480...
484 
            <small className={online ? 'online' : 'offline'} >{online ? 'En línea' : 'Desconectado'}</small>
 480 
            {type === 'user' && <small className={online ? 'online' : 'offline'} >{online ? 'En línea' : 'Desconectado'}</small>}
485 
          </div>
 481 
          </div>
486 
 
 482 
 
487 
          <div className="options">
 483 
          <div className="options">
488 
              <i className="cursor-pointer fa fa-gear"
 484 
            <i className="cursor-pointer fa fa-gear"
489 
              onClick={() => {
 485 
              onClick={() => {
490 
                handleChangeTab('conference')
 486 
                if (type === 'user') handleChangeTab('conference')
491 
                handleShowOptions()
 487 
                handleShowOptions()
492 
              }} />
 488 
              }} />
493 
              <i className={'cursor-pointer fa fa-minus-circle'} onClick={handleActive} />
 489 
            <i className={'cursor-pointer fa fa-minus-circle'} onClick={handleActive} />
Línea 494... Línea 490...
494 
              <i className="cursor-pointer fa fa-times-circle" onClick={handleCloseChat} />
 490 
            <i className="cursor-pointer fa fa-times-circle" onClick={handleCloseChat} />
Línea 504... Línea 500...
504 
            <div className="optionsTab">
 500 
            <div className="optionsTab">
505 
              {tabsOptions[optionTab]}
 501 
              {tabsOptions[optionTab]}
506 
            </div>
 502 
            </div>
507 
          </StyledShowOptions>
 503 
          </StyledShowOptions>
Línea 508... Línea -...
508 
 
 - 
 
509 
          <div
 - 
 
510 
            className="chat-conversation"
 504 
 
511 
            style={{ position: 'relative', display: showOptions ? 'none' : 'block' }}
 - 
 
512 
          >
 505 
          <div className="chat-conversation" style={{ display: showOptions ? 'none' : 'block' }}>
513 
            <div className="reverseChatBox" ref={conversationListEl}>
 - 
 
514 
              <ul
 506 
            <div className="reverseChatBox" ref={conversationListEl}>
515 
                className="conversation-list chatboxcontent"
 - 
 
516 
                id="resultchat_'+chatboxtitle+'"
 - 
 
517 
              >
 507 
              <ul className="conversation-list chatboxcontent">
518 
                {messagesRender()}
 508 
                {messagesRender()}
519 
              </ul>
 509 
              </ul>
- 
 
 510 
            </div>
520 
            </div>
 511 
 
521 
            <div className="wchat-footer wchat-chat-footer">
 512 
            <div className="wchat-footer wchat-chat-footer">
Línea 522... Línea 513...
522 
              <div id="chatFrom" className="chatFrom">
 513 
              <div id="chatFrom" className="chatFrom">
523 
 
 514 
 
Línea 564... Línea 555...
564 
            </div>
 555 
            </div>
Línea 565... Línea 556...
565 
 
 556 
 
566 
          </div>
 557 
          </div>
567 
        </div>
 558 
        </div>
568 
      </div>
 - 
 
569 
 
 - 
 
570 
      <SendFileModal
 - 
 
571 
        show={shareFileModalShow}
 - 
 
572 
        onHide={() => setShareFileModalShow(false)}
 - 
 
573 
        urlUpload={url_upload}
 - 
 
574 
      />
 - 
 
575 
      <ConferenceModal
 - 
 
576 
        show={showConferenceModal}
 - 
 
577 
        timezones={timezones}
 - 
 
578 
        zoomUrl={url_zoom}
 - 
 
579 
        onCreate={() => {
 - 
 
580 
          handleShowOptions()
 - 
 
581 
          displayConferenceModal()
 - 
 
582 
        }}
 - 
 
583 
      />
 - 
 
584 
    </>
 - 
 
585 
  )
 - 
 
586 
 
 - 
 
587 
  const groupChat = (
 - 
 
588 
    <>
 - 
 
589 
      <div className="chatbox active-chat " ref={chatboxEl}>
 - 
 
590 
        <div className="panel personal-chat">
 - 
 
591 
          <div className={`panel-heading chatboxhead ${not_seen_messages ? 'notify' : ''}`}>
 - 
 
592 
            <div className="panel-title-group">
 - 
 
593 
              <img
 - 
 
594 
                className="chat-image img-circle pull-left"
 - 
 
595 
                height="36"
 - 
 
596 
                width="36"
 - 
 
597 
                src="/images/users-group.png"
 - 
 
598 
                alt="avatar-image"
 - 
 
599 
              />
 - 
 
600 
 
 - 
 
601 
              <div className="header-elements">
 - 
 
602 
                <p>{name}</p>
 - 
 
603 
 
 - 
 
604 
                <div className="pull-right options">
 - 
 
605 
                  <div className="btn-group addUser" />
 - 
 
606 
                  <i className="fa fa-gear" onClick={handleShowOptions} />
 - 
 
607 
                </div>
 - 
 
608 
                <div className="btn-group">
 - 
 
609 
                  <i className='fa fa-minus-circle' onClick={handleActive} />
 - 
 
610 
                </div>
 - 
 
611 
                <div className="btn-group">
 - 
 
612 
                  <i className="fa fa-times-circle" onClick={handleCloseChat} />
 - 
 
613 
                </div>
 - 
 
614 
              </div>
 - 
 
615 
 
 - 
 
616 
            </div>
 - 
 
617 
          </div>
 - 
 
618 
 
 - 
 
619 
          <div className="panel-body" style={{ display: !minimized ? 'block' : 'none' }}>
 - 
 
620 
            <StyledShowOptions className={` ${showOptions ? 'show' : 'hide'}`}>
 - 
 
621 
 
 - 
 
622 
            </StyledShowOptions>
 - 
 
623 
 
 - 
 
624 
            <div
 - 
 
625 
              className="chat-conversation"
 - 
 
626 
              style={{
 - 
 
627 
                display: showOptions ? 'none' : 'block',
 - 
 
628 
                position: 'relative'
 - 
 
629 
              }}
 - 
 
630 
            >
 - 
 
631 
              <div className="reverseChatBox" ref={conversationListEl}>
 - 
 
632 
                <ul
 - 
 
633 
                  className="conversation-list chatboxcontent"
 - 
 
634 
                  id="resultchat_'+chatboxtitle+'"
 - 
 
635 
                >
 - 
 
636 
                  {messagesRender()}
 - 
 
637 
                </ul>
 - 
 
638 
              </div>
 - 
 
639 
              <div className="wchat-footer wchat-chat-footer">
 - 
 
640 
                <div id="chatFrom">
 - 
 
641 
                  <div className="block-wchat">
 - 
 
642 
                    <button
 - 
 
643 
                      className="icon ti-clip attachment font-24 btn-attach btn-attach uploadFile"
 - 
 
644 
                      id="uploadFile"
 - 
 
645 
                      onClick={handleShareFileModalShow}
 - 
 
646 
                    ></button>
 - 
 
647 
                    <button
 - 
 
648 
                      className="icon ti-face-smile font-24 btn-emoji"
 - 
 
649 
                      id="toggle-emoji"
 - 
 
650 
                      onClick={handleShowEmojiTab}
 - 
 
651 
                    ></button>
 - 
 
652 
                    <div className="input-container">
 - 
 
653 
                      <div className="input-emoji">
 - 
 
654 
                        <div
 - 
 
655 
                          className="input-placeholder"
 - 
 
656 
                          style={{ visibility: 'hidden', display: 'none' }}
 - 
 
657 
                        >
 - 
 
658 
                          {CHAT_LABELS.WRITE_A_MESSAGE}
 - 
 
659 
                        </div>
 - 
 
660 
                        <textarea
 - 
 
661 
                          className="input chatboxtextarea"
 - 
 
662 
                          name="chattxt"
 - 
 
663 
                          style={{ resize: 'none', height: '20px' }}
 - 
 
664 
                          placeholder={CHAT_LABELS.WRITE_A_MESSAGE}
 - 
 
665 
                          onKeyDown={handleChatBoxKeyDown}
 - 
 
666 
                          ref={textAreaEl}
 - 
 
667 
                          onFocus={() => not_seen_messages && onRead(entity)}
 - 
 
668 
                        />
 - 
 
669 
                        <input
 - 
 
670 
                          id="to_uname"
 - 
 
671 
                          name="to_uname"
 - 
 
672 
                          value="'+chatboxtitle+'"
 - 
 
673 
                          type="hidden"
 - 
 
674 
                        />
 - 
 
675 
                        <input
 - 
 
676 
                          id="from_uname"
 - 
 
677 
                          name="from_uname"
 - 
 
678 
                          value="Beenny"
 - 
 
679 
                          type="hidden"
 - 
 
680 
                        />
 - 
 
681 
                      </div>
 - 
 
682 
                    </div>
 - 
 
683 
                  </div>
 - 
 
684 
                </div>
 - 
 
685 
                <div className="wchat-box-items-positioning-container">
 - 
 
686 
                  <div className="wchat-box-items-overlay-container">
 - 
 
687 
                    <div
 - 
 
688 
                      className="target-emoji"
 - 
 
689 
                      style={{ display: showEmojiTab ? 'block' : 'none' }}
 - 
 
690 
                    >
 - 
 
691 
                      <div id={`smileyPanel_${id}`}>
 - 
 
692 
                        <div>
 - 
 
693 
                          <Emojione onClickEmoji={handleClickEmoji} />
 - 
 
694 
                        </div>
 - 
 
695 
                      </div>
 - 
 
696 
                    </div>
 - 
 
697 
                  </div>
 - 
 
698 
                </div>
 - 
 
699 
              </div>
 - 
 
700 
            </div>
 - 
 
701 
          </div>
 - 
 
702 
        </div>
 - 
 
703 
      </div>
 559 
      </div>
704 
      <ConfirmModal
 560 
      <ConfirmModal
705 
        show={confirmModalShow}
 561 
        show={confirmModalShow}
706 
        onClose={handleConfirmModalShow}
 562 
        onClose={handleConfirmModalShow}
707 
        onAccept={handleConfirmModalAccept}
 563 
        onAccept={handleConfirmModalAccept}
Línea 720... Línea 576...
720 
        onHide={() => setShareFileModalShow(false)}
 576 
        onHide={() => setShareFileModalShow(false)}
721 
        urlUpload={url_upload}
 577 
        urlUpload={url_upload}
722 
      />
 578 
      />
723 
    </>
 579 
    </>
724 
  )
 580 
  )
725 
 
 - 
 
726 
  switch (type) {
 - 
 
727 
    case 'user':
 - 
 
728 
      return userChat
 - 
 
729 
    case 'group':
 - 
 
730 
      return groupChat
 - 
 
731 
    default:
 - 
 
732 
      break
 - 
 
733 
  }
 - 
 
734 
}
 581 
}
Línea 735... Línea 582...
735 
 
 582 
 
736 
const StyleModal = ({
 583 
const StyleModal = ({
737 
  title = 'Crea una conferencia',
 584 
  title = 'Crea una conferencia',