Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 7153 Rev 7155
Línea 1... Línea 1...
1 
import React, { useState } from 'react'
 1 
import React from 'react'
2 
import { Col, Modal, Row } from 'react-bootstrap'
 2 
import { Col, Modal, Row } from 'react-bootstrap'
3 
import { useSelector } from 'react-redux'
 - 
 
4 
import parse from 'html-react-parser'
 - 
 
Línea 5... Línea 3...
5 
 
 3 
 
Línea 6... Línea 4...
6 
import Feed from './linkedin/Feed'
 4 
import Feed from './linkedin/Feed'
7 
 
 5 
 
Línea 28... Línea 26...
28 
    feed_unique,
 26 
    feed_unique,
29 
    feed_content_type,
 27 
    feed_content_type,
30 
    feed_vote_url,
 28 
    feed_vote_url,
31 
    shared_url,
 29 
    shared_url,
32 
  } = feed
 30 
  } = feed
33 
  const [readMore, setReadMore] = useState(false)
 - 
 
34 
  const labels = useSelector(({ intl }) => intl.labels)
 - 
 
35 
 
 - 
 
36 
  const onReadMore = () => {
 - 
 
37 
    setReadMore(!readMore)
 - 
 
38 
  }
 - 
 
39 
 
 - 
 
40 
  const htmlParsedText = (fullStringText = '') => {
 - 
 
41 
    const fullText = parse(fullStringText)
 - 
 
42 
    if (fullStringText.length > 500) {
 - 
 
43 
      const shortenedString = fullStringText.substr(0, 500)
 - 
 
44 
      const shortenedText = parse(`${shortenedString}... `)
 - 
 
45 
      return (
 - 
 
46 
        <>
 - 
 
47 
          {readMore ? fullText : shortenedText}
 - 
 
48 
          <span className="cursor-pointer" onClick={onReadMore}>
 - 
 
49 
            {readMore ? labels.read_less : labels.read_more}
 - 
 
50 
          </span>
 - 
 
51 
        </>
 - 
 
52 
      )
 - 
 
53 
    }
 - 
 
54 
    return <p>{fullText}</p>
 - 
 
55 
  }
 - 
 
Línea 56... Línea 31...
56 
 
 31 
 
57 
  return (
 32 
  return (
58 
    <Modal show={show} onHide={onClose} dialogClassName="modal-lg">
 33 
    <Modal show={show} onHide={onClose} dialogClassName="modal-lg">
59 
      <Modal.Header closeButton />
 34 
      <Modal.Header closeButton />
Línea 88... Línea 63...
88 
              timeElapsed={owner_time_elapse}
 63 
              timeElapsed={owner_time_elapse}
89 
              viewUrl={owner_url}
 64 
              viewUrl={owner_url}
90 
              deleteUrl={feed_delete_url}
 65 
              deleteUrl={feed_delete_url}
91 
              feedUnique={feed_unique}
 66 
              feedUnique={feed_unique}
92 
            />
 67 
            />
93 
            {owner_description && htmlParsedText(owner_description)}
 - 
 
94 
          </Col>
 68 
          </Col>
95 
        </Row>
 69 
        </Row>
96 
      </Modal.Body>
 70 
      </Modal.Body>
97 
    </Modal>
 71 
    </Modal>
98 
  )
 72 
  )