Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 928 Rev 932
Línea 1... Línea 1...
1 
import React from "react";
 1 
import React from "react";
2 
import { useState, useRef, useEffect } from "react";
 2 
import { useState, useRef, useEffect } from "react";
3 
import styled from "styled-components";
 3 
import styled from "styled-components";
4 
import {axios} from "../../../utils";
 4 
import { axios } from "../../../utils";
5 
import Spinner from "../../../shared/loading-spinner/Spinner";
 5 
import Spinner from "../../../shared/loading-spinner/Spinner";
6 
import Emojione from "./emojione/Emojione";
 6 
import Emojione from "./emojione/Emojione";
7 
import SendFileModal from "./send-file-modal/SendFileModal";
 7 
import SendFileModal from "./send-file-modal/SendFileModal";
8 
import ConfirmModal from "../../../shared/confirm-modal/ConfirmModal";
 8 
import ConfirmModal from "../../../shared/confirm-modal/ConfirmModal";
9 
import MessageTemplate from "./messageTemplate/MessageTemplate";
 9 
import MessageTemplate from "./messageTemplate/MessageTemplate";
Línea 158... Línea 158...
158 
 
 158 
 
159 
  const handleGetMessages = async () => {
 159 
  const handleGetMessages = async () => {
160 
    const response = await axios.get(url_get_all_messages);
 160 
    const response = await axios.get(url_get_all_messages);
161 
    const resData = response.data;
 161 
    const resData = response.data;
162 
    if (!resData.success) {
 162 
    if (!resData.success) {
163 
      return  ("ha ocurrido un error", resData);
 163 
      return ("ha ocurrido un error", resData);
164 
    }
 164 
    }
165 
    const updatedMessages = [...resData.data.items].reverse();
 165 
    const updatedMessages = [...resData.data.items].reverse();
166 
    const newMessages = updatedMessages.reduce((acum, updatedMessage) => {
 166 
    const newMessages = updatedMessages.reduce((acum, updatedMessage) => {
167 
      if (
 167 
      if (
Línea 314... Línea 314...
314 
    };
 314 
    };
315 
  }, [minimized]);
 315 
  }, [minimized]);
Línea 316... Línea 316...
316 
 
 316 
 
317 
  // LoadMore on change page
 317 
  // LoadMore on change page
318 
  useEffect(() => {
 318 
  useEffect(() => {
319 
    let loadMore = handleLoadMore();
 319 
    let loadMore = () => handleLoadMore();
320 
    loadMore()
 320 
    loadMore()
321 
    return () => {
 321 
    return () => {
322 
      loadMore = null;
 322 
      loadMore = null;
323 
    };
 323 
    };
Línea 324... Línea 324...
324 
  }, [currentPage]);
 324 
  }, [currentPage]);
325 
 
 325 
 
326 
  // getMessagesInterval
 326 
  // getMessagesInterval
327 
  useEffect(() => {
 327 
  useEffect(() => {
328 
    if(window.location.pathname === '/group/my-groups'){
 328 
    if (window.location.pathname === '/group/my-groups') {
329 
      const items = document.getElementsByClassName('sc-jSgupP')
 329 
      const items = document.getElementsByClassName('sc-jSgupP')
330 
      if(items && items.length > 0)
 330 
      if (items && items.length > 0)
331 
        items[0].style.display='none';
 331 
        items[0].style.display = 'none';
332 
    }
 332 
    }
333 
    if (!minimized) {
 333 
    if (!minimized) {
334 
      clearInterval(getMessageInterval);
 334 
      clearInterval(getMessageInterval);
Línea 601... Línea 601...
601 
          </div>
 601 
          </div>
602 
        </div>
 602 
        </div>
603 
        <div className="panel personal-chat">
 603 
        <div className="panel personal-chat">
604 
          <StyledChatHead>
 604 
          <StyledChatHead>
605 
            <div
 605 
            <div
606 
              className={`panel-heading chatboxhead ${
 606 
              className={`panel-heading chatboxhead ${unsee_messages ? "notify" : ""
607 
                unsee_messages ? "notify" : ""
 - 
 
608 
              }`}
 607 
                }`}
609 
            >
 608 
            >
610 
              <div className="panel-title">
 609 
              <div className="panel-title">
611 
                <img
 610 
                <img
612 
                  className="chat-image img-circle pull-left"
 611 
                  className="chat-image img-circle pull-left"
613 
                  height="36"
 612 
                  height="36"
Línea 633... Línea 632...
633 
                      <i className="fa fa-trash"></i>
 632 
                      <i className="fa fa-trash"></i>
634 
                    </span> */}
 633 
                    </span> */}
635 
                    </div>
 634 
                    </div>
636 
                    <div
 635 
                    <div
637 
                      className="btn-group"
 636 
                      className="btn-group"
638 
                      // onClick="javascript:clearHistory(\''+chatboxtitle+'\')"
 637 
                    // onClick="javascript:clearHistory(\''+chatboxtitle+'\')"
639 
                      // href="javascript:void(0)"
 638 
                    // href="javascript:void(0)"
640 
                    >
 639 
                    >
641 
                      {/* <span>
 640 
                      {/* <span>
642 
                      <i className="fa fa-trash"></i>
 641 
                      <i className="fa fa-trash"></i>
643 
                    </span> */}
 642 
                    </span> */}
644 
                    </div>
 643 
                    </div>
645 
                    <div
 644 
                    <div
646 
                      className="btn-group"
 645 
                      className="btn-group"
647 
                      // onClick="javascript:toggleChatBoxGrowth(\''+chatboxtitle+'\')"
 646 
                    // onClick="javascript:toggleChatBoxGrowth(\''+chatboxtitle+'\')"
648 
                      // href="javascript:void(0)"
 647 
                    // href="javascript:void(0)"
649 
                    >
 648 
                    >
650 
                      <span>
 649 
                      <span>
651 
                        <i
 650 
                        <i
652 
                          className={`fa fa-minus-circle`}
 651 
                          className={`fa fa-minus-circle`}
653 
                          onClick={handleActive}
 652 
                          onClick={handleActive}
654 
                        ></i>
 653 
                        ></i>
655 
                      </span>
 654 
                      </span>
656 
                    </div>
 655 
                    </div>
657 
                    <div
 656 
                    <div
658 
                      className="btn-group"
 657 
                      className="btn-group"
659 
                      // onClick="javascript:closeChatBox(\''+chatboxtitle+'\')"
 658 
                    // onClick="javascript:closeChatBox(\''+chatboxtitle+'\')"
660 
                      // href="javascript:void(0)"
 659 
                    // href="javascript:void(0)"
661 
                    >
 660 
                    >
662 
                      <span>
 661 
                      <span>
663 
                        <i
 662 
                        <i
664 
                          className="fa fa-times-circle"
 663 
                          className="fa fa-times-circle"
665 
                          onClick={handleCloseChat}
 664 
                          onClick={handleCloseChat}
Línea 782... Línea 781...
782 
          </div>
 781 
          </div>
783 
        </div>
 782 
        </div>
784 
        <div className="panel personal-chat">
 783 
        <div className="panel personal-chat">
785 
          <StyledChatHead>
 784 
          <StyledChatHead>
786 
            <div
 785 
            <div
787 
              className={`panel-heading chatboxhead ${
 786 
              className={`panel-heading chatboxhead ${unsee_messages ? "notify" : ""
788 
                unsee_messages ? "notify" : ""
 - 
 
789 
              }`}
 787 
                }`}
790 
            >
 788 
            >
791 
              <div className="panel-title-group">
 789 
              <div className="panel-title-group">
792 
                <img
 790 
                <img
793 
                  className="chat-image img-circle pull-left"
 791 
                  className="chat-image img-circle pull-left"
794 
                  height="36"
 792 
                  height="36"
Línea 809... Línea 807...
809 
                      <i className="fa fa-trash"></i>
 807 
                      <i className="fa fa-trash"></i>
810 
                    </span> */}
 808 
                    </span> */}
811 
                    </div>
 809 
                    </div>
812 
                    <div
 810 
                    <div
813 
                      className="btn-group"
 811 
                      className="btn-group"
814 
                      // onClick="javascript:clearHistory(\''+chatboxtitle+'\')"
 812 
                    // onClick="javascript:clearHistory(\''+chatboxtitle+'\')"
815 
                      // href="javascript:void(0)"
 813 
                    // href="javascript:void(0)"
816 
                    >
 814 
                    >
817 
                      {/* <span>
 815 
                      {/* <span>
818 
                      <i className="fa fa-trash"></i>
 816 
                      <i className="fa fa-trash"></i>
819 
                    </span> */}
 817 
                    </span> */}
820 
                    </div>
 818 
                    </div>
Línea 831... Línea 829...
831 
                        ></i>
 829 
                        ></i>
832 
                      </span>
 830 
                      </span>
833 
                    </div>
 831 
                    </div>
834 
                    <div
 832 
                    <div
835 
                      className="btn-group"
 833 
                      className="btn-group"
836 
                      // onClick="javascript:toggleChatBoxGrowth(\''+chatboxtitle+'\')"
 834 
                    // onClick="javascript:toggleChatBoxGrowth(\''+chatboxtitle+'\')"
837 
                      // href="javascript:void(0)"
 835 
                    // href="javascript:void(0)"
838 
                    >
 836 
                    >
839 
                      <span>
 837 
                      <span>
840 
                        <i
 838 
                        <i
841 
                          className={`fa fa-minus-circle`}
 839 
                          className={`fa fa-minus-circle`}
842 
                          onClick={handleActive}
 840 
                          onClick={handleActive}
843 
                        ></i>
 841 
                        ></i>
844 
                      </span>
 842 
                      </span>
845 
                    </div>
 843 
                    </div>
846 
                    <div
 844 
                    <div
847 
                      className="btn-group"
 845 
                      className="btn-group"
848 
                      // onClick="javascript:closeChatBox(\''+chatboxtitle+'\')"
 846 
                    // onClick="javascript:closeChatBox(\''+chatboxtitle+'\')"
849 
                      // href="javascript:void(0)"
 847 
                    // href="javascript:void(0)"
850 
                    >
 848 
                    >
851 
                      <span>
 849 
                      <span>
852 
                        <i
 850 
                        <i
853 
                          className="fa fa-times-circle"
 851 
                          className="fa fa-times-circle"
854 
                          onClick={handleCloseChat}
 852 
                          onClick={handleCloseChat}