Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 6618 Rev 7152
Línea 1... Línea 1...
1 
import React from 'react'
 1 
import React, { useState } from 'react'
2 
import { Modal } from 'react-bootstrap'
 2 
import { Col, Modal, Row } from 'react-bootstrap'
3 
import { FeedContent, FeedDescription, FeedHeader } from './Feed'
 3 
import { useSelector } from 'react-redux'
- 
 
 4 
import parse from 'html-react-parser'
Línea -... Línea 5...
- 
 
 5 
 
- 
 
 6 
import Feed from './linkedin/Feed'
4 
 
 7 
 
5 
const FeedModal = ({ isShow, handleClose, feed }) => {
 8 
const FeedModal = ({ show, onClose, feed }) => {
6 
  const {
 9 
  const {
7 
    owner_file_image,
 10 
    owner_file_image,
8 
    owner_file_video,
 11 
    owner_file_video,
9 
    owner_file_image_preview,
 12 
    owner_file_image_preview,
Línea 21... Línea 24...
21 
    owner_image,
 24 
    owner_image,
22 
    owner_time_elapse,
 25 
    owner_time_elapse,
23 
    owner_url,
 26 
    owner_url,
24 
    feed_delete_url,
 27 
    feed_delete_url,
25 
    feed_unique,
 28 
    feed_unique,
- 
 
 29 
    feed_content_type,
- 
 
 30 
    feed_vote_url,
- 
 
 31 
    shared_url,
26 
  } = feed
 32 
  } = 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 27... Línea 56...
27 
 
 56 
 
28 
  return (
 57 
  return (
29 
    <Modal show={isShow} onHide={handleClose} dialogClassName="modal-lg">
 58 
    <Modal show={show} onHide={onClose} dialogClassName="modal-lg">
30 
      <Modal.Header closeButton />
 59 
      <Modal.Header closeButton />
31 
      <Modal.Body>
 60 
      <Modal.Body>
32 
        <div className="d-flex flex-column-reverse flex-md-row">
 61 
        <Row>
33 
          <div className="col-md-8 col-sm-12 col-12">
 62 
          <Col md="8">
34 
            <FeedContent
 63 
            <Feed.Content
35 
              showDescription={false}
 64 
              description={owner_description}
36 
              isShare={!!shared_name}
 65 
              image={owner_file_image}
37 
              ownerFileImage={owner_file_image}
 66 
              imagePreview={owner_file_image_preview}
38 
              ownerFileVideo={owner_file_video}
 - 
 
39 
              ownerFileImagePreview={owner_file_image_preview}
 67 
              video={owner_file_video}
40 
              ownerFileDocument={owner_file_document}
 - 
 
41 
              ownerDescription={owner_description}
 68 
              document={owner_file_document}
42 
              sharedItem={{
 69 
              sharedItem={{
43 
                name: shared_name,
 70 
                name: shared_name,
44 
                image: shared_image,
 71 
                image: shared_image,
45 
                time_elapse: shared_time_elapse,
 72 
                time_elapse: shared_time_elapse,
46 
                description: shared_description,
 73 
                description: shared_description,
47 
                file_video: shared_file_video,
 74 
                file_video: shared_file_video,
48 
                file_image_preview: shared_file_image_preview,
 75 
                file_image_preview: shared_file_image_preview,
49 
                file_image: shared_file_image,
 76 
                file_image: shared_file_image,
- 
 
 77 
                file_document: shared_file_document,
50 
                file_document: shared_file_document,
 78 
                shared_url,
- 
 
 79 
              }}
- 
 
 80 
              type={feed_content_type}
51 
              }}
 81 
              voteUrl={feed_vote_url}
52 
            />
 82 
            />
53 
          </div>
 83 
          </Col>
54 
          <div className="col-md-4 col-sm-12 col-12">
 84 
          <Col md="4">
55 
            <FeedHeader
 85 
            <Feed.Header
56 
              ownerName={owner_name}
 86 
              image={owner_image}
57 
              ownerImage={owner_image}
 87 
              name={owner_name}
58 
              ownerTimeElapse={owner_time_elapse}
 88 
              timeElapsed={owner_time_elapse}
59 
              ownerUrl={owner_url}
 89 
              viewUrl={owner_url}
60 
              feedDeleteUrl={feed_delete_url}
 90 
              deleteUrl={feed_delete_url}
61 
              feedUnique={feed_unique}
 91 
              feedUnique={feed_unique}
62 
            />
 92 
            />
63 
            <FeedDescription ownerDescription={owner_description} />
 93 
            {htmlParsedText(owner_description)}
64 
          </div>
 94 
          </Col>
65 
        </div>
 95 
        </Row>
66 
      </Modal.Body>
 96 
      </Modal.Body>
67 
    </Modal>
 97 
    </Modal>
68 
  )
 98 
  )