Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 1298 Rev 1305
Línea 9... Línea 9...
9 
  align-items: center;
 9 
  align-items: center;
10 
  position: initial !important;
 10 
  position: initial !important;
11 
  transform: initial !important;
 11 
  transform: initial !important;
12 
  .chat_image_container {
 12 
  .chat_image_container {
13 
    video {
 13 
    video {
14 
      width: 150px;
 14 
      width: 100%;
15 
      outline: none;
 15 
      outline: none;
16 
    }
 16 
    }
17 
    img {
 17 
    img {
18 
      width: 150px;
 18 
      width: 150px;
19 
      max-height: 200px;
 19 
      max-height: 200px;
Línea 29... Línea 29...
29 
      color: black;
 29 
      color: black;
30 
    }
 30 
    }
31 
  }
 31 
  }
32 
`;
 32 
`;
Línea -... Línea 33...
- 
 
 33 
 
- 
 
 34 
const ResponseMessageContainer = styled.div`
- 
 
 35 
  display: flex;
- 
 
 36 
  flex-direction: column;
- 
 
 37 
  text-align: center;
- 
 
 38 
  gap: 10px;
- 
 
 39 
`
33 
 
 40 
 
Línea 34... Línea 41...
34 
const MessageTemplate = ({ message, setResponseMessage, responseMessage }) => {
 41 
const MessageTemplate = ({ message, setResponseMessage, responseMessage }) => {
35 
 
 42 
 
Línea 50... Línea 57...
50 
  switch (message.mtype) {
 57 
  switch (message.mtype) {
51 
    case "text":
 58 
    case "text":
52 
      return (
 59 
      return (
53 
        <li
 60 
        <li
54 
          key={message.id}
 61 
          key={message.id}
55 
          className={`clearfix ${message.u === 1 ? "odd" : ""
 62 
          className={`clearfix ${message.u === 1 ? "odd" : ""} m-t-10 conversers${message.u}`}
56 
            } m-t-10 conversers${message.u}`}
 - 
 
57 
        >
 63 
        >
58 
          <div
 - 
 
59 
            className="conversation-text"
 64 
          <div className="conversation-text">
60 
            data-toggle="tooltip"
 - 
 
61 
            data-placement="left"
 - 
 
62 
            data-html="true"
 - 
 
63 
          >
 - 
 
64 
            <div className="ctext-wrap">
 65 
            <div className="conversation_container">
65 
              {senderName(message)}
 - 
 
66 
              <p className="">
 - 
 
67 
                {parse(emojione.shortnameToImage(message.m))}
 - 
 
68 
                <br />
 - 
 
69 
                <i className="text-right">{message.time}</i>
 - 
 
70 
              </p>
 - 
 
71 
              {
 66 
              {
72 
                isLiked
 67 
                responseMessage
73 
                &&
 68 
                &&
74 
                <i
 69 
                <ResponseMessageContainer>
- 
 
 70 
                  <span>{`Respondiendo a ${responseMessage.user_name}`}</span>
75 
                  className="fas fa-heart"
 71 
                  <div className="ctext-wrap">
76 
                  style={{
 72 
                    {senderName(responseMessage)}
77 
                    color: '#0961bf',
 73 
                    <p className="">
78 
                    position: 'absolute',
 74 
                      {parse(emojione.shortnameToImage(responseMessage.m))}
79 
                    top: '87%',
 75 
                      <br />
80 
                    left: '85%'
 76 
                    </p>
81 
                  }}
 77 
                  </div>
82 
                />
 78 
                </ResponseMessageContainer>
83 
              }
 79 
              }
84 
            </div>
 80 
              <div className="conversation-text">
85 
            <i
 81 
                <div className="ctext-wrap">
86 
              className="la la-ellipsis-v icon"
 82 
                  {senderName(message)}
87 
              style={{ position: 'relative' }}
 83 
                  <p className="">
88 
              onClick={() => setIsShow(!isShow)}
 84 
                    {parse(emojione.shortnameToImage(message.m))}
89 
            >
 85 
                    <br />
- 
 
 86 
                    <i className="text-right">{message.time}</i>
90 
            </i>
 87 
                  </p>
91 
            {
 88 
                  {
92 
              isShow
 89 
                    isLiked
93 
              &&
 90 
                    &&
94 
              <div
 91 
                    <i
95 
                className="display-reactions"
 92 
                      className="fas fa-heart"
- 
 
 93 
                      style={{
- 
 
 94 
                        color: '#0961bf',
- 
 
 95 
                        position: 'absolute',
- 
 
 96 
                        top: '87%',
- 
 
 97 
                        left: '85%'
96 
              >
 98 
                      }}
97 
                <LikeButton
 99 
                    />
98 
                  onClick={handleLike}
 100 
                  }
99 
                />
 101 
                </div>
100 
                <button
 102 
                <i
- 
 
 103 
                  className="la la-ellipsis-v icon"
101 
                  type="button"
 104 
                  style={{ position: 'relative' }}
102 
                  onClick={() => setResponseMessage(message)}
 105 
                  onClick={() => setIsShow(!isShow)}
103 
                >
 106 
                >
- 
 
 107 
                </i>
- 
 
 108 
                {
- 
 
 109 
                  isShow
- 
 
 110 
                  &&
- 
 
 111 
                  <div
- 
 
 112 
                    className="display-reactions"
- 
 
 113 
                  >
- 
 
 114 
                    <LikeButton
- 
 
 115 
                      onClick={handleLike}
- 
 
 116 
                    />
- 
 
 117 
                    <button
- 
 
 118 
                      type="button"
- 
 
 119 
                      onClick={() => setResponseMessage(message)}
- 
 
 120 
                    >
104 
                  <i className="fa fa-reply"></i>
 121 
                      <i className="fa fa-reply"></i>
105 
                </button>
 122 
                    </button>
- 
 
 123 
                  </div>
- 
 
 124 
                }
106 
              </div>
 125 
              </div>
107 
            }
 126 
            </div>
108 
          </div>
 127 
          </div>
109 
        </li>
 128 
        </li>
110 
      );
 129 
      );
111 
    case "image":
 130 
    case "image":
112 
      return (
 131 
      return (