Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 2255 Rev 2372
Línea 122... Línea 122...
122 
      </section>
 122 
      </section>
123 
      <main>
 123 
      <main>
124 
        <div className="main-section">
 124 
        <div className="main-section">
125 
          <div className="ph-5">
 125 
          <div className="ph-5">
126 
            <div className="main-section-data">
 126 
            <div className="main-section-data">
127 
              <div className="row">
 - 
 
128 
                <div className="col-lg-3">
 - 
 
129 
                  <div className="main-left-sidebar border-radius border-gray overflow-hidden">
 127 
              <div className="main-left-sidebar border-radius border-gray overflow-hidden">
130 
                    <div className="user_profile m-0 p-1">
 128 
                <div className="user_profile m-0 p-1">
131 
                      <div className="user-pro-img">
 129 
                  <div className="user-pro-img">
132 
                        <img
 130 
                    <img
133 
                          // src="<?php echo $this->url('storage', ['type' => 'group', 'code' => $group_id_encrypted, 'filename' => $image]) ?>"
 131 
                      // src="<?php echo $this->url('storage', ['type' => 'group', 'code' => $group_id_encrypted, 'filename' => $image]) ?>"
134 
                          src={`/storage/type/group/code/${groupId}/${image ? `filename/${image}` : ""
 132 
                      src={`/storage/type/group/code/${groupId}/${image ? `filename/${image}` : ""
135 
                            }`}
 133 
                        }`}
136 
                          alt="profile-image"
 134 
                      alt="profile-image"
137 
                        />
 135 
                    />
138 
                      </div>
 136 
                  </div>
139 
                      <div className="user_pro_status">
 137 
                  <div className="user_pro_status">
140 
                        <h1 className="font-weight-bold" style={{ fontSize: '1.5rem' }} >{name}</h1>
 138 
                    <h1 className="font-weight-bold" style={{ fontSize: '1.5rem' }} >{name}</h1>
141 
                        <ul className="flw-status">
 139 
                    <ul className="flw-status">
142 
                          <div
 140 
                      <div
143 
                            className="container horizontal-list"
 141 
                        className="container horizontal-list"
- 
 
 142 
                      >
- 
 
 143 
                        <div className="row ">
- 
 
 144 
                          <div className="col">
- 
 
 145 
                            <a
- 
 
 146 
                              href={linkInmail || '#'}
- 
 
 147 
                              className="btn btn-primary"
- 
 
 148 
                              title=""
144 
                          >
 149 
                            >
- 
 
 150 
                              Mensaje
- 
 
 151 
                            </a>
- 
 
 152 
                          </div>
145 
                            <div className="row ">
 153 
                          <div className="col">
- 
 
 154 
                            <p>Miembros</p>
- 
 
 155 
                            <b style={{ fontSize: '1rem' }} >{totalMembers}</b>
- 
 
 156 
                          </div>
- 
 
 157 
                          {
- 
 
 158 
                            actionLinks.link_accept && (
146 
                              <div className="col">
 159 
                              <div className="col">
147 
                                <a
 160 
                                <button
148 
                                  href={linkInmail || '#'}
 161 
                                  onClick={() => handleActionLink(actionLinks.link_accept)}
149 
                                  className="btn btn-primary"
 162 
                                  className="btn btn-primary"
150 
                                  title=""
 163 
                                  title=""
151 
                                >
 164 
                                >
- 
 
 165 
                                  <span className="ellipsis">
- 
 
 166 
                                    Aceptar invitacion
152 
                                  Mensaje
 167 
                                  </span>
153 
                                </a>
 168 
                                </button>
154 
                              </div>
 169 
                              </div>
- 
 
 170 
                            )
- 
 
 171 
                          }
- 
 
 172 
                          {
- 
 
 173 
                            actionLinks.link_cancel && (
155 
                              <div className="col">
 174 
                              <div className="col">
156 
                                <p>Miembros</p>
 175 
                                <button
157 
                                <b style={{ fontSize: '1rem' }} >{totalMembers}</b>
 176 
                                  onClick={() => handleActionLink(actionLinks.link_cancel)}
- 
 
 177 
                                  className="btn btn-primary"
- 
 
 178 
                                  title=""
- 
 
 179 
                                >
- 
 
 180 
                                  <span className="ellipsis">
- 
 
 181 
                                    Cancelar invitacion
- 
 
 182 
                                  </span>
- 
 
 183 
                                </button>
158 
                              </div>
 184 
                              </div>
159 
                              {
 185 
                            )
160 
                                actionLinks.link_accept && (
 - 
 
161 
                                  <div className="col">
 - 
 
162 
                                    <button
 - 
 
163 
                                      onClick={() => handleActionLink(actionLinks.link_accept)}
 - 
 
164 
                                      className="btn btn-primary"
 - 
 
165 
                                      title=""
 - 
 
166 
                                    >
 - 
 
167 
                                      <span className="ellipsis">
 - 
 
168 
                                        Aceptar invitacion
 - 
 
169 
                                      </span>
 - 
 
170 
                                    </button>
 - 
 
171 
                                  </div>
 - 
 
172 
                                )
 - 
 
173 
                              }
 - 
 
174 
                              {
 - 
 
175 
                                actionLinks.link_cancel && (
 - 
 
176 
                                  <div className="col">
 - 
 
177 
                                    <button
 - 
 
178 
                                      onClick={() => handleActionLink(actionLinks.link_cancel)}
 - 
 
179 
                                      className="btn btn-primary"
 - 
 
180 
                                      title=""
 - 
 
181 
                                    >
 - 
 
182 
                                      <span className="ellipsis">
 - 
 
183 
                                        Cancelar invitacion
 - 
 
184 
                                      </span>
 - 
 
185 
                                    </button>
 - 
 
186 
                                  </div>
 - 
 
187 
                                )
 - 
 
188 
                              }
 186 
                          }
189 
                              {
 187 
                          {
190 
                                (!linkInvite && actionLinks.link_leave) && (
 188 
                            (!linkInvite && actionLinks.link_leave) && (
191 
                                  <div className="col">
 189 
                              <div className="col">
192 
                                    <button
 190 
                                <button
193 
                                      onClick={() => handleActionLink(actionLinks.link_leave)}
 191 
                                  onClick={() => handleActionLink(actionLinks.link_leave)}
194 
                                      className="btn btn-primary"
 192 
                                  className="btn btn-primary"
195 
                                      title=""
 193 
                                  title=""
196 
                                    >
 194 
                                >
197 
                                      <span className="ellipsis">
 195 
                                  <span className="ellipsis">
198 
                                        Abandonar grupo
 196 
                                    Abandonar grupo
199 
                                      </span>
 197 
                                  </span>
200 
                                    </button>
 198 
                                </button>
201 
                                  </div>
 199 
                              </div>
202 
                                )
 200 
                            )
203 
                              }
 201 
                          }
204 
                              {
 202 
                          {
205 
                                actionLinks.link_request && (
 203 
                            actionLinks.link_request && (
206 
                                  <div className="col">
 204 
                              <div className="col">
207 
                                    <button
 205 
                                <button
208 
                                      onClick={() => handleActionLink(actionLinks.link_request)}
 206 
                                  onClick={() => handleActionLink(actionLinks.link_request)}
209 
                                      className="btn btn-primary"
 207 
                                  className="btn btn-primary"
210 
                                      title=""
 208 
                                  title=""
211 
                                    >
 209 
                                >
212 
                                      Solicitar membresia
 210 
                                  Solicitar membresia
213 
                                    </button>
 211 
                                </button>
214 
                                  </div>
 212 
                              </div>
215 
                                )
 213 
                            )
216 
                              }
 214 
                          }
217 
                            </div>
 - 
 
218 
                          </div>
 215 
                        </div>
219 
 
 - 
 
220 
                        </ul>
 - 
 
221 
                      </div>
 216 
                      </div>
- 
 
 217 
 
222 
                    </div>
 218 
                    </ul>
223 
                  </div>
 219 
                  </div>
224 
                  <GroupMembersHelper groupId={groupId} handleFirstLinkInvite={link => setLinkInvite(link)} />
 - 
 
225 
                </div>
 220 
                </div>
- 
 
 221 
                <GroupMembersHelper groupId={groupId} handleFirstLinkInvite={link => setLinkInvite(link)} />
- 
 
 222 
              </div>
- 
 
 223 
              <div className="main-ws-sec">
- 
 
 224 
                <div className="user-tab-sec">
- 
 
 225 
                  {
- 
 
 226 
                    !withoutFeeds && (
- 
 
 227 
                      <div className="row">
- 
 
 228 
                        <div className="col text-left pl-0">
- 
 
 229 
                          <button
- 
 
 230 
                            className={` ${currentTab === groupTabs.FEED_TAB ? "active" : ""
- 
 
 231 
                              } animated fadeIn btn btn-link p-0 text-decoration-none`}
- 
 
 232 
                            onClick={(e) => {
- 
 
 233 
                              e.preventDefault();
- 
 
 234 
                              setCurrentTab(groupTabs.FEED_TAB);
Línea -... Línea 235...
- 
 
 235 
 
- 
 
 236 
                            }}
- 
 
 237 
                          >
- 
 
 238 
                            <span className="ellipsis text-dark font-weight-bold">Ver Publicaciones</span>
- 
 
 239 
                          </button>
226 
 
 240 
                        </div>
- 
 
 241 
                        <div className="col text-right pl-0">
- 
 
 242 
                          <button
227 
                <div className="col-lg-6">
 243 
                            className={` ${currentTab === groupTabs.INFO_TAB ? "active" : ""
- 
 
 244 
                              } animated fadeIn btn btn-link p-0 text-decoration-none`}
- 
 
 245 
                            onClick={(e) => {
- 
 
 246 
                              e.preventDefault();
- 
 
 247 
                              setCurrentTab(groupTabs.INFO_TAB);
- 
 
 248 
                            }}
- 
 
 249 
                          >
- 
 
 250 
                            <span className="ellipsis text-dark font-weight-bold">Ver Información</span>
- 
 
 251 
                          </button>
- 
 
 252 
                        </div>
- 
 
 253 
                      </div>
- 
 
 254 
                    )
- 
 
 255 
                  }
- 
 
 256 
                  {/* <!-- tab-feed end--> */}
- 
 
 257 
                </div>
Línea -... Línea 258...
- 
 
 258 
                {/* <!--user-tab-sec end--> */}
- 
 
 259 
 
- 
 
 260 
                <div
- 
 
 261 
                  className="product-feed-tab animated fadeIn"
- 
 
 262 
                  id="feed-dd"
- 
 
 263 
                  style={{
- 
 
 264 
                    display:
- 
 
 265 
                      currentTab === groupTabs.FEED_TAB ? "block" : "none",
- 
 
 266 
                  }}
- 
 
 267 
                >
- 
 
 268 
                  <ShareFeed
- 
 
 269 
                    feedType={feedTypes.GROUP}
- 
 
 270 
                    postUrl={`/feed/add/group/${groupId}`}
- 
 
 271 
                  />
- 
 
 272 
                  {/* <!--posts-section star--> */}
228 
                  <div className="message-btn d-block d-md-none d-lg-none d-sm-none">
 273 
                  <div className="posts-section">
229 
 
 - 
 
230 
                  </div>
 - 
 
231 
                  <div className="main-ws-sec">
 - 
 
232 
                    <div className="user-tab-sec">
 - 
 
233 
                      {
 - 
 
234 
                        !withoutFeeds && (
 - 
 
235 
                          <div className="row">
 - 
 
236 
                            <div className="col text-left pl-0">
 - 
 
237 
                              <button
 - 
 
238 
                                className={` ${currentTab === groupTabs.FEED_TAB ? "active" : ""
 - 
 
239 
                                  } animated fadeIn btn btn-link p-0 text-decoration-none`}
 - 
 
240 
                                onClick={(e) => {
 - 
 
241 
                                  e.preventDefault();
 - 
 
242 
                                  setCurrentTab(groupTabs.FEED_TAB);
 - 
 
243 
 
 - 
 
244 
                                }}
 - 
 
245 
                              >
 - 
 
246 
                                <span className="ellipsis text-dark font-weight-bold">Ver Publicaciones</span>
 - 
 
247 
                              </button>
 - 
 
248 
                            </div>
 - 
 
249 
                            <div className="col text-right pl-0">
 - 
 
250 
                              <button
 - 
 
251 
                                className={` ${currentTab === groupTabs.INFO_TAB ? "active" : ""
 - 
 
252 
                                  } animated fadeIn btn btn-link p-0 text-decoration-none`}
 - 
 
253 
                                onClick={(e) => {
 - 
 
254 
                                  e.preventDefault();
 - 
 
255 
                                  setCurrentTab(groupTabs.INFO_TAB);
 - 
 
256 
                                }}
 - 
 
257 
                              >
 - 
 
258 
                                <span className="ellipsis text-dark font-weight-bold">Ver Información</span>
 - 
 
259 
                              </button>
 - 
 
260 
                            </div>
 - 
 
261 
                          </div>
 - 
 
262 
                        )
 - 
 
263 
                      }
 - 
 
264 
                      {/* <!-- tab-feed end--> */}
 - 
 
265 
                    </div>
 - 
 
266 
                    {/* <!--user-tab-sec end--> */}
 - 
 
267 
 
 - 
 
268 
                    <div
 - 
 
269 
                      className="product-feed-tab animated fadeIn"
 - 
 
270 
                      id="feed-dd"
 - 
 
271 
                      style={{
 - 
 
272 
                        display:
 - 
 
273 
                          currentTab === groupTabs.FEED_TAB ? "block" : "none",
 - 
 
274 
                      }}
 - 
 
275 
                    >
 - 
 
276 
                      <ShareFeed
 - 
 
277 
                        feedType={feedTypes.GROUP}
 - 
 
278 
                        postUrl={`/feed/add/group/${groupId}`}
 - 
 
279 
                      />
 - 
 
280 
                      {/* <!--posts-section star--> */}
 - 
 
281 
                      <div className="posts-section">
 - 
 
282 
                        <FeedSection routeTimeline={routeTimeline} />
 274 
                    <FeedSection routeTimeline={routeTimeline} />
283 
                      </div>
 275 
                  </div>
284 
                      {/* <!--posts-section end--> */}
 276 
                  {/* <!--posts-section end--> */}
285 
                    </div>
 - 
 
286 
                    {/* <!--product-feed-tab end--> */}
 - 
 
287 
 
 - 
 
288 
                    <div
 - 
 
289 
                      className="product-feed-tab  animated fadeIn"
 - 
 
290 
                      id="info-dd"
 - 
 
291 
                      style={{
 - 
 
292 
                        display:
 - 
 
293 
                          currentTab === groupTabs.INFO_TAB ? "block" : "none",
 - 
 
294 
                      }}
 - 
 
295 
                    >
 - 
 
296 
                      <div className="main-ws-sec">
 - 
 
297 
                        {/* <!--user-tab-sec start--> */}
 - 
 
298 
                        {!!overview && (
 - 
 
299 
                          <div className="user-profile-extended-ov">
 - 
 
300 
                            <h3>Visión General</h3>
 - 
 
301 
                            <span id="overview-description">
 - 
 
302 
                              {parse(overview)}
 - 
 
303 
                            </span>
 - 
 
304 
                          </div>
 - 
 
Línea -... Línea 277...
- 
 
 277 
                </div>
- 
 
 278 
                {/* <!--product-feed-tab end--> */}
- 
 
 279 
 
- 
 
 280 
                <div
- 
 
 281 
                  className="product-feed-tab  animated fadeIn"
- 
 
 282 
                  id="info-dd"
- 
 
 283 
                  style={{
- 
 
 284 
                    display:
- 
 
 285 
                      currentTab === groupTabs.INFO_TAB ? "block" : "none",
305 
                        )}
 286 
                  }}
306 
                        {/* <!--user-tab-sec endit--> */}
 287 
                >
307 
 
 288 
                  <div className="main-ws-sec">
308 
                        {/* <!--user-tab-sec start--> */}
 289 
                    {/* <!--user-tab-sec start--> */}
309 
                        {!!groupType && (
 290 
                    {!!overview && (
- 
 
 291 
                      <div className="user-profile-extended-ov">
- 
 
 292 
                        <h3>Visión General</h3>
310 
                          <div className="user-profile-extended-ov">
 293 
                        <span id="overview-description">
311 
                            <h3>Tipo</h3>
 294 
                          {parse(overview)}
312 
                            <span id="overview-type">{groupType}</span>
 295 
                        </span>
Línea 313... Línea 296...
313 
                          </div>
 296 
                      </div>
314 
                        )}
 297 
                    )}
315 
                        {/* <!--user-tab-sec endit--> */}
 298 
                    {/* <!--user-tab-sec endit--> */}
316 
 
 299 
 
317 
                        {/* <!--user-tab-sec start--> */}
 300 
                    {/* <!--user-tab-sec start--> */}
318 
                        {!!industry && (
 301 
                    {!!groupType && (
319 
                          <div className="user-profile-extended-ov">
 302 
                      <div className="user-profile-extended-ov">
320 
                            <h3>Industria</h3>
 303 
                        <h3>Tipo</h3>
Línea 321... Línea 304...
321 
                            <span id="overview-industry">{industry}</span>
 304 
                        <span id="overview-type">{groupType}</span>
322 
                          </div>
 - 
 
323 
                        )}
 305 
                      </div>
324 
                        {/* <!--user-tab-sec endit--> */}
 306 
                    )}
325 
 
 307 
                    {/* <!--user-tab-sec endit--> */}
326 
                        {/* <!--user-tab-sec start--> */}
 308 
 
327 
                        {/* <?php if($privacy) : ?> */}
 309 
                    {/* <!--user-tab-sec start--> */}
328 
                        {!!privacy && (
 310 
                    {!!industry && (
329 
                          <div className="user-profile-extended-ov">
 311 
                      <div className="user-profile-extended-ov">
Línea 330... Línea 312...
330 
                            <h3>Privacidad</h3>
 312 
                        <h3>Industria</h3>
- 
 
 313 
                        <span id="overview-industry">{industry}</span>
331 
                            <span id="overview-privacy">{privacy}</span>
 314 
                      </div>
332 
                          </div>
 315 
                    )}
333 
                        )}
 316 
                    {/* <!--user-tab-sec endit--> */}
334 
                        {/* <!--user-tab-sec endit--> */}
 317 
 
335 
 
 - 
 
336 
                        {/* <!--user-tab-sec start--> */}
 - 
 
337 
                        {!!accessibility && (
 318 
                    {/* <!--user-tab-sec start--> */}
338 
                          <div className="user-profile-extended-ov">
 319 
                    {/* <?php if($privacy) : ?> */}
339 
                            <h3>Accesibilidad</h3>
 320 
                    {!!privacy && (
Línea 340... Línea 321...
340 
                            <span id="overview-accessibility">
 321 
                      <div className="user-profile-extended-ov">
341 
                              {accessibility}
 322 
                        <h3>Privacidad</h3>
342 
                            </span>
 323 
                        <span id="overview-privacy">{privacy}</span>
343 
                          </div>
 324 
                      </div>
344 
                        )}
 325 
                    )}
- 
 
 326 
                    {/* <!--user-tab-sec endit--> */}
- 
 
 327 
 
345 
                        {/* <!--user-tab-sec endit--> */}
 328 
                    {/* <!--user-tab-sec start--> */}
346 
 
 329 
                    {!!accessibility && (
347 
                        {/* <!--user-tab-sec start--> */}
 330 
                      <div className="user-profile-extended-ov">
Línea 348... Línea 331...
348 
                        {!!website && (
 331 
                        <h3>Accesibilidad</h3>
- 
 
 332 
                        <span id="overview-accessibility">
- 
 
 333 
                          {accessibility}
- 
 
 334 
                        </span>
- 
 
 335 
                      </div>
349 
                          <div className="user-profile-extended-ov">
 336 
                    )}
350 
                            <h3>Página Web</h3>
 - 
 
351 
                            <span id="overview-website">{website}</span>
 337 
                    {/* <!--user-tab-sec endit--> */}
352 
                          </div>
 - 
 
353 
                        )}
 - 
 
354 
                        {/* <!--user-tab-sec endit--> */}
 338 
 
Línea 355... Línea 339...
355 
 
 339 
                    {/* <!--user-tab-sec start--> */}
356 
                        {/* <!--user-profile-ov end--> */}
 340 
                    {!!website && (
357 
                      </div>
 341 
                      <div className="user-profile-extended-ov">
358 
                      {/* <!--main-ws-sec end--> */}
 342 
                        <h3>Página Web</h3>
359 
                    </div>
 343 
                        <span id="overview-website">{website}</span>
- 
 
 344 
                      </div>
360 
                  </div>
 345 
                    )}
361 
                </div>
 346 
                    {/* <!--user-tab-sec endit--> */}
362 
                {/* <!--main-ws-sec end--> */}
 347 
 
363 
 
 348 
                    {/* <!--user-profile-ov end--> */}
364 
                <div className="col-lg-3 d-sm-none d-none d-md-block d-lg-block">
 349 
                  </div>