Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 7322 Rev 7323
Línea 314... Línea 314...
314
            Dejar grupo
314
            Dejar grupo
315
          </li>
315
          </li>
316
        )}
316
        )}
317
      </ul>
317
      </ul>
318
    ),
318
    ),
319
    conference: (
-
 
320
      <ul>
-
 
321
        <li className="optionsTab__option" onClick={displayConferenceModal}>
-
 
322
          <span className="optionsTab__option__icon">
-
 
323
            <i className="fa fa-user-plus" />
-
 
324
          </span>
-
 
325
          {labels.create_conference}
-
 
326
        </li>
-
 
327
      </ul>
-
 
328
    ),
-
 
329
    addContacts: (
319
    addContacts: (
330
      <>
320
      <>
331
        {availableContactsToAdd.length ? (
321
        {availableContactsToAdd.length ? (
332
          <>
-
 
333
            <IconButton onClick={() => showOptions(OPTIONS.INITIAL)}>
-
 
334
              <ArrowBackIos />
-
 
335
            </IconButton>
-
 
336
            <ul>
322
          <ul>
337
              {availableContactsToAdd.map(({ image, name, id }) => (
323
            {availableContactsToAdd.map(({ image, name, id }) => (
338
                <li key={id}>
324
              <li key={id}>
339
                  <div className="contact-tab">
325
                <div className="contact-tab">
340
                    <div className="info">
326
                  <div className="info">
341
                      <Avatar
327
                    <Avatar
342
                        src={image}
328
                      src={image}
343
                        alt={`${name} profile image`}
329
                      alt={`${name} profile image`}
344
                        sx={{
330
                      sx={{
345
                          height: '36px',
331
                        height: '36px',
346
                          width: '36px',
332
                        width: '36px',
347
                        }}
333
                      }}
348
                      />
334
                    />
349
                      <span>{name}</span>
335
                    <span>{name}</span>
350
                    </div>
-
 
351
                    <IconButton onClick={() => handleAddPersonToGroup(id)}>
-
 
352
                      <Add />
-
 
353
                    </IconButton>
-
 
354
                  </div>
336
                  </div>
-
 
337
                  <IconButton onClick={() => handleAddPersonToGroup(id)}>
-
 
338
                    <Add />
-
 
339
                  </IconButton>
355
                </li>
340
                </div>
356
              ))}
341
              </li>
357
            </ul>
342
            ))}
358
          </>
343
          </ul>
359
        ) : (
344
        ) : (
360
          <EmptySection message={labels.not_contacts} />
345
          <EmptySection message={labels.not_contacts} />
361
        )}
346
        )}
362
      </>
347
      </>
363
    ),
348
    ),
364
    listContacts: (
349
    listContacts: (
365
      <>
350
      <>
366
        <IconButton onClick={() => showOptions(OPTIONS.INITIAL)}>
-
 
367
          <ArrowBackIos />
-
 
368
        </IconButton>
-
 
369
        <SearchInput onChange={(e) => setSearch(e.target.value)} />
351
        <SearchInput onChange={(e) => setSearch(e.target.value)} />
370
        {filtredGroupList.length ? (
352
        {filtredGroupList.length ? (
371
          <ul>
353
          <ul>
372
            {filtredGroupList.map(
354
            {filtredGroupList.map(
373
              ({ image, name, url_remove_from_group, id }) => {
355
              ({ image, name, url_remove_from_group, id }) => {
Línea 469... Línea 451...
469
      <div className="personal-chat">
451
      <div className="personal-chat">
470
        <div className={`chat-header ${not_seen_messages ? 'notify' : ''}`}>
452
        <div className={`chat-header ${not_seen_messages ? 'notify' : ''}`}>
471
          <img src={entity?.image} alt="avatar-image" />
453
          <img src={entity?.image} alt="avatar-image" />
472
          <div className="info-content">
454
          <div className="info-content">
473
            <a href={entity?.profile} target="_blank" rel="noreferrer">
455
            <a href={entity?.profile} target="_blank" rel="noreferrer">
474
              {name}
456
              {entity?.name}
475
            </a>
457
            </a>
476
            {entity?.type === 'user' && (
458
            {entity?.type === 'user' && (
477
              <small className={entity?.online ? 'online' : 'offline'}>
459
              <small className={entity?.online ? 'online' : 'offline'}>
478
                {entity?.online ? 'En línea' : 'Desconectado'}
460
                {entity?.online ? 'En línea' : 'Desconectado'}
479
              </small>
461
              </small>
Línea 503... Línea 485...
503
          className="panel-body"
485
          className="panel-body"
504
          style={{ display: !minimized ? 'block' : 'none' }}
486
          style={{ display: !minimized ? 'block' : 'none' }}
505
        >
487
        >
506
          {optionTab ? (
488
          {optionTab ? (
507
            <StyledShowOptions>
489
            <StyledShowOptions>
-
 
490
              <IconButton
-
 
491
                sx={{ marginLeft: '.5rem' }}
508
              <span className="optionBack" onClick={() => showOptions()}>
492
                onClick={() => showOptions(OPTIONS.INITIAL)}
-
 
493
              >
509
                <i className="fa icon-arrow-left" />
494
                <ArrowBackIos />
510
              </span>
495
              </IconButton>
511
              <div className="optionsTab">{tabsOptions[optionTab]}</div>
496
              <div className="optionsTab">{tabsOptions[optionTab]}</div>
512
            </StyledShowOptions>
497
            </StyledShowOptions>
513
          ) : (
498
          ) : (
514
            <>
499
            <>
515
              <ChatList
500
              <ChatList