Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5793 | Rev 5795 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3546 stevensc 1 
/* eslint-disable react/prop-types */
5793 stevensc 2 
import React, { useEffect, useState } from 'react'
3 
import parse from 'html-react-parser'
4 
import { axios } from '../../../utils'
5 
import { setTimelineUrl } from '../../../redux/feed/feed.actions'
6 
import { addNotification } from '../../../redux/notification/notification.actions'
7 
import { feedTypes } from '../../../redux/feed/feed.types'
8 
import FeedSection from '../../../dashboard/components/feed-section/FeedSection'
9 
import ShareFeed from '../../../dashboard/components/share-feed/ShareFeed'
10 
import GroupMembersHelper from '../../../shared/helpers/group-members-helper/GroupMembersHelper'
11 
import GroupAttr from './component/GroupAttr'
12 
import Cover from '../../../shared/cover/Cover'
13 
import SuggestWidget from '../../../shared/helpers/my-groups-helper/SuggestWidget'
5794 stevensc 14 
import { useDispatch } from 'react-redux'
1 www 15 
 
5794 stevensc 16 
const View = ({
17 
  routeTimeline,
18 
  groupId,
19 
  cover,
20 
  image,
21 
  totalMembers,
22 
  name,
23 
  overview,
24 
  groupType,
25 
  industry,
26 
  privacy,
27 
  accessibility,
28 
  website,
29 
  withoutFeeds,
30 
  linkInmail,
31 
}) => {
1 www 32 
  const groupTabs = {
5793 stevensc 33 
    FEED_TAB: 'FEED_TAB',
34 
    INFO_TAB: 'INFO_TAB',
35 
  }
1068 stevensc 36 
 
5794 stevensc 37 
  const [actionLinks, setActionLinks] = useState({})
38 
  const [linkInvite, setLinkInvite] = useState('')
5793 stevensc 39 
  const [currentTab, setCurrentTab] = useState(
40 
    withoutFeeds ? groupTabs.INFO_TAB : groupTabs.FEED_TAB
41 
  )
5794 stevensc 42 
  const dispatch = useDispatch()
2246 stevensc 43 
 
44 
  const load = () => {
5793 stevensc 45 
    axios
46 
      .get('')
3903 stevensc 47 
      .then(({ data }) => {
48 
        if (!data.success) {
5794 stevensc 49 
          dispatch(addNotification({ style: 'error', msg: data.data }))
50 
          return
1 www 51 
        }
3903 stevensc 52 
        setActionLinks(data.data)
1 www 53 
      })
5793 stevensc 54 
      .catch((err) => console.log('>>: err > ', err))
1 www 55 
  }
2246 stevensc 56 
 
5794 stevensc 57 
  useEffect(() => load(), [])
1068 stevensc 58 
 
5794 stevensc 59 
  useEffect(() => dispatch(setTimelineUrl(routeTimeline)), [])
60 
 
1 www 61 
  const handleActionLink = (url) => {
5793 stevensc 62 
    axios
63 
      .post(url)
3903 stevensc 64 
      .then(({ data }) => {
65 
        if (!data.success) {
5794 stevensc 66 
          dispatch(addNotification({ style: 'error', msg: data.data }))
67 
          return
1 www 68 
        }
5794 stevensc 69 
        dispatch(addNotification({ style: 'success', msg: data.data }))
3903 stevensc 70 
        window.location.reload()
1 www 71 
      })
5793 stevensc 72 
      .catch((err) => console.log('>>: err > ', err))
1 www 73 
  }
2246 stevensc 74 
 
1 www 75 
  return (
3903 stevensc 76 
    <>
5793 stevensc 77 
      <Cover cover={cover} id={groupId} type="group" />
78 
      <main className="main-section-data container px-0 mt-3">
79 
        <div className="main-left-sidebar">
80 
          <div className="user_profile">
81 
            <div className="user-pro-img">
82 
              <img
83 
                src={`/storage/type/group/code/${groupId}/${
84 
                  image ? `filename/${image}` : ''
85 
                }`}
86 
                alt="profile-image"
87 
              />
88 
            </div>
89 
            <div className="user_pro_status">
90 
              <h1 className="font-weight-bold" style={{ fontSize: '1.5rem' }}>
91 
                {name}
92 
              </h1>
93 
              <ul className="flw-status">
94 
                <div className="container horizontal-list">
95 
                  <div className="row ">
96 
                    {linkInmail && (
97 
                      <a href={linkInmail || '#'} className="btn btn-primary">
98 
                        Contactar con el Administrador
99 
                      </a>
100 
                    )}
101 
                    <div className="members_count">
102 
                      <b style={{ fontSize: '1rem' }}>{totalMembers}</b>
103 
                      <p>Miembros</p>
3845 stevensc 104 
                    </div>
5793 stevensc 105 
                    {actionLinks.link_accept && (
106 
                      <button
107 
                        onClick={() =>
108 
                          handleActionLink(actionLinks.link_accept)
109 
                        }
110 
                        className="btn btn-primary"
111 
                      >
112 
                        Aceptar invitacion
113 
                      </button>
114 
                    )}
115 
                    {actionLinks.link_cancel && (
116 
                      <button
117 
                        onClick={() =>
118 
                          handleActionLink(actionLinks.link_cancel)
119 
                        }
120 
                        className="btn btn-primary"
121 
                      >
122 
                        Cancelar invitacion
123 
                      </button>
124 
                    )}
125 
                    {!linkInvite && actionLinks.link_leave && (
126 
                      <button
127 
                        onClick={() => handleActionLink(actionLinks.link_leave)}
128 
                        className="btn btn-primary"
129 
                      >
130 
                        Abandonar grupo
131 
                      </button>
132 
                    )}
133 
                    {actionLinks.link_request && (
134 
                      <button
135 
                        onClick={() =>
136 
                          handleActionLink(actionLinks.link_request)
137 
                        }
138 
                        className="btn btn-primary"
139 
                      >
140 
                        {accessibility === 'Auto unirse'
141 
                          ? 'Unirse'
142 
                          : 'Solicitar membresia'}
143 
                      </button>
144 
                    )}
1 www 145 
                  </div>
5793 stevensc 146 
                </div>
147 
              </ul>
3903 stevensc 148 
            </div>
149 
          </div>
5793 stevensc 150 
          <GroupMembersHelper
151 
            groupId={groupId}
152 
            handleFirstLinkInvite={(link) => setLinkInvite(link)}
153 
          />
154 
        </div>
155 
        <div className="main-ws-sec">
156 
          <div className="user-tab-sec">
157 
            {!withoutFeeds && (
158 
              <div className="row">
159 
                <div className="col text-left pl-0">
160 
                  <button
161 
                    className={` ${
162 
                      currentTab === groupTabs.FEED_TAB ? 'active' : ''
163 
                    } animated fadeIn btn btn-link p-0 text-decoration-none`}
164 
                    onClick={() => setCurrentTab(groupTabs.FEED_TAB)}
165 
                  >
166 
                    <span className="font-weight-bold">Ver Publicaciones</span>
167 
                  </button>
1 www 168 
                </div>
5793 stevensc 169 
                <div className="col text-right pr-0">
170 
                  <button
171 
                    className={` ${
172 
                      currentTab === groupTabs.INFO_TAB ? 'active' : ''
173 
                    } animated fadeIn btn btn-link p-0 text-decoration-none`}
174 
                    onClick={() => setCurrentTab(groupTabs.INFO_TAB)}
175 
                  >
176 
                    <span className="font-weight-bold">Ver Información</span>
177 
                  </button>
178 
                </div>
179 
              </div>
180 
            )}
181 
          </div>
182 
          {currentTab === groupTabs.FEED_TAB && (
183 
            <div className="product-feed-tab fadeIn">
3903 stevensc 184 
              <ShareFeed
185 
                feedType={feedTypes.GROUP}
186 
                postUrl={`/feed/add/group/${groupId}`}
5793 stevensc 187 
                image={`/storage/type/group/code/${groupId}/${
188 
                  image ? `filename/${image}` : ''
189 
                }`}
3903 stevensc 190 
              />
191 
              <div className="posts-section">
192 
                <FeedSection
193 
                  routeTimeline={routeTimeline}
5793 stevensc 194 
                  image={`/storage/type/group/code/${groupId}/${
195 
                    image ? `filename/${image}` : ''
196 
                  }`}
3903 stevensc 197 
                />
1 www 198 
              </div>
3903 stevensc 199 
            </div>
5793 stevensc 200 
          )}
201 
          {currentTab === groupTabs.INFO_TAB && (
202 
            <div className="product-feed-tab fadeIn">
203 
              {overview && (
204 
                <GroupAttr title="Visión General">
205 
                  <span>{parse(overview)}</span>
206 
                </GroupAttr>
207 
              )}
208 
              {groupType && (
209 
                <GroupAttr title="Tipo">
210 
                  <span>{groupType}</span>
211 
                </GroupAttr>
212 
              )}
213 
              {industry && (
214 
                <GroupAttr title="Industria">
215 
                  <span>{industry}</span>
216 
                </GroupAttr>
217 
              )}
218 
              {!!privacy && (
219 
                <GroupAttr title="Privacidad">
220 
                  <span>{privacy}</span>
221 
                </GroupAttr>
222 
              )}
223 
              {!!accessibility && (
224 
                <GroupAttr title="Accesibilidad">
225 
                  <span>{accessibility}</span>
226 
                </GroupAttr>
227 
              )}
228 
              {!!website && (
229 
                <GroupAttr title="Página Web">
230 
                  <span>{website}</span>
231 
                </GroupAttr>
232 
              )}
1 www 233 
            </div>
5793 stevensc 234 
          )}
3903 stevensc 235 
        </div>
5793 stevensc 236 
        <div className="right-sidebar">
237 
          <SuggestWidget title="Grupos:" url="/helpers/groups-suggestion" />
238 
        </div>
239 
      </main>
3903 stevensc 240 
    </>
5793 stevensc 241 
  )
242 
}
1 www 243 
 
5794 stevensc 244 
export default View