Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5185 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 5185 Rev 6753
Línea 1... Línea 1...
1 
/* eslint-disable camelcase */
 1 
/* eslint-disable camelcase */
2 
import React from 'react'
 2 
import React from 'react'
Línea 3... Línea 3...
3 
 
 3 
 
4 
const MessageTemplate = ({ message, date }) => {
 4 
const MessageTemplate = ({ message }) => {
Línea 5... Línea 5...
5 
  const isRightPosition = message.side === 'right'
 5 
  const isRightPosition = message.side === 'right'
- 
 
 6 
 
- 
 
 7 
  const messageRenderer = (msg) => {
- 
 
 8 
    const {
6 
 
 9 
      sender_name,
- 
 
 10 
      sender_image,
- 
 
 11 
      sender_profile,
- 
 
 12 
      side,
- 
 
 13 
      message,
- 
 
 14 
      type,
- 
 
 15 
      filename,
Línea 7... Línea 16...
7 
  const messageRenderer = (msg) => {
 16 
      date,
8 
    const { sender_name, sender_image, sender_profile, side, message, type, filename } = msg
 17 
    } = msg
9 
 
 18 
 
- 
 
 19 
    switch (type) {
10 
    switch (type) {
 20 
      case 'text':
- 
 
 21 
        return (
- 
 
 22 
          <div
11 
      case 'text':
 23 
            className={`main-message-box ${isRightPosition ? 'ta-right' : ''}`}
12 
        return (
 24 
            key={message}
13 
                    <div className={`main-message-box ${isRightPosition ? 'ta-right' : ''}`} key={message}>
 25 
          >
14 
                        <div className="messg-usr-img">
 26 
            <div className="messg-usr-img">
15 
                            <a href={sender_profile}>
 27 
              <a href={sender_profile}>
16 
                                <img
 28 
                <img
17 
                                    src={sender_image}
 29 
                  src={sender_image}
18 
                                    className="cursor-pointer"
 30 
                  className="cursor-pointer"
19 
                                    alt={`${sender_name} profile image`}
 31 
                  alt={`${sender_name} profile image`}
20 
                                />
 32 
                />
21 
                            </a>
 33 
              </a>
22 
                        </div>
 34 
            </div>
23 
                        <div className={'message-dt mw-30'}>
 - 
 
24 
                            <div className="message-inner-dt">
 - 
 
25 
                                <p className={`w-100 ${'text-' + side}`}>
 35 
            <div className={'message-dt mw-30'}>
26 
                                    {message}
 36 
              <div className="message-inner-dt">
27 
                                </p>
 37 
                <p className={`w-100 ${'text-' + side}`}>{message}</p>
28 
                            </div>
 38 
              </div>
29 
                            <span className="p-1">{date}</span>
 39 
              <span className="p-1">{date}</span>
30 
                        </div>
 40 
            </div>
31 
                    </div>
 41 
          </div>
- 
 
 42 
        )
32 
        )
 43 
      case 'image':
- 
 
 44 
        return (
- 
 
 45 
          <div
33 
      case 'image':
 46 
            className={`main-message-box ${isRightPosition ? 'ta-right' : ''}`}
34 
        return (
 47 
            key={message}
35 
                    <div className={`main-message-box ${isRightPosition ? 'ta-right' : ''}`} key={message}>
 48 
          >
36 
                        <div className="messg-usr-img">
 49 
            <div className="messg-usr-img">
37 
                            <a href={sender_profile}>
 50 
              <a href={sender_profile}>
38 
                                <img
 51 
                <img
39 
                                    src={sender_image}
 52 
                  src={sender_image}
40 
                                    className="cursor-pointer"
 53 
                  className="cursor-pointer"
41 
                                    alt={`${sender_name} profile image`}
 54 
                  alt={`${sender_name} profile image`}
42 
                                />
 55 
                />
43 
                            </a>
 56 
              </a>
44 
                        </div>
 - 
 
45 
                        <div className={'message-dt mw-30'}>
 - 
 
46 
                            <div className="message-inner-dt">
 57 
            </div>
47 
                                <img
 - 
 
48 
                                    src={filename}
 58 
            <div className={'message-dt mw-30'}>
49 
                                    alt={`${sender_name} message image`}
 59 
              <div className="message-inner-dt">
50 
                                />
 60 
                <img src={filename} alt={`${sender_name} message image`} />
51 
                            </div>
 61 
              </div>
52 
                            <span className="p-1">{date}</span>
 62 
              <span className="p-1">{date}</span>
53 
                        </div>
 63 
            </div>
54 
                    </div>
 64 
          </div>
55 
        )
 65 
        )
56 
      case 'video':
 66 
      case 'video':
57 
        return (
 67 
        return (
58 
                    <div
 68 
          <div
59 
                        className={`main-message-box ${isRightPosition ? 'ta-right' : ''}`}
 69 
            className={`main-message-box ${isRightPosition ? 'ta-right' : ''}`}
60 
                        key={message}
 70 
            key={message}
61 
                    >
 71 
          >
62 
                        <div className="messg-usr-img">
 72 
            <div className="messg-usr-img">
63 
                            <a href={sender_profile}>
 73 
              <a href={sender_profile}>
64 
                                <img
 74 
                <img
65 
                                    src={sender_image}
 75 
                  src={sender_image}
66 
                                    className="cursor-pointer"
 76 
                  className="cursor-pointer"
67 
                                    alt={sender_name}
 77 
                  alt={sender_name}
68 
                                />
 78 
                />
69 
                            </a>
 79 
              </a>
70 
                        </div>
 80 
            </div>
71 
                        <div className={'message-dt mw-30'}>
 81 
            <div className={'message-dt mw-30'}>
72 
                            <div className="message-inner-dt">
 82 
              <div className="message-inner-dt">
73 
                                <video src={filename} />
 83 
                <video src={filename} />
74 
                            </div>
 84 
              </div>
75 
                            <span className="p-1">{date}</span>
 85 
              <span className="p-1">{date}</span>
76 
                        </div>
 86 
            </div>
77 
                    </div>
 87 
          </div>
78 
        )
 88 
        )
79 
      case 'document':
 89 
      case 'document':
80 
        return (
 90 
        return (
81 
                    <div
 91 
          <div
82 
                        key={message}
 92 
            key={message}
83 
                        className={`main-message-box ${isRightPosition ? 'ta-right' : ''}`}
 93 
            className={`main-message-box ${isRightPosition ? 'ta-right' : ''}`}
84 
                    >
 94 
          >
85 
                        <div className="messg-usr-img">
 95 
            <div className="messg-usr-img">
86 
                            <a href={sender_profile}>
 96 
              <a href={sender_profile}>
87 
                                <img
 97 
                <img
88 
                                    src={sender_image}
 98 
                  src={sender_image}
89 
                                    className="cursor-pointer"
 99 
                  className="cursor-pointer"
90 
                                    alt={sender_name}
 100 
                  alt={sender_name}
91 
                                />
 101 
                />
92 
                            </a>
 102 
              </a>
- 
 
 103 
            </div>
- 
 
 104 
            <div className={'message-dt mw-30'}>
- 
 
 105 
              <div className="message-inner-dt">
93 
                        </div>
 106 
                <a
- 
 
 107 
                  href={filename}
- 
 
 108 
                  target="_blank"
94 
                        <div className={'message-dt mw-30'}>
 109 
                  className={'downloadBtn'}
95 
                            <div className="message-inner-dt">
 110 
                  rel="noreferrer"
96 
                                <a href={filename} target="_blank" className={'downloadBtn'} rel="noreferrer">
 111 
                >
97 
                                    {LABELS.OPEN_DOCUMENT}
 112 
                  {LABELS.OPEN_DOCUMENT}
98 
                                    <i className="fa ti-arrow-circle-down" />
 113 
                  <i className="fa ti-arrow-circle-down" />
99 
                                </a>
 114 
                </a>
100 
                            </div>
 115 
              </div>
101 
                            <span className="p-1">{date}</span>
 116 
              <span className="p-1">{date}</span>
102 
                        </div>
 117 
            </div>
103 
                    </div>
 118 
          </div>
104 
        )
 119 
        )
105 
      default:
 120 
      default: