Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 3546 Rev 3845
Línea 90... Línea 90...
90 
 
 90 
 
91 
  return (
 91 
  return (
92 
    <React.Fragment>
 92 
    <React.Fragment>
93 
      <section className="cover-sec">
 93 
      <section className="cover-sec">
94 
        <img
 - 
 
95 
          // src="<?php echo $this->url('storage', ['type' => 'group-cover', 'code' => $group_id_encrypted, 'filename' => $cover]) ?>"
 94 
        <img
96 
          src={`/storage/type/group-cover/code/${groupId}/${cover ? `filename/${cover}` : ""
 - 
 
97 
            }`}
 95 
          src={`/storage/type/group-cover/code/${groupId}/${cover ? `filename/${cover}` : ""}`}
98 
          alt="cover-image"
 96 
          alt="cover-image"
99 
        />
 97 
        />
100 
      </section>
 98 
      </section>
101 
      <main>
 99 
      <main>
Línea 114... Línea 112...
114 
                    <h1 className="font-weight-bold" style={{ fontSize: '1.5rem' }} >{name}</h1>
 112 
                    <h1 className="font-weight-bold" style={{ fontSize: '1.5rem' }} >{name}</h1>
115 
                    <ul className="flw-status">
 113 
                    <ul className="flw-status">
116 
                      <div className="container horizontal-list">
 114 
                      <div className="container horizontal-list">
117 
                        <div className="row ">
 115 
                        <div className="row ">
118 
                          {
 116 
                          {
119 
                            linkInmail
 117 
                            linkInmail &&
120 
                            &&
 - 
 
121 
                            <a
 118 
                            <a
122 
                              href={linkInmail || '#'}
 119 
                              href={linkInmail || '#'}
123 
                              className="btn btn-primary"
 120 
                              className="btn btn-primary"
124 
                            >
 121 
                            >
125 
                              Contactar con el Administrador
 122 
                              Contactar con el Administrador
Línea 128... Línea 125...
128 
                          <div className="members_count">
 125 
                          <div className="members_count">
129 
                            <b style={{ fontSize: '1rem' }} >{totalMembers}</b>
 126 
                            <b style={{ fontSize: '1rem' }} >{totalMembers}</b>
130 
                            <p>Miembros</p>
 127 
                            <p>Miembros</p>
131 
                          </div>
 128 
                          </div>
132 
                          {
 129 
                          {
133 
                            actionLinks.link_accept && (
 130 
                            actionLinks.link_accept &&
134 
                              <button
 131 
                            <button
135 
                                onClick={() => handleActionLink(actionLinks.link_accept)}
 132 
                              onClick={() => handleActionLink(actionLinks.link_accept)}
136 
                                className="btn btn-primary"
 133 
                              className="btn btn-primary"
137 
                                title=""
 - 
 
138 
                              >
 134 
                            >
139 
                                <span className="ellipsis">
 - 
 
140 
                                  Aceptar invitacion
 135 
                              Aceptar invitacion
141 
                                </span>
 - 
 
142 
                              </button>
 136 
                            </button>
143 
                            )
 - 
 
144 
                          }
 137 
                          }
145 
                          {
 138 
                          {
146 
                            actionLinks.link_cancel && (
 139 
                            actionLinks.link_cancel &&
147 
                              <button
 140 
                            <button
148 
                                onClick={() => handleActionLink(actionLinks.link_cancel)}
 141 
                              onClick={() => handleActionLink(actionLinks.link_cancel)}
149 
                                className="btn btn-primary"
 142 
                              className="btn btn-primary"
150 
                                title=""
 - 
 
151 
                              >
 143 
                            >
152 
                                <span className="ellipsis">
 - 
 
153 
                                  Cancelar invitacion
 144 
                              Cancelar invitacion
154 
                                </span>
 - 
 
155 
                              </button>
 145 
                            </button>
156 
                            )
 - 
 
157 
                          }
 146 
                          }
158 
                          {
 147 
                          {
159 
                            (!linkInvite && actionLinks.link_leave) && (
 148 
                            (!linkInvite && actionLinks.link_leave) &&
160 
                              <button
 149 
                            <button
161 
                                onClick={() => handleActionLink(actionLinks.link_leave)}
 150 
                              onClick={() => handleActionLink(actionLinks.link_leave)}
162 
                                className="btn btn-primary"
 151 
                              className="btn btn-primary"
163 
                                title=""
 - 
 
164 
                              >
 152 
                            >
165 
                                <span className="ellipsis">
 - 
 
166 
                                  Abandonar grupo
 153 
                              Abandonar grupo
167 
                                </span>
 - 
 
168 
                              </button>
 154 
                            </button>
169 
                            )
 - 
 
170 
                          }
 155 
                          }
171 
                          {
 156 
                          {
172 
                            actionLinks.link_request && (
 157 
                            actionLinks.link_request &&
173 
                              <button
 158 
                            <button
174 
                                onClick={() => handleActionLink(actionLinks.link_request)}
 159 
                              onClick={() => handleActionLink(actionLinks.link_request)}
175 
                                className="btn btn-primary"
 160 
                              className="btn btn-primary"
176 
                                title=""
 - 
 
177 
                              >
 161 
                            >
178 
                                {accessibility === 'Auto unirse' ? 'Unirse' : 'Solicitar membresia'}
 162 
                              {accessibility === 'Auto unirse' ? 'Unirse' : 'Solicitar membresia'}
179 
                              </button>
 163 
                            </button>
180 
                            )
 - 
 
181 
                          }
 164 
                          }
182 
                        </div>
 165 
                        </div>
183 
                      </div>
 166 
                      </div>
Línea 184... Línea 167...
184 
 
 167 
 
Línea 188... Línea 171...
188 
                <GroupMembersHelper groupId={groupId} handleFirstLinkInvite={link => setLinkInvite(link)} />
 171 
                <GroupMembersHelper groupId={groupId} handleFirstLinkInvite={link => setLinkInvite(link)} />
189 
              </div>
 172 
              </div>
190 
              <div className="main-ws-sec">
 173 
              <div className="main-ws-sec">
191 
                <div className="user-tab-sec">
 174 
                <div className="user-tab-sec">
192 
                  {
 175 
                  {
193 
                    !withoutFeeds && (
 176 
                    !withoutFeeds &&
194 
                      <div className="row">
 177 
                    <div className="row">
195 
                        <div className="col text-left pl-0">
 178 
                      <div className="col text-left pl-0">
196 
                          <button
 179 
                        <button
197 
                            className={` ${currentTab === groupTabs.FEED_TAB ? "active" : ""
 180 
                          className={` ${currentTab === groupTabs.FEED_TAB ? "active" : ""} animated fadeIn btn btn-link p-0 text-decoration-none`}
198 
                              } animated fadeIn btn btn-link p-0 text-decoration-none`}
 - 
 
199 
                            onClick={(e) => {
 181 
                          onClick={(e) => {
200 
                              e.preventDefault();
 182 
                            e.preventDefault();
201 
                              setCurrentTab(groupTabs.FEED_TAB);
 183 
                            setCurrentTab(groupTabs.FEED_TAB);
202 
 
 - 
 
203 
                            }}
 184 
                          }}
204 
                          >
 185 
                        >
205 
                            <span className="ellipsis text-dark font-weight-bold">Ver Publicaciones</span>
 186 
                          Ver Publicaciones
206 
                          </button>
 187 
                        </button>
207 
                        </div>
 188 
                      </div>
208 
                        <div className="col text-right pl-0">
 189 
                      <div className="col text-right pl-0">
209 
                          <button
 190 
                        <button
210 
                            className={` ${currentTab === groupTabs.INFO_TAB ? "active" : ""
 191 
                          className={` ${currentTab === groupTabs.INFO_TAB ? "active" : ""} animated fadeIn btn btn-link p-0 text-decoration-none`}
211 
                              } animated fadeIn btn btn-link p-0 text-decoration-none`}
 - 
 
212 
                            onClick={(e) => {
 192 
                          onClick={(e) => {
213 
                              e.preventDefault();
 193 
                            e.preventDefault();
214 
                              setCurrentTab(groupTabs.INFO_TAB);
 194 
                            setCurrentTab(groupTabs.INFO_TAB);
215 
                            }}
 195 
                          }}
216 
                          >
 196 
                        >
217 
                            <span className="ellipsis text-dark font-weight-bold">Ver Información</span>
 - 
 
218 
                          </button>
 197 
                          Ver Información
219 
                        </div>
 198 
                        </button>
220 
                      </div>
 199 
                      </div>
221 
                    )
 200 
                    </div>
222 
                  }
 201 
                  }
223 
                  {/* <!-- tab-feed end--> */}
 - 
 
224 
                </div>
 202 
                </div>
225 
                {/* <!--user-tab-sec end--> */}
 - 
 
226 
 
 - 
 
227 
                <div
 203 
                <div
228 
                  className="product-feed-tab animated fadeIn"
 204 
                  className="product-feed-tab animated fadeIn"
229 
                  id="feed-dd"
 - 
 
230 
                  style={{
 - 
 
231 
                    display:
 - 
 
232 
                      currentTab === groupTabs.FEED_TAB ? "flex" : "none",
 205 
                  style={{ display: currentTab === groupTabs.FEED_TAB ? "flex" : "none" }}
233 
                  }}
 - 
 
234 
                >
 206 
                >
235 
                  <ShareFeed
 207 
                  <ShareFeed
236 
                    feedType={feedTypes.GROUP}
 208 
                    feedType={feedTypes.GROUP}
237 
                    postUrl={`/feed/add/group/${groupId}`}
 209 
                    postUrl={`/feed/add/group/${groupId}`}
238 
                    image={`/storage/type/group/code/${groupId}/${image ? `filename/${image}` : ""}`}
 210 
                    image={`/storage/type/group/code/${groupId}/${image ? `filename/${image}` : ""}`}
239 
                  />
 211 
                  />
240 
                  {/* <!--posts-section star--> */}
 - 
 
241 
                  <div className="posts-section">
 212 
                  <div className="posts-section">
242 
                    <FeedSection
 213 
                    <FeedSection
243 
                      routeTimeline={routeTimeline}
 214 
                      routeTimeline={routeTimeline}
244 
                      image={`/storage/type/group/code/${groupId}/${image ? `filename/${image}` : ""}`}
 215 
                      image={`/storage/type/group/code/${groupId}/${image ? `filename/${image}` : ""}`}
245 
                    />
 216 
                    />
246 
                  </div>
 217 
                  </div>
247 
                  {/* <!--posts-section end--> */}
 - 
 
248 
                </div>
 218 
                </div>
249 
                {/* <!--product-feed-tab end--> */}
 - 
 
250 
 
 - 
 
251 
                <div
 219 
                <div
252 
                  className="product-feed-tab  animated fadeIn"
 220 
                  className="product-feed-tab  animated fadeIn"
253 
                  id="info-dd"
 - 
 
254 
                  style={{ display: currentTab === groupTabs.INFO_TAB ? "flex" : "none", }}
 221 
                  style={{ display: currentTab === groupTabs.INFO_TAB ? "flex" : "none", }}
255 
                >
 222 
                >
256 
                  <div className="main-ws-sec">
 223 
                  <div className="main-ws-sec">
257 
                    {/* <!--user-tab-sec start--> */}
 - 
 
258 
                    {!!overview && (
 224 
                    {!!overview &&
259 
                      <div className="user-profile-extended-ov">
 225 
                      <div className="user-profile-extended-ov">
260 
                        <h3>Visión General</h3>
 226 
                        <h3>Visión General</h3>
261 
                        <span id="overview-description">
 227 
                        <span id="overview-description">
262 
                          {parse(overview)}
 228 
                          {parse(overview)}
263 
                        </span>
 229 
                        </span>
264 
                      </div>
 230 
                      </div>
265 
                    )}
 231 
                    }
266 
                    {/* <!--user-tab-sec endit--> */}
 - 
 
267 
 
 - 
 
268 
                    {/* <!--user-tab-sec start--> */}
 - 
 
269 
                    {!!groupType && (
 232 
                    {!!groupType &&
270 
                      <div className="user-profile-extended-ov">
 233 
                      <div className="user-profile-extended-ov">
271 
                        <h3>Tipo</h3>
 234 
                        <h3>Tipo</h3>
272 
                        <span id="overview-type">{groupType}</span>
 235 
                        <span id="overview-type">{groupType}</span>
273 
                      </div>
 236 
                      </div>
274 
                    )}
 237 
                    }
275 
                    {/* <!--user-tab-sec endit--> */}
 - 
 
276 
 
 - 
 
277 
                    {/* <!--user-tab-sec start--> */}
 - 
 
278 
                    {!!industry && (
 238 
                    {!!industry &&
279 
                      <div className="user-profile-extended-ov">
 239 
                      <div className="user-profile-extended-ov">
280 
                        <h3>Industria</h3>
 240 
                        <h3>Industria</h3>
281 
                        <span id="overview-industry">{industry}</span>
 241 
                        <span id="overview-industry">{industry}</span>
282 
                      </div>
 242 
                      </div>
283 
                    )}
 243 
                    }
284 
                    {/* <!--user-tab-sec endit--> */}
 - 
 
285 
 
 - 
 
286 
                    {/* <!--user-tab-sec start--> */}
 - 
 
287 
                    {/* <?php if($privacy) : ?> */}
 - 
 
288 
                    {!!privacy && (
 244 
                    {!!privacy &&
289 
                      <div className="user-profile-extended-ov">
 245 
                      <div className="user-profile-extended-ov">
290 
                        <h3>Privacidad</h3>
 246 
                        <h3>Privacidad</h3>
291 
                        <span id="overview-privacy">{privacy}</span>
 247 
                        <span id="overview-privacy">{privacy}</span>
292 
                      </div>
 248 
                      </div>
293 
                    )}
 249 
                    }
294 
                    {/* <!--user-tab-sec endit--> */}
 - 
 
295 
 
 - 
 
296 
                    {/* <!--user-tab-sec start--> */}
 - 
 
297 
                    {!!accessibility && (
 250 
                    {!!accessibility &&
298 
                      <div className="user-profile-extended-ov">
 251 
                      <div className="user-profile-extended-ov">
299 
                        <h3>Accesibilidad</h3>
 252 
                        <h3>Accesibilidad</h3>
300 
                        <span id="overview-accessibility">
 253 
                        <span id="overview-accessibility">
301 
                          {accessibility}
 254 
                          {accessibility}
302 
                        </span>
 255 
                        </span>
303 
                      </div>
 256 
                      </div>
304 
                    )}
 257 
                    }
305 
                    {/* <!--user-tab-sec endit--> */}
 - 
 
306 
 
 - 
 
307 
                    {/* <!--user-tab-sec start--> */}
 - 
 
308 
                    {!!website && (
 258 
                    {!!website &&
309 
                      <div className="user-profile-extended-ov">
 259 
                      <div className="user-profile-extended-ov">
310 
                        <h3>Página Web</h3>
 260 
                        <h3>Página Web</h3>
311 
                        <span id="overview-website">{website}</span>
 261 
                        <span id="overview-website">{website}</span>
312 
                      </div>
 262 
                      </div>
313 
                    )}
 263 
                    }
314 
                    {/* <!--user-tab-sec endit--> */}
 - 
 
315 
 
 - 
 
316 
                    {/* <!--user-profile-ov end--> */}
 - 
 
317 
                  </div>
 264 
                  </div>
318 
                  {/* <!--main-ws-sec end--> */}
 - 
 
319 
                </div>
 265 
                </div>
320 
              </div>
 266 
              </div>
321 
              <SuggestedGroupsHelper groupId={groupId} />
 267 
              <SuggestedGroupsHelper groupId={groupId} />
322 
            </div>
 268 
            </div>
323 
          </div >
 269 
          </div >