Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 5109 Rev 5115
Línea 21... Línea 21...
21 
import withExternalShare from './withExternalShare'
 21 
import withExternalShare from './withExternalShare'
22 
import ConfirmModal from '../../../../shared/confirm-modal/ConfirmModal'
 22 
import ConfirmModal from '../../../../shared/confirm-modal/ConfirmModal'
23 
import { deleteFeed } from '../../../../redux/feed/feed.actions'
 23 
import { deleteFeed } from '../../../../redux/feed/feed.actions'
24 
import FeedModal from '../../../components/feed/FeedModal'
 24 
import FeedModal from '../../../components/feed/FeedModal'
Línea 25... Línea 25...
25 
 
 25 
 
- 
 
 26 
const Feed = (props) => {
26 
const Feed = ({
 27 
  const {
27 
  isShare = false,
 28 
    isShare = false,
28 
  feed_unique,
 29 
    feed_unique,
29 
  feed_is_liked,
 30 
    feed_is_liked,
30 
  feed_like_url,
 31 
    feed_like_url,
31 
  feed_unlike_url,
 32 
    feed_unlike_url,
32 
  feed_share_url,
 33 
    feed_share_url,
33 
  feed_share_external_url,
 34 
    feed_share_external_url,
34 
  feed_delete_url,
 35 
    feed_delete_url,
35 
  feed_likes,
 36 
    feed_likes,
36 
  owner_url,
 37 
    owner_url,
37 
  owner_image,
 38 
    owner_image,
38 
  owner_name,
 39 
    owner_name,
39 
  owner_description,
 40 
    owner_description,
40 
  owner_shared,
 41 
    owner_shared,
41 
  owner_comments,
 42 
    owner_comments,
42 
  owner_time_elapse,
 43 
    owner_time_elapse,
43 
  owner_file_image_preview,
 44 
    owner_file_image_preview,
44 
  owner_file_video,
 45 
    owner_file_video,
45 
  owner_file_image,
 46 
    owner_file_image,
46 
  owner_file_document,
 47 
    owner_file_document,
47 
  comment_add_url,
 48 
    comment_add_url,
48 
  comments,
 49 
    comments,
49 
  shared_name,
 50 
    shared_name,
50 
  shared_image,
 51 
    shared_image,
51 
  shared_time_elapse,
 52 
    shared_time_elapse,
52 
  shared_description,
 53 
    shared_description,
53 
  shared_file_video,
 54 
    shared_file_video,
54 
  shared_file_image_preview,
 55 
    shared_file_image_preview,
55 
  shared_file_image,
 56 
    shared_file_image,
56 
  owner_external_shared,
 57 
    owner_external_shared,
57 
  shared_file_document,
 58 
    shared_file_document,
58 
  shared_url,
 59 
    shared_url,
59 
  feed_increment_external_counter_url,
 60 
    feed_increment_external_counter_url,
60 
  addNotification, // REDUX ACTION
 61 
    addNotification, // REDUX ACTION
61 
  openShareModal // REDUX ACTION
 62 
    openShareModal // REDUX ACTION
- 
 
 63 
  } = props
62 
}) => {
 64 
 
63 
  const [feedIsLiked, setFeedIsLiked] = useState(feed_is_liked)
 65 
  const [feedIsLiked, setFeedIsLiked] = useState(feed_is_liked)
64 
  const [likesState, setLikesState] = useState(feed_likes)
 66 
  const [likesState, setLikesState] = useState(feed_likes)
65 
  const [totalComments, setTotalComments] = useState(owner_comments)
 67 
  const [totalComments, setTotalComments] = useState(owner_comments)
66 
  const [externalShare, setExternalShare] = useState(owner_external_shared)
 68 
  const [externalShare, setExternalShare] = useState(owner_external_shared)
Línea 136... Línea 138...
136 
              <div className="d-inline-flex align-items-center" style={{ gap: '.5rem' }}>
 138 
              <div className="d-inline-flex align-items-center" style={{ gap: '.5rem' }}>
137 
                <RecommendIcon style={{ color: '#7405f9' }} />
 139 
                <RecommendIcon style={{ color: '#7405f9' }} />
138 
                <span>{likesState}</span>
 140 
                <span>{likesState}</span>
139 
              </div>}
 141 
              </div>}
140 
            <div className="d-inline-flex align-items-center" style={{ gap: '5px' }}>
 142 
            <div className="d-inline-flex align-items-center" style={{ gap: '5px' }}>
141 
              {!!totalComments && <span>{`${totalComments} comentarios`}</span>}
 143 
              {!!totalComments && <span>{`${totalComments} ${LABELS.COMMENTStoLowerCase()}`}</span>}
142 
              {!!sharedState && <span>{`${sharedState} compartidos`}</span>}
 144 
              {!!sharedState && <span>{`${sharedState} ${LABELS.SHAREDtoLowerCase()}`}</span>}
143 
              {!!externalShare && <span>{`${externalShare} enviados`}</span>}
 145 
              {!!externalShare && <span>{`${externalShare} ${LABELS.SENDStoLowerCase()}`}</span>}
144 
            </div>
 146 
            </div>
145 
          </div>
 147 
          </div>
146 
        }
 148 
        }
Línea 147... Línea 149...
147 
 
 149 
 
148 
        {
 150 
        {
149 
          !isShare &&
 151 
          !isShare &&
150 
          <div className='feed__buttons'>
 152 
          <div className='feed__buttons'>
151 
            <InputOption
 153 
            <InputOption
152 
              Icon={feedIsLiked ? ThumbUpAltIcon : ThumbUpAltOutlinedIcon}
 154 
              Icon={feedIsLiked ? ThumbUpAltIcon : ThumbUpAltOutlinedIcon}
153 
              title='Like'
 155 
              title={LABELS.LIKE}
154 
              color={feedIsLiked ? '#7405f9' : 'gray'}
 156 
              color={feedIsLiked ? '#7405f9' : 'gray'}
155 
              onClick={() => handleLike(feedIsLiked ? feed_unlike_url : feed_like_url)}
 157 
              onClick={() => handleLike(feedIsLiked ? feed_unlike_url : feed_like_url)}
156 
            />
 158 
            />
157 
            <InputOption
 159 
            <InputOption
158 
              Icon={ChatOutlinedIcon}
 160 
              Icon={ChatOutlinedIcon}
159 
              title='Comment'
 161 
              title={LABELS.COMMENT}
160 
              color='gray'
 162 
              color='gray'
161 
              onClick={displayCommentSection}
 163 
              onClick={displayCommentSection}
162 
            />
 164 
            />
163 
            <InputOption
 165 
            <InputOption
164 
              Icon={ShareOutlinedIcon}
 166 
              Icon={ShareOutlinedIcon}
165 
              title='Share'
 167 
              title={LABELS.SHARE}
166 
              color='gray'
 168 
              color='gray'
167 
              onClick={handleShare}
 169 
              onClick={handleShare}
168 
            />
 170 
            />
169 
            <ExternalShareButton />
 171 
            <ExternalShareButton />
Línea 205... Línea 207...
205 
      const shortenedText = parse(`${shortenedString}... `)
 207 
      const shortenedText = parse(`${shortenedString}... `)
206 
      return (
 208 
      return (
207 
        <>
 209 
        <>
208 
          {isReadMoreActive ? fullText : shortenedText}
 210 
          {isReadMoreActive ? fullText : shortenedText}
209 
          <span className='cursor-pointer' onClick={readMoreHandler}>
 211 
          <span className='cursor-pointer' onClick={readMoreHandler}>
210 
            {isReadMoreActive ? ' Leer menos' : ' Leer más'}
 212 
            {isReadMoreActive ? LABELS.READ_LESS : LABELS.READ_MORE}
211 
          </span>
 213 
          </span>
212 
        </>
 214 
        </>
213 
      )
 215 
      )
214 
    }
 216 
    }
215 
    return <p>{fullText}</p>
 217 
    return <p>{fullText}</p>
Línea 229... Línea 231...
229 
          preload="none"
 231 
          preload="none"
230 
        />
 232 
        />
231 
      }
 233 
      }
232 
      {ownerFileDocument &&
 234 
      {ownerFileDocument &&
233 
        <a href={ownerFileDocument} target="_blank" rel="noreferrer">
 235 
        <a href={ownerFileDocument} target="_blank" rel="noreferrer">
234 
          Descargar
 236 
          {LABELS.DOWNLOAD}
235 
        </a>
 237 
        </a>
236 
      }
 238 
      }
237 
      {sharedItem.name &&
 239 
      {sharedItem.name &&
238 
        <div className="py-3 px-md-3">
 240 
        <div className="py-3 px-md-3">
239 
          <Feed
 241 
          <Feed