Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 3470 Rev 3757
Línea 11... Línea 11...
11 
    const baseUrl = `/storage/type/post/code/${post.uuid}/filename/`
 11 
    const baseUrl = `/storage/type/post/code/${post.uuid}/filename/`
12 
    const shareContainer = useRef(null)
 12 
    const shareContainer = useRef(null)
13 
    const [shareOptions, setShareOptions] = useState(false)
 13 
    const [shareOptions, setShareOptions] = useState(false)
Línea 14... Línea 14...
14 
 
 14 
 
15 
    return (
 15 
    return (
16 
        <div className='container h-100'>
 16 
        <div className='postContainer'>
17 
            <div
 17 
            <div className="post_topbar" >
18 
                className='row p-2 m-2 h-100'
 18 
                <div className="usy-dt">
19 
                style={{ backgroundColor: 'white' }}
 19 
                    <div className="usy-name">
20 
            >
 20 
                        <h3>{post.title}</h3>
21 
                <div className='col-md-6 col-sm-12 col-12'>
 21 
                        <span>
22 
                    <div className="card justify-content-center h-100 border-none">
 22 
                            {moment(post.date).format('DD-MM-YYYY')}
23 
                        <img className="card-img-top border" src={baseUrl + post.image} alt={post.title} />
 23 
                        </span>
24 
                    </div>
 24 
                    </div>
25 
                </div>
 - 
 
26 
                <div className='col-md-6 col-sm-12 col-12 d-flex align-items-center position-relative'>
 - 
 
27 
                    <div className="card border-0">
 - 
 
28 
                        <div className="card-body">
 - 
 
29 
                            <h1 className="card-title font-weight-bold border-bottom">{post.title}</h1>
 - 
 
30 
                            <p> {moment(post.date).format('DD-MM-YYYY')} </p>
 - 
 
31 
                            <p className="card-text">
 - 
 
32 
                                {parse(post.description)}
 - 
 
33 
                            </p>
 - 
 
34 
                            {
 - 
 
35 
                                !!post.file &&
 - 
 
36 
                                <a href={baseUrl + post.file} target='_blank' className="btn btn-primary mt-2" rel="noreferrer">
 - 
 
37 
                                    <i className="fa fa-file" /> Ver adjunto
 - 
 
38 
                                </a>
 - 
 
39 
                            }
 - 
 
40 
                        </div>
 - 
 
41 
                    </div>
 - 
 
42 
                    <button
 - 
 
43 
                        className="btn p-0 position-absolute"
 - 
 
44 
                        onClick={() => setShareOptions(!shareOptions)}
 - 
 
45 
                        style={{ right: '1rem', top: '0', fontSize: '1.5rem' }}
 25 
                </div>
46 
                    >
 - 
 
47 
                        <BiShareAlt />
 - 
 
48 
                    </button>
 - 
 
49 
                    {
 26 
            </div >
50 
                        shareOptions &&
 27 
            <div className="job_descp">
51 
                        <div className="ext_share post" ref={shareContainer}>
 - 
 
52 
                            <FacebookShareButton url={post.share_external_url}>
 - 
 
53 
                                <FacebookIcon size={32} round />
 - 
 
54 
                            </FacebookShareButton>
 - 
 
55 
                            <TwitterShareButton url={post.share_external_url}>
 - 
 
56 
                                <TwitterIcon size={32} round />
 - 
 
57 
                            </TwitterShareButton>
 - 
 
58 
                            <TelegramShareButton url={post.share_external_url}>
 - 
 
59 
                                <TelegramIcon size={32} round />
 - 
 
60 
                            </TelegramShareButton>
 - 
 
61 
                            <WhatsappShareButton url={post.share_external_url}>
 - 
 
62 
                                <WhatsappIcon size={32} round />
 - 
 
63 
                            </WhatsappShareButton>
 - 
 
64 
                            <RedditShareButton url={post.share_external_url}>
 - 
 
65 
                                <RedditIcon size={32} round />
 28 
                <div className="show-read-more">
66 
                            </RedditShareButton>
 - 
 
67 
                            <EmailShareButton url={post.share_external_url}>
 - 
 
68 
                                <EmailIcon size={32} round />
 - 
 
69 
                            </EmailShareButton>
 - 
 
70 
                        </div>
 - 
 
71 
                    }
 29 
                    {parse(post.description)}
- 
 
 30 
                </div>
- 
 
 31 
                <img
- 
 
 32 
                    alt={post.title}
- 
 
 33 
                    src={baseUrl + post.image}
- 
 
 34 
                    className="Entradas"
- 
 
 35 
                />
- 
 
 36 
            </div>
- 
 
 37 
            <div className="job-status-bar">
- 
 
 38 
                <ul className="reactions-list">
- 
 
 39 
                    <li className="position-relative">
- 
 
 40 
                        <button
- 
 
 41 
                            type="button"
- 
 
 42 
                            className="btn-indicator"
- 
 
 43 
                            onClick={() => setShareOptions(!shareOptions)}
- 
 
 44 
                        >
- 
 
 45 
                            <BiShareAlt />
- 
 
 46 
                        </button>
- 
 
 47 
                        {
- 
 
 48 
                            shareOptions &&
- 
 
 49 
                            <div className="ext_share" ref={shareContainer}>
- 
 
 50 
                                <FacebookShareButton url={post.share_external_url}>
- 
 
 51 
                                    <FacebookIcon size={32} round />
- 
 
 52 
                                </FacebookShareButton>
- 
 
 53 
                                <TwitterShareButton url={post.share_external_url}>
- 
 
 54 
                                    <TwitterIcon size={32} round />
- 
 
 55 
                                </TwitterShareButton>
- 
 
 56 
                                <TelegramShareButton url={post.share_external_url}>
- 
 
 57 
                                    <TelegramIcon size={32} round />
- 
 
 58 
                                </TelegramShareButton>
- 
 
 59 
                                <WhatsappShareButton url={post.share_external_url}>
- 
 
 60 
                                    <WhatsappIcon size={32} round />
- 
 
 61 
                                </WhatsappShareButton>
- 
 
 62 
                                <RedditShareButton url={post.share_external_url}>
- 
 
 63 
                                    <RedditIcon size={32} round />
- 
 
 64 
                                </RedditShareButton>
- 
 
 65 
                                <EmailShareButton url={post.share_external_url}>
- 
 
 66 
                                    <EmailIcon size={32} round />
- 
 
 67 
                                </EmailShareButton>
- 
 
 68 
                            </div>
- 
 
 69 
                        }
- 
 
 70 
                    </li>
72 
                </div>
 71 
                </ul>
73 
            </div>
 72 
            </div>
74 
        </div >
 73 
        </div >
75 
    )
 74 
    )