Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 1242 Rev 1731
Línea 51... Línea 51...
51 
                                    <div className="usr-mg-info">
 51 
                                    <div className="usr-mg-info">
52 
                                        <h3>{selectedConversation.name}</h3>
 52 
                                        <h3>{selectedConversation.name}</h3>
53 
                                        <p>Online</p>
 53 
                                        <p>Online</p>
54 
                                    </div>
 54 
                                    </div>
55 
                                </div>
 55 
                                </div>
56 
                                <div className="ed-opts" onClick={()=> setShowOptions(!showOptions)}>
 56 
                                <div className="ed-opts" onClick={() => setShowOptions(!showOptions)}>
57 
                                    <i className="la la-ellipsis-v icon"></i>
 57 
                                    <i className="la la-ellipsis-v icon"></i>
58 
                                    <ul className={showOptions ? "ed-options active" : "ed-options"}>
 58 
                                    <ul className={showOptions ? "ed-options active" : "ed-options"}>
59 
                                        <li>
 59 
                                        <li>
60 
                                            <a href="#" className="btn-clean-messages" title="">Limpiar </a>
 60 
                                            <a href="#" className="btn-clean-messages" title="">Limpiar </a>
61 
                                        </li>
 61 
                                        </li>
Línea 71... Línea 71...
71 
                            <div
 71 
                            <div
72 
                                className="messages-line"
 72 
                                className="messages-line"
73 
                                ref={messagesLine}
 73 
                                ref={messagesLine}
74 
                            >
 74 
                            >
75 
                                {
 75 
                                {
76 
                                    (messages)
 76 
                                    messages.length
77 
                                    &&
 77 
                                    &&
- 
 
 78 
                                    messages.map((element) => {
- 
 
 79 
                                        const isLeft = element.side === 'left'
78 
                                    (
 80 
                                        return (
- 
 
 81 
                                            <div
- 
 
 82 
                                                className={`main-message-box ${!isLeft ? 'ta-right' : ''}`}
79 
                                        messages.map((element, i) => {
 83 
                                                key={element.message}
- 
 
 84 
                                            >
- 
 
 85 
                                                <div className="messg-usr-img">
- 
 
 86 
                                                    <img
80 
                                            const isLeft = element.side === 'left'
 87 
                                                        src={element.sender_image}
- 
 
 88 
                                                        onClick={() => window.location.href = element.sender_profile}
- 
 
 89 
                                                        className="cursor-pointer"
- 
 
 90 
                                                        alt={element.sender_name}
81 
                                            return (
 91 
                                                    />
- 
 
 92 
                                                </div>
82 
                                                <div
 93 
                                                <div
83 
                                                    className={`main-message-box ${!isLeft ? 'ta-right' : ''}`}
 - 
 
84 
                                                    key={element.message}
 94 
                                                    className="message-dt"
85 
                                                >
 95 
                                                >
86 
                                                    <div className="messg-usr-img">
 - 
 
87 
                                                        <img
 - 
 
88 
                                                            src={element.sender_image}
 - 
 
89 
                                                            onClick={() => window.location.href = element.sender_profile}
 - 
 
90 
                                                            className="cursor-pointer"
 - 
 
91 
                                                            alt={element.sender_name}
 - 
 
92 
                                                        />
 - 
 
93 
                                                    </div>
 - 
 
94 
                                                    <div
 96 
                                                    <div
95 
                                                        className="message-dt"
 - 
 
96 
                                                    >
 - 
 
97 
                                                        <div
 - 
 
98 
                                                            className="message-inner-dt"
 97 
                                                        className="message-inner-dt"
Línea 99... Línea 98...
99 
 
 98 
 
100 
                                                        >
 99 
                                                    >
101 
                                                            <p className='w-100'>{element.message}</p>
 - 
 
102 
                                                        </div>
 - 
 
103 
                                                        <span>{element.date}</span>
 100 
                                                        <p className='w-100'>{element.message}</p>
- 
 
 101 
                                                    </div>
104 
                                                    </div>
 102 
                                                    <span>{element.date}</span>
105 
                                                </div>
 103 
                                                </div>
106 
                                            )
 104 
                                            </div>
107 
                                        }
 105 
                                        )
108 
                                        ))
 106 
                                    })
109 
                                }
 107 
                                }
110 
                                <hr ref={lastMessage} />
 108 
                                <hr ref={lastMessage} />
111 
                            </div>
 109 
                            </div>
112 
                            <div className="message-send-area">
 110 
                            <div className="message-send-area">
Línea 126... Línea 124...
126 
                                            placeholder={backendVars.labelWriteMessage}
 124 
                                            placeholder={backendVars.labelWriteMessage}
127 
                                            onChange={e => {
 125 
                                            onChange={e => {
128 
                                                setText(e.target.value || '')
 126 
                                                setText(e.target.value || '')
129 
                                            }}
 127 
                                            }}
130 
                                        />
 128 
                                        />
131
129 
 
132 
                                        <button type="submit" className="btn-primary p-1">
 130 
                                        <button type="submit" className="btn-primary p-1">
133 
                                            <i class="fas fa-paper-plane"></i>
 131 
                                            <i class="fas fa-paper-plane"></i>
134 
                                            {backendVars.labelSend}
 132 
                                            {backendVars.labelSend}
135 
                                        </button>
 133 
                                        </button>
136 
                                    </div>
 134 
                                    </div>