Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 7317 Rev 7320
Línea 7... Línea 7...
7 
import TextBox from './TextBox'
 7 
import TextBox from './TextBox'
8 
import ChatList from './ChatList'
 8 
import ChatList from './ChatList'
9 
import EmptySection from '../../UI/EmptySection'
 9 
import EmptySection from '../../UI/EmptySection'
10 
import ConfirmModal from '../../modals/ConfirmModal'
 10 
import ConfirmModal from '../../modals/ConfirmModal'
11 
import ConferenceModal from '../../modals/ConferenceModal'
 11 
import ConferenceModal from '../../modals/ConferenceModal'
- 
 
 12 
import { Avatar, IconButton } from '@mui/material'
- 
 
 13 
import { Add } from '@mui/icons-material'
Línea 12... Línea 14...
12 
 
 14 
 
13 
const StyledShowOptions = styled.div`
 15 
const StyledShowOptions = styled.div`
14 
  height: 342px;
 16 
  height: 342px;
15 
  flex-direction: column;
 17 
  flex-direction: column;
Línea 266... Línea 268...
266 
            onClick={() => showOptions(OPTIONS.ADD_CONTACTS)}
 268 
            onClick={() => showOptions(OPTIONS.ADD_CONTACTS)}
267 
          >
 269 
          >
268 
            <span className="optionsTab__option__icon">
 270 
            <span className="optionsTab__option__icon">
269 
              <i className="fa fa-user-plus"></i>
 271 
              <i className="fa fa-user-plus"></i>
270 
            </span>
 272 
            </span>
271 
            {labels.ADD_CONTACTS}
 273 
            {labels.add_contacts}
272 
          </li>
 274 
          </li>
273 
        )}
 275 
        )}
274 
        {entity?.url_zoom && (
 276 
        {entity?.url_zoom && (
275 
          <li className="optionsTab__option" onClick={displayConferenceModal}>
 277 
          <li className="optionsTab__option" onClick={displayConferenceModal}>
276 
            <span className="optionsTab__option__icon">
 278 
            <span className="optionsTab__option__icon">
277 
              <i className="fa fa-user-plus" />
 279 
              <i className="fa fa-user-plus" />
278 
            </span>
 280 
            </span>
279 
            {labels.CREATE_CONFERENCE}
 281 
            {labels.create_conference}
280 
          </li>
 282 
          </li>
281 
        )}
 283 
        )}
282 
        {entity?.url_delete && (
 284 
        {entity?.url_delete && (
283 
          <li
 285 
          <li
284 
            className="optionsTab__option"
 286 
            className="optionsTab__option"
Línea 315... Línea 317...
315 
      <ul>
 317 
      <ul>
316 
        <li className="optionsTab__option" onClick={displayConferenceModal}>
 318 
        <li className="optionsTab__option" onClick={displayConferenceModal}>
317 
          <span className="optionsTab__option__icon">
 319 
          <span className="optionsTab__option__icon">
318 
            <i className="fa fa-user-plus" />
 320 
            <i className="fa fa-user-plus" />
319 
          </span>
 321 
          </span>
320 
          {labels.CREATE_CONFERENCE}
 322 
          {labels.create_conference}
321 
        </li>
 323 
        </li>
322 
      </ul>
 324 
      </ul>
323 
    ),
 325 
    ),
324 
    addContacts: (
 326 
    addContacts: (
325 
      <>
 327 
      <>
326 
        {!availableContactsToAdd.length ? (
 328 
        {!availableContactsToAdd.length ? (
327 
          <EmptySection message={labels.NOT_CONTACTS} align="left" />
 329 
          <EmptySection message={labels.not_contacts} />
328 
        ) : (
 330 
        ) : (
- 
 
 331 
          <ul>
329 
          availableContactsToAdd.map(({ image, name, id }) => (
 332 
            {availableContactsToAdd.map(({ image, name, id }) => (
- 
 
 333 
              <li key={id}>
330 
            <div className="addPersonToGroupTab__person" key={id}>
 334 
                <div className="addPersonToGroupTab__person">
331 
              <div className="d-inline-flex" style={{ gap: '5px' }}>
 335 
                  <div className="d-inline-flex" style={{ gap: '5px' }}>
332 
                <img
 336 
                    <Avatar
333 
                  className="chat-image img-circle pull-left"
 337 
                      src={image}
334 
                  height="36"
 338 
                      alt={`${name} profile image`}
335 
                  width="36"
 339 
                      sx={{
336 
                  src={image}
 340 
                        height: '36px',
337 
                  alt="image-image"
 341 
                        width: '36px',
338 
                />
 342 
                      }}
339 
                <div className="name">{name}</div>
 - 
 
340 
              </div>
 343 
                    />
341 
              <span
 344 
                    <span>{name}</span>
342 
                className="cursor-pointer"
 345 
                  </div>
343 
                onClick={() => handleAddPersonToGroup(id)}
 346 
                  <IconButton onClick={() => handleAddPersonToGroup(id)}>
344 
              >
 347 
                    <Add />
345 
                <i className="fa fa-plus-circle" />
 348 
                  </IconButton>
346 
              </span>
 349 
                </div>
347 
            </div>
 350 
              </li>
348 
          ))
 351 
            ))}
- 
 
 352 
          </ul>
349 
        )}
 353 
        )}
350 
      </>
 354 
      </>
351 
    ),
 355 
    ),
352 
    listContacts: (
 356 
    listContacts: (
353 
      <>
 357 
      <>
354 
        <div className="group__search">
 358 
        <div className="group__search">
355 
          <SearchIcon />
 359 
          <SearchIcon />
356 
          <input
 360 
          <input
357 
            type="text"
 361 
            type="text"
358 
            placeholder={labels.SEARCH}
 362 
            placeholder={labels.search}
359 
            onChange={(e) => setSearch(e.target.value)}
 363 
            onChange={(e) => setSearch(e.target.value)}
360 
          />
 364 
          />
361 
        </div>
 365 
        </div>
362 
        {filtredGroupList.length ? (
 366 
        {filtredGroupList.length ? (
363 
          filtredGroupList.map(({ image, name, url_remove_from_group, id }) => {
 367 
          filtredGroupList.map(({ image, name, url_remove_from_group, id }) => {
Línea 386... Línea 390...
386 
              </div>
 390 
              </div>
387 
            )
 391 
            )
388 
          })
 392 
          })
389 
        ) : (
 393 
        ) : (
390 
          <div className="addPersonToGroupTab__person">
 394 
          <div className="addPersonToGroupTab__person">
391 
            {labels.NOT_CONTACTS}
 395 
            {labels.not_contacts}
392 
          </div>
 396 
          </div>
393 
        )}
 397 
        )}
394 
      </>
 398 
      </>
395 
    ),
 399 
    ),
396 
  }
 400 
  }