Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 14578 Rev 14579
Línea 254... Línea 254...
254 
	}
 254 
	}
Línea 255... Línea 255...
255 
 
 255 
 
256 
	const scrollToBottom = () => {
 256 
	const scrollToBottom = () => {
257 
		if (conversationListEl.current) {
 257 
		if (conversationListEl.current) {
258 
			conversationListEl.current.scrollTop =
 258 
			conversationListEl.current.scrollTop =
259 
        conversationListEl.current.scrollHeight * 9
 259 
				conversationListEl.current.scrollHeight * 9
260 
		}
 260 
		}
Línea 261... Línea 261...
261 
	}
 261 
	}
262 
 
 262 
 
Línea 358... Línea 358...
358 
	}
 358 
	}
Línea 359... Línea 359...
359 
 
 359 
 
360 
	const messagesRender = () => {
 360 
	const messagesRender = () => {
361 
		return (
 361 
		return (
362 
			<React.Fragment>
 362 
			<React.Fragment>
363 
				{currentPage < pages ? <li ref={loader}>Cargando...</li> : ''}
 363 
				{currentPage < pages && <li ref={loader}>Cargando...</li>}
364 
				{oldMessages.map((oldMessage, index) => (
 364 
				{oldMessages.map((oldMessage, index) =>
365 
					<MessageTemplate key={index} message={oldMessage} />
 365 
					<MessageTemplate key={index} message={oldMessage} />
366 
				))}
 366 
				)}
367 
				{messages.map((message, i) => {
 - 
 
368 
					let currentTime = message.time
 - 
 
369 
					let prevMessage = messages[i - 1]
 - 
 
370 
					const dailys = ['mess', 'semana', 'dias', 'anio']
 - 
 
371 
					const date = new Date(Date.now()).toLocaleDateString()
 - 
 
372 
 
 - 
 
373 
					if (prevMessage !== undefined) {
 - 
 
374 
						let prevTime = messages[i - 1].time
 - 
 
375 
 
 - 
 
376 
						if (prevTime !== currentTime && dailys.includes(prevTime.split(' ')[1])) {
 - 
 
377 
							return <>
 - 
 
378 
								<h2 className="text-center">{date}</h2>
 367 
				{messages.map((message, i) =>
379 
								<MessageTemplate
 - 
 
380 
									message={message}
 - 
 
381 
									setResponseMessage={handleResponseMessage}
 - 
 
382 
									responseMessage={responseMessage}
 - 
 
383 
								/>
 - 
 
384 
							</>
 - 
 
385 
						}
 - 
 
386 
					}
 - 
 
387 
 
 - 
 
388 
					return <MessageTemplate
 368 
					<MessageTemplate
389 
						key={i}
 369 
						key={i}
390 
						message={message}
 370 
						message={message}
391 
						setResponseMessage={handleResponseMessage}
 371 
						setResponseMessage={handleResponseMessage}
392 
						responseMessage={responseMessage}
 372 
						responseMessage={responseMessage}
393 
					/>
 373 
					/>
394 
				})}
 374 
				)}
395 
			</React.Fragment>
 375 
			</React.Fragment>
396 
		)
 376 
		)
Línea 397... Línea 377...
397 
	}
 377 
	}
Línea 413... Línea 393...
413 
		case optionTabs.add_person_to_group:
 393 
		case optionTabs.add_person_to_group:
414 
			loadPersonsAvailable()
 394 
			loadPersonsAvailable()
415 
			break
 395 
			break
416 
		case optionTabs.group_contacts_list:
 396 
		case optionTabs.group_contacts_list:
417 
			loadGroupContacts()
 397 
			loadGroupContacts()
418 
		default:
 - 
 
419 
			break
 398 
			break
420 
		}
 399 
		}
421 
	}, [optionTab])
 400 
	}, [optionTab])
Línea 422... Línea 401...
422 
 
 401 
 
Línea 464... Línea 443...
464 
							onClick={() => handleChangeTab(optionTabs.group_contacts_list)}
 443 
							onClick={() => handleChangeTab(optionTabs.group_contacts_list)}
465 
						>
 444 
						>
466 
							<span className="optionsTab__option__icon">
 445 
							<span className="optionsTab__option__icon">
467 
								<i className="fa fa-group"></i>
 446 
								<i className="fa fa-group"></i>
468 
							</span>
 447 
							</span>
469 
              Integrantes
 448 
							Integrantes
470 
						</li>
 449 
						</li>
471 
					)}
 450 
					)}
472 
					{!!url_add_user_to_group && (
 451 
					{!!url_add_user_to_group && (
473 
						<li
 452 
						<li
474 
							className="optionsTab__option"
 453 
							className="optionsTab__option"
475 
							onClick={() => handleChangeTab(optionTabs.add_person_to_group)}
 454 
							onClick={() => handleChangeTab(optionTabs.add_person_to_group)}
476 
						>
 455 
						>
477 
							<span className="optionsTab__option__icon">
 456 
							<span className="optionsTab__option__icon">
478 
								<i className="fa fa-user-plus"></i>
 457 
								<i className="fa fa-user-plus"></i>
479 
							</span>
 458 
							</span>
480 
              Agregar contactos
 459 
							Agregar contactos
481 
						</li>
 460 
						</li>
482 
					)}
 461 
					)}
483 
					{!!url_delete && (
 462 
					{!!url_delete && (
484 
						<li
 463 
						<li
485 
							className="optionsTab__option"
 464 
							className="optionsTab__option"
Línea 490... Línea 469...
490 
							}}
 469 
							}}
491 
						>
 470 
						>
492 
							<span className="optionsTab__option__icon">
 471 
							<span className="optionsTab__option__icon">
493 
								<i className="fa fa-trash"></i>
 472 
								<i className="fa fa-trash"></i>
494 
							</span>
 473 
							</span>
495 
              Eliminar grupo
 474 
							Eliminar grupo
496 
						</li>
 475 
						</li>
497 
					)}
 476 
					)}
498 
					{!!url_leave && (
 477 
					{!!url_leave && (
499 
						<li
 478 
						<li
500 
							className="optionsTab__option"
 479 
							className="optionsTab__option"
Línea 505... Línea 484...
505 
							}}
 484 
							}}
506 
						>
 485 
						>
507 
							<span className="optionsTab__option__icon">
 486 
							<span className="optionsTab__option__icon">
508 
								<i className="fa fa-user-times"></i>
 487 
								<i className="fa fa-user-times"></i>
509 
							</span>
 488 
							</span>
510 
              Dejar grupo
 489 
							Dejar grupo
511 
						</li>
 490 
						</li>
512 
					)}
 491 
					)}
513 
				</ul>
 492 
				</ul>
514 
			</div>
 493 
			</div>
515 
		</React.Fragment>
 494 
		</React.Fragment>
Línea 651... Línea 630...
651 
                      <i className="fa fa-trash"></i>
 630 
                      <i className="fa fa-trash"></i>
652 
                    </span> */}
 631 
                    </span> */}
653 
										</div>
 632 
										</div>
654 
										<div
 633 
										<div
655 
											className="btn-group"
 634 
											className="btn-group"
656 
											// onClick="javascript:clearHistory(\''+chatboxtitle+'\')"
 635 
										// onClick="javascript:clearHistory(\''+chatboxtitle+'\')"
657 
											// href="javascript:void(0)"
 636 
										// href="javascript:void(0)"
658 
										>
 637 
										>
659 
											{/* <span>
 638 
											{/* <span>
660 
                      <i className="fa fa-trash"></i>
 639 
                      <i className="fa fa-trash"></i>
661 
                    </span> */}
 640 
                    </span> */}
662 
										</div>
 641 
										</div>
663 
										<div
 642 
										<div
664 
											className="btn-group"
 643 
											className="btn-group"
665 
											// onClick="javascript:toggleChatBoxGrowth(\''+chatboxtitle+'\')"
 644 
										// onClick="javascript:toggleChatBoxGrowth(\''+chatboxtitle+'\')"
666 
											// href="javascript:void(0)"
 645 
										// href="javascript:void(0)"
667 
										>
 646 
										>
668 
											<span>
 647 
											<span>
669 
												<i
 648 
												<i
670 
													className={'fa fa-minus-circle'}
 649 
													className={'fa fa-minus-circle'}
671 
													onClick={handleActive}
 650 
													onClick={handleActive}
672 
												></i>
 651 
												></i>
673 
											</span>
 652 
											</span>
674 
										</div>
 653 
										</div>
675 
										<div
 654 
										<div
676 
											className="btn-group"
 655 
											className="btn-group"
677 
											// onClick="javascript:closeChatBox(\''+chatboxtitle+'\')"
 656 
										// onClick="javascript:closeChatBox(\''+chatboxtitle+'\')"
678 
											// href="javascript:void(0)"
 657 
										// href="javascript:void(0)"
679 
										>
 658 
										>
680 
											<span>
 659 
											<span>
681 
												<i
 660 
												<i
682 
													className="fa fa-times-circle"
 661 
													className="fa fa-times-circle"
683 
													onClick={handleCloseChat}
 662 
													onClick={handleCloseChat}
Línea 696... Línea 675...
696 
						<div
 675 
						<div
697 
							id="uploader_'+chatboxtitle+'"
 676 
							id="uploader_'+chatboxtitle+'"
698 
							style={{ display: 'none', height: '342px' }}
 677 
							style={{ display: 'none', height: '342px' }}
699 
						>
 678 
						>
700 
							<p>
 679 
							<p>
701 
                Your browser does not have Flash, Silverlight or HTML5 support.
 680 
								Your browser does not have Flash, Silverlight or HTML5 support.
702 
							</p>
 681 
							</p>
703 
						</div>
 682 
						</div>
704 
						<div className="chat-conversation" style={{ position: 'relative' }}>
 683 
						<div className="chat-conversation" style={{ position: 'relative' }}>
705 
							<div className="reverseChatBox" ref={conversationListEl}>
 684 
							<div className="reverseChatBox" ref={conversationListEl}>
706 
								<ul
 685 
								<ul
Línea 713... Línea 692...
713 
							<div className="wchat-footer wchat-chat-footer chatboxinput">
 692 
							<div className="wchat-footer wchat-chat-footer chatboxinput">
714 
								<div id="chatFrom" className="chatFrom">
 693 
								<div id="chatFrom" className="chatFrom">
715 
									<div className={responseMessage ? 'resp_messages-container active' : 'resp_messages-container'}>
 694 
									<div className={responseMessage ? 'resp_messages-container active' : 'resp_messages-container'}>
716 
										{
 695 
										{
717 
											responseMessage
 696 
											responseMessage
718 
                      &&
 697 
											&&
719 
                      <>
 698 
											<>
720 
                      	<span>{`Respondiendo a ${responseMessage.user_name}`}</span>
 699 
												<span>{`Respondiendo a ${responseMessage.user_name}`}</span>
721 
                      	<p>{responseMessage.m}</p>
 700 
												<p>{responseMessage.m}</p>
722 
                      </>
 701 
											</>
723 
										}
 702 
										}
724 
									</div>
 703 
									</div>
725 
									<div className="block-wchat">
 704 
									<div className="block-wchat">
726 
										<button
 705 
										<button
727 
											className="icon ti-clip attachment font-24 btn-attach btn-attach uploadFile"
 706 
											className="icon ti-clip attachment font-24 btn-attach btn-attach uploadFile"
Línea 737... Línea 716...
737 
											<div className="input-emoji">
 716 
											<div className="input-emoji">
738 
												<div
 717 
												<div
739 
													className="input-placeholder"
 718 
													className="input-placeholder"
740 
													style={{ visibility: 'hidden', display: 'none' }}
 719 
													style={{ visibility: 'hidden', display: 'none' }}
741 
												>
 720 
												>
742 
                          Escribe un mensaje
 721 
													Escribe un mensaje
743 
												</div>
 722 
												</div>
744 
												<textarea
 723 
												<textarea
745 
													className="input chatboxtextarea"
 724 
													className="input chatboxtextarea"
746 
													id="chatboxtextarea"
 725 
													id="chatboxtextarea"
747 
													name="chattxt"
 726 
													name="chattxt"
Línea 837... Línea 816...
837 
                      <i className="fa fa-trash"></i>
 816 
                      <i className="fa fa-trash"></i>
838 
                    </span> */}
 817 
                    </span> */}
839 
										</div>
 818 
										</div>
840 
										<div
 819 
										<div
841 
											className="btn-group"
 820 
											className="btn-group"
842 
											// onClick="javascript:clearHistory(\''+chatboxtitle+'\')"
 821 
										// onClick="javascript:clearHistory(\''+chatboxtitle+'\')"
843 
											// href="javascript:void(0)"
 822 
										// href="javascript:void(0)"
844 
										>
 823 
										>
845 
											{/* <span>
 824 
											{/* <span>
846 
                      <i className="fa fa-trash"></i>
 825 
                      <i className="fa fa-trash"></i>
847 
                    </span> */}
 826 
                    </span> */}
848 
										</div>
 827 
										</div>
Línea 859... Línea 838...
859 
												></i>
 838 
												></i>
860 
											</span>
 839 
											</span>
861 
										</div>
 840 
										</div>
862 
										<div
 841 
										<div
863 
											className="btn-group"
 842 
											className="btn-group"
864 
											// onClick="javascript:toggleChatBoxGrowth(\''+chatboxtitle+'\')"
 843 
										// onClick="javascript:toggleChatBoxGrowth(\''+chatboxtitle+'\')"
865 
											// href="javascript:void(0)"
 844 
										// href="javascript:void(0)"
866 
										>
 845 
										>
867 
											<span>
 846 
											<span>
868 
												<i
 847 
												<i
869 
													className={'fa fa-minus-circle'}
 848 
													className={'fa fa-minus-circle'}
870 
													onClick={handleActive}
 849 
													onClick={handleActive}
871 
												></i>
 850 
												></i>
872 
											</span>
 851 
											</span>
873 
										</div>
 852 
										</div>
874 
										<div
 853 
										<div
875 
											className="btn-group"
 854 
											className="btn-group"
876 
											// onClick="javascript:closeChatBox(\''+chatboxtitle+'\')"
 855 
										// onClick="javascript:closeChatBox(\''+chatboxtitle+'\')"
877 
											// href="javascript:void(0)"
 856 
										// href="javascript:void(0)"
878 
										>
 857 
										>
879 
											<span>
 858 
											<span>
880 
												<i
 859 
												<i
881 
													className="fa fa-times-circle"
 860 
													className="fa fa-times-circle"
882 
													onClick={handleCloseChat}
 861 
													onClick={handleCloseChat}
Línea 928... Línea 907...
928 
											<div className="input-emoji">
 907 
											<div className="input-emoji">
929 
												<div
 908 
												<div
930 
													className="input-placeholder"
 909 
													className="input-placeholder"
931 
													style={{ visibility: 'hidden', display: 'none' }}
 910 
													style={{ visibility: 'hidden', display: 'none' }}
932 
												>
 911 
												>
933 
                          Escribe un mensaje
 912 
													Escribe un mensaje
934 
												</div>
 913 
												</div>
935 
												<textarea
 914 
												<textarea
936 
													className="input chatboxtextarea"
 915 
													className="input chatboxtextarea"
937 
													id="chatboxtextarea"
 916 
													id="chatboxtextarea"
938 
													name="chattxt"
 917 
													name="chattxt"