Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 2974 Rev 3202
Línea 18... Línea 18...
18 
 
 18 
 
19 
// Redux actions
 19 
// Redux actions
20 
import { openShareModal } from "../../../redux/share-modal/shareModal.actions";
 20 
import { openShareModal } from "../../../redux/share-modal/shareModal.actions";
21 
import { addNotification } from "../../../redux/notification/notification.actions";
 21 
import { addNotification } from "../../../redux/notification/notification.actions";
- 
 
 22 
import { deleteFeed } from "../../../redux/feed/feed.actions";
Línea 22... Línea 23...
22 
import { deleteFeed } from "../../../redux/feed/feed.actions";
 23 
import { useRef } from "react";
Línea 23... Línea 24...
23 
 
 24 
 
24 
const FeedTemplate = ({ feed, owner_shared, image }) => {
 25 
const FeedTemplate = ({ feed, owner_shared, image }) => {
Línea 65... Línea 66...
65 
  const [likesState, setLikesState] = useState(feed_likes);
 66 
  const [likesState, setLikesState] = useState(feed_likes);
66 
  const [isReadMoreActive, setIsReadMoreActive] = useState(false);
 67 
  const [isReadMoreActive, setIsReadMoreActive] = useState(false);
67 
  const [showConfirmModal, setShowConfirmModal] = useState(false);
 68 
  const [showConfirmModal, setShowConfirmModal] = useState(false);
68 
  const [displayOption, setDisplayOption] = useState(false)
 69 
  const [displayOption, setDisplayOption] = useState(false)
69 
  const [show, setShow] = useState(false);
 70 
  const [show, setShow] = useState(false);
- 
 
 71 
  const deleteButton = useRef();
Línea 70... Línea 72...
70 
 
 72 
 
71 
  const handleClose = () => setShow(false);
 73 
  const handleClose = () => setShow(false);
Línea 72... Línea 74...
72 
  const handleShow = () => setShow(true);
 74 
  const handleShow = () => setShow(true);
73 
 
 75 
 
74 
  useEffect(() => {
 76 
  useEffect(() => {
Línea -... Línea 77...
- 
 
 77 
    setSharedState(owner_shared)
- 
 
 78 
  }, [owner_shared]);
- 
 
 79 
 
- 
 
 80 
  useEffect(() => {
- 
 
 81 
    const handleClickOutside = (event) => {
- 
 
 82 
        if (deleteButton.current && !deleteButton.current.contains(event.target)) {
- 
 
 83 
            setDisplayOption(false)
- 
 
 84 
        }
- 
 
 85 
    }
- 
 
 86 
    document.addEventListener("mousedown", handleClickOutside);
- 
 
 87 
 
- 
 
 88 
    return () => {
- 
 
 89 
        document.removeEventListener("mousedown", handleClickOutside);
75 
    setSharedState(owner_shared)
 90 
    };
76 
  }, [owner_shared]);
 91 
}, [deleteButton]);
77 
 
 92 
 
78 
  const deleteFeedHandler = () => {
 93 
  const deleteFeedHandler = () => {
79 
    axios.post(feed_delete_url)
 94 
    axios.post(feed_delete_url)
Línea 253... Línea 268...
253 
                poster={shared_file_image_preview}
 268 
                poster={shared_file_image_preview}
254 
                preload="none"
 269 
                preload="none"
255 
              />
 270 
              />
256 
            ) : null}
 271 
            ) : null}
257 
            {shared_file_document ? (
 272 
            {shared_file_document ? (
258 
              <a href={shared_file_document} target="_blank">
 273 
              <a href={shared_file_document} target="_blank" rel="noreferrer">
259 
                Descargar
 274 
                Descargar
260 
              </a>
 275 
              </a>
261 
            ) : null}
 276 
            ) : null}
262 
          </div>
 277 
          </div>
263 
        </div>
 278 
        </div>
Línea 265... Línea 280...
265 
    );
 280 
    );
266 
  }
 281 
  }
267 
  const OwnerDescription = () => <div className="show-read-more">
 282 
  const OwnerDescription = () => <div className="show-read-more">
268 
    {htmlParsedText(owner_description)}
 283 
    {htmlParsedText(owner_description)}
269 
  </div>
 284 
  </div>
- 
 
 285 
 
270 
  const TopBar = () => (
 286 
  const TopBar = () => (
271 
    < div className="post_topbar" >
 287 
    < div className="post_topbar" >
272 
      <div className="usy-dt">
 288 
      <div className="usy-dt">
273 
        <a href={owner_url}>
 289 
        <a href={owner_url}>
274 
          <img src={owner_image} alt="" style={{
 290 
          <img src={owner_image} alt="" style={{
Línea 298... Línea 314...
298 
            <ul>
 314 
            <ul>
299 
              <li>
 315 
              <li>
300 
                <button
 316 
                <button
301 
                  className="option-btn"
 317 
                  className="option-btn"
302 
                  onClick={handleShowConfirmModal}
 318 
                  onClick={handleShowConfirmModal}
- 
 
 319 
                  ref={deleteButton}
303 
                >
 320 
                >
304 
                  <BsTrash className="mr-1" />
 321 
                  <BsTrash className="mr-1" />
305 
                  Borrar
 322 
                  Borrar
306 
                </button>
 323 
                </button>
307 
              </li>
 324 
              </li>
Línea 335... Línea 352...
335 
        />
 352 
        />
336 
      }
 353 
      }
337 
      {
 354 
      {
338 
        owner_file_document
 355 
        owner_file_document
339 
        &&
 356 
        &&
340 
        <a href={owner_file_document} target="_blank">
 357 
        <a href={owner_file_document} target="_blank" rel="noreferrer">
341 
          Descargar
 358 
          Descargar
342 
        </a>
 359 
        </a>
343 
      }
 360 
      }
344 
      {sharedName}
 361 
      {sharedName}
345 
    </div>
 362 
    </div>
Línea 387... Línea 404...
387 
              <button
 404 
              <button
388 
                type="button"
 405 
                type="button"
389 
                id={feedIsLiked ? `btn-unlike-${feed_unique}` : `btn-like-${feed_unique}`}
 406 
                id={feedIsLiked ? `btn-unlike-${feed_unique}` : `btn-like-${feed_unique}`}
390 
                data-feed-unique={feed_unique}
 407 
                data-feed-unique={feed_unique}
391 
                className={feedIsLiked ? "btn-unlike" : "btn-like"}
 408 
                className={feedIsLiked ? "btn-unlike" : "btn-like"}
392 
                onClick={() => {
 - 
 
393 
                  likeHandler(feedIsLiked ? feed_unlike_url : feed_like_url);
 409 
                onClick={() => likeHandler(feedIsLiked ? feed_unlike_url : feed_like_url)}
394 
                }}
 - 
 
395 
              >
 410 
              >
396 
                {feedIsLiked ? <BsHeartFill className="mr-1" /> : <BsHeart className="mr-1" />}
 411 
                {feedIsLiked ? <BsHeartFill className="mr-1" /> : <BsHeart className="mr-1" />}
397 
                {likesState}
 412 
                {likesState}
398 
              </button>
 413 
              </button>
399 
            </li>
 414 
            </li>
Línea 444... Línea 459...
444 
                })}
 459 
                })}
445 
              />
 460 
              />
446 
              <button className={`${styleFeed.shareIconContainer} ${styleFeed.iconActive}`} >
 461 
              <button className={`${styleFeed.shareIconContainer} ${styleFeed.iconActive}`} >
447 
                <TbSend className={styleFeed.shareIcon} />
 462 
                <TbSend className={styleFeed.shareIcon} />
448 
              </button>
 463 
              </button>
449 
              {/* Falta multilenguaje */}
 - 
 
450 
            </div>
 464 
            </div>
451 
          </form>
 465 
          </form>
452 
          {
 466 
          {
453 
            errors.comment
 467 
            errors.comment
454 
            &&
 468 
            &&