Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 2442 Rev 2443
Línea 140... Línea 140...
140 
              <div className="main-left-sidebar">
 140 
              <div className="main-left-sidebar">
141 
                <div className="user_profile border-gray border-radius pb-5">
 141 
                <div className="user_profile border-gray border-radius pb-5">
142 
                  <div className="user-pro-img">
 142 
                  <div className="user-pro-img">
143 
                    <img
 143 
                    <img
144 
                      id="company-img"
 144 
                      id="company-img"
145 
                      src={`/storage/type/company/code/${companyId}/${image ? `filename/${image}` : ""
 145 
                      src={`/storage/type/company/code/${companyId}/${image ? `filename/${image}` : ""}`}
146 
                        }`}
 - 
 
147 
                      alt="profile-image"
 146 
                      alt="profile-image"
148 
                    />
 147 
                    />
149 
                  </div>
 148 
                  </div>
150 
                  {/* <!--user-pro-img end--> */}
 - 
 
151 
                  <div className="user_pro_status">
 149 
                  <div className="user_pro_status">
152 
                    <h1>{companyName}</h1>
 150 
                    <h1>{companyName}</h1>
153 
                    <div
 151 
                    <div
154 
                      className="row"
 152 
                      className="row"
155 
                      style={{
 - 
 
156 
                        marginTop: '10px'
 153 
                      style={{ marginTop: '10px' }}
157 
                      }}
 - 
 
158 
                    >
 154 
                    >
159 
                      {
 155 
                      {
160 
                        facebook && (
 156 
                        facebook &&
161 
                          <div
 - 
 
162 
                            className="col col-md col-sm"
 157 
                        <div className="col col-md col-sm">
163 
                          >
 - 
 
164 
                            <i onClick={() => window.location.href = facebook} className="cursor-pointer fa fa-facebook" style={{ fontSize: '1.4rem' }} />
 158 
                          <i onClick={() => window.location.href = facebook} className="cursor-pointer fa fa-facebook" style={{ fontSize: '1.4rem' }} />
165 
                          </div>
 159 
                        </div>
166 
                        )
 - 
 
167 
                      }
 160 
                      }
168 
                      {
 161 
                      {
169 
                        twitter && (
 162 
                        twitter &&
170 
                          <div
 - 
 
171 
                            className="col col-md col-sm"
 163 
                        <div className="col col-md col-sm">
172 
                          >
 - 
 
173 
                            <i onClick={() => window.location.href = twitter} className="cursor-pointer fa fa-twitter" style={{ fontSize: '1.4rem' }} />
 164 
                          <i onClick={() => window.location.href = twitter} className="cursor-pointer fa fa-twitter" style={{ fontSize: '1.4rem' }} />
174 
                          </div>
 165 
                        </div>
175 
                        )
 - 
 
176 
                      }
 166 
                      }
177 
                      {
 167 
                      {
178 
                        instagram && (
 168 
                        instagram &&
179 
                          <div
 - 
 
180 
                            className="col col-md col-sm"
 169 
                        <div className="col col-md col-sm">
181 
                          >
 - 
 
182 
                            <i onClick={() => window.location.href = instagram} className="fa fa-instagram cursor-pointer" style={{ fontSize: '1.4rem' }} />
 170 
                          <i onClick={() => window.location.href = instagram} className="fa fa-instagram cursor-pointer" style={{ fontSize: '1.4rem' }} />
183 
                          </div>
 171 
                        </div>
184 
                        )
 - 
 
185 
                      }
 172 
                      }
186 
                    </div>
 173 
                    </div>
187 
                    <div
 - 
 
188 
                      className="container horizontal-list"
 174 
                    <div className="container horizontal-list">
189 
                    >
 - 
 
190 
                      <div
 - 
 
191 
                        className="row "
 175 
                      <div className="row ">
192 
                      >
 - 
 
193 
                        <div
 - 
 
194 
                          className="col"
 176 
                        <div className="col">
195 
                        >
 - 
 
196 
                          <p style={{ fontSize: '1rem' }} className="ellipsis">
 177 
                          <p style={{ fontSize: '1rem' }} className="ellipsis">
197 
                            Seguidores
 178 
                            Seguidores
198 
                          </p>
 179 
                          </p>
199 
                          <b style={{ fontSize: '1rem' }} id="total-followers">{followers}</b>
 180 
                          <b style={{ fontSize: '1rem' }} id="total-followers">{followers}</b>
200 
                          <br />
 181 
                          <br />
201 
                        </div>
 182 
                        </div>
202 
                        {authorizedLinks?.link_unfollow && (
 183 
                        {authorizedLinks?.link_unfollow &&
203 
                          <div
 - 
 
204 
                            className="col"
 184 
                          <div className="col">
205 
                          >
 - 
 
206 
                            <button
 185 
                            <button
207 
                              href="#"
 - 
 
208 
                              className="btn btn-primary"
 186 
                              className="btn btn-primary"
209 
                              onClick={(e) => {
 - 
 
210 
                                e.preventDefault();
 - 
 
211 
                                handleButtonAction(authorizedLinks?.link_unfollow);
 187 
                              onClick={() => handleButtonAction(authorizedLinks?.link_unfollow)}
212 
                              }}
 - 
 
213 
                            >
 188 
                            >
214 
                              <span className="ellipsis w-100">
 189 
                              <span className="ellipsis w-100">
215 
                                Dejar de seguir
 190 
                                Dejar de seguir
216 
                              </span>
 191 
                              </span>
217 
                            </button>
 192 
                            </button>
218 
                          </div>
 193 
                          </div>
219 
                        )}
 194 
                        }
220 
                        {authorizedLinks?.link_follow && (
 195 
                        {authorizedLinks?.link_follow &&
221 
                          <div
 - 
 
222 
                            className="col"
 196 
                          <div className="col" >
223 
                          >
 - 
 
224 
                            <button
 197 
                            <button
225 
                              href="#"
 - 
 
226 
                              className="btn btn-primary"
 198 
                              className="btn btn-primary"
227 
                              onClick={(e) => {
 - 
 
228 
                                e.preventDefault();
 - 
 
229 
                                handleButtonAction(authorizedLinks?.link_follow);
 199 
                              onClick={() => handleButtonAction(authorizedLinks?.link_follow)}
230 
                              }}
 - 
 
231 
                            >
 200 
                            >
232 
                              <span className="ellipsis">
 201 
                              <span className="ellipsis">
233 
                                Seguir
 202 
                                Seguir
234 
                              </span>
 203 
                              </span>
235 
                            </button>
 204 
                            </button>
236 
                          </div>
 205 
                          </div>
237 
                        )}
 206 
                        }
238 
                        {authorizedLinks?.link_request && (
 207 
                        {authorizedLinks?.link_request &&
239 
                          <div
 - 
 
240 
                            className="col"
 208 
                          <div className="col">
241 
                          >
 - 
 
242 
                            <button
 209 
                            <button
243 
                              href="#"
 - 
 
244 
                              className="btn btn-primary"
 210 
                              className="btn btn-primary"
245 
                              onClick={(e) => {
 - 
 
246 
                                e.preventDefault();
 - 
 
247 
                                handleButtonAction(authorizedLinks?.link_request);
 211 
                              onClick={() => handleButtonAction(authorizedLinks?.link_request)}
248 
                              }}
 - 
 
249 
                            >
 212 
                            >
250 
                              <span className="ellipsis">
 213 
                              <span className="ellipsis">
251 
                                Trabaja en esta empresa?
 214 
                                Trabaja en esta empresa?
252 
                              </span>
 215 
                              </span>
253 
                            </button>
 216 
                            </button>
254 
                          </div>
 217 
                          </div>
255 
                        )}
 218 
                        }
256 
                        {authorizedLinks?.link_accept && (
 219 
                        {authorizedLinks?.link_accept &&
257 
                          <div
 - 
 
258 
                            className="col"
 220 
                          <div className="col">
259 
                          >
 - 
 
260 
                            <button
 221 
                            <button
261 
                              href="#"
 - 
 
262 
                              className="btn btn-primary"
 222 
                              className="btn btn-primary"
263 
                              onClick={(e) => {
 - 
 
264 
                                e.preventDefault();
 - 
 
265 
                                handleButtonAction(authorizedLinks?.link_accept);
 223 
                              onClick={() => handleButtonAction(authorizedLinks?.link_accept)}
266 
                              }}
 - 
 
267 
                            >
 224 
                            >
268 
                              <span className="ellipsis">
 225 
                              <span className="ellipsis">
269 
                                Aceptar
 226 
                                Aceptar
270 
                              </span>
 227 
                              </span>
271 
                            </button>
 228 
                            </button>
272 
                          </div>
 229 
                          </div>
273 
                        )}
 230 
                        }
274 
 
 - 
 
275 
                        {authorizedLinks?.link_cancel && (
 231 
                        {authorizedLinks?.link_cancel &&
276 
                          <div
 - 
 
277 
                            className="col"
 232 
                          <div className="col">
278 
                          >
 - 
 
279 
                            <button
 233 
                            <button
280 
                              href="#"
 - 
 
281 
                              title=""
 234 
                              title=""
282 
                              className="btn btn-primary"
 235 
                              className="btn btn-primary"
283 
                              onClick={(e) => {
 - 
 
284 
                                e.preventDefault();
 - 
 
285 
                                handleButtonAction(authorizedLinks?.link_cancel);
 236 
                              onClick={() => handleButtonAction(authorizedLinks?.link_cancel)}
286 
                              }}
 - 
 
287 
                            >
 237 
                            >
288 
                              <span className="ellipsis">
 238 
                              <span className="ellipsis">
289 
                                Cancelar
 239 
                                Cancelar
290 
                              </span>
 240 
                              </span>
291 
                            </button>
 241 
                            </button>
292 
                          </div>
 242 
                          </div>
293 
                        )}
 243 
                        }
294 
                        {authorizedLinks?.link_reject && (
 244 
                        {authorizedLinks?.link_reject &&
295 
                          <div
 - 
 
296 
                            className="col"
 245 
                          <div className="col">
297 
                          >
 - 
 
298 
                            <button
 246 
                            <button
299 
                              href="#"
 - 
 
300 
                              title=""
 247 
                              title=""
301 
                              className="btn btn-primary"
 248 
                              className="btn btn-primary"
302 
                              onClick={(e) => {
 - 
 
303 
                                e.preventDefault();
 - 
 
304 
                                handleButtonAction(authorizedLinks?.link_reject);
 249 
                              onClick={() => handleButtonAction(authorizedLinks?.link_reject)}
305 
                              }}
 - 
 
306 
                            >
 250 
                            >
307 
                              <span className="ellipsis">
 251 
                              <span className="ellipsis">
308 
                                Rechazar
 252 
                                Rechazar
309 
                              </span>
 253 
                              </span>
310 
                            </button>
 254 
                            </button>
311 
                          </div>
 255 
                          </div>
312 
                        )}
 256 
                        }
313 
 
 - 
 
314 
                        {authorizedLinks?.link_leave && (
 257 
                        {authorizedLinks?.link_leave &&
315 
                          <div
 - 
 
316 
                            className="col"
 258 
                          <div className="col">
317 
                          >
 - 
 
318 
                            <button
 259 
                            <button
319 
                              href="#"
 - 
 
320 
                              data-link="{{>link_leave}}"
 260 
                              data-link="{{>link_leave}}"
321 
                              title=""
 261 
                              title=""
322 
                              className="btn btn-primary"
 262 
                              className="btn btn-primary"
323 
                              onClick={(e) => {
 - 
 
324 
                                e.preventDefault();
 - 
 
325 
                                handleButtonAction(authorizedLinks?.link_leave);
 263 
                              onClick={() => handleButtonAction(authorizedLinks?.link_leave)}
326 
                              }}
 - 
 
327 
                            >
 264 
                            >
328 
                              <span className="ellipsis">
 265 
                              <span className="ellipsis">
329 
                                Abandonar esta empresa
 266 
                                Abandonar esta empresa
330 
                              </span>
 267 
                              </span>
331 
                            </button>
 268 
                            </button>
332 
                          </div>
 269 
                          </div>
333 
                        )}
 270 
                        }
334 
                        {authorizedLinks?.link_contact && (
 271 
                        {authorizedLinks?.link_contact &&
335 
                          <div className="col">
 272 
                          <div className="col">
336 
                            <a
 273 
                            <a
337 
                              href={authorizedLinks?.link_contact}
 274 
                              href={authorizedLinks?.link_contact}
338 
                              title=""
 - 
 
339 
                              className="btn btn-primary"
 275 
                              className="btn btn-primary"
340 
                            >
 276 
                            >
341 
                              <span className="ellipsis">
 277 
                              <span className="ellipsis">
342 
                                Mensaje
 278 
                                Mensaje
343 
                              </span>
 279 
                              </span>
344 
                            </a>
 280 
                            </a>
345 
                          </div>
 281 
                          </div>
346 
                        )}
 282 
                        }
347 
                      </div>
 283 
                      </div>
348 
                    </div>
 284 
                    </div>
349 
                  </div>
 285 
                  </div>
350 
                  {/* <!--user_pro_status end--> */}
 - 
 
351 
                </div>
 286 
                </div>
352 
                {/* <!--user_profile end--> */}
 - 
 
353 
 
 - 
 
354 
                <CompanyFollowersHelper companyId={companyId} />
 287 
                <CompanyFollowersHelper companyId={companyId} />
355 
              </div>
 288 
              </div>
356 
              <div className="main-ws-sec">
 289 
              <div className="main-ws-sec">
357 
                <div className="user-tab-sec rewivew">
 290 
                <div className="user-tab-sec rewivew">
358 
                  {
 291 
                  {
Línea 484... Línea 417...
484 
                  >
 417 
                  >
485 
                    <Spinner />
 418 
                    <Spinner />
486 
                  </div>
 419 
                  </div>
487 
                }
 420 
                }
488 
              </div>
 421 
              </div>
489 
              <div className="right-sidebar">
 422 
              <div className="right-sidebar" style={{ maxHeight: '450px' }}>
490 
                {loading && (
 423 
                {loading &&
491 
                  <div className="spinner-container">
 424 
                  <div className="spinner-container">
492 
                    <Spinner />
 425 
                    <Spinner />
493 
                  </div>
 426 
                  </div>
494 
                )}
 427 
                }
495 
                <div
 428 
                <div
496 
                  className="widget suggestions full-width d-none d-md-block d-lg-block border-gray border-radius"
 429 
                  className="widget suggestions full-width d-none d-md-block d-lg-block border-gray border-radius"
497 
                  style={{
 - 
 
498 
                    height: "auto",
 - 
 
499 
                    overflowY: "auto",
 430 
                  style={{ height: "auto", overflowY: "auto" }}
500 
                  }}
 - 
 
501 
                >
 431 
                >
502 
                  <div className="sd-title">
 432 
                  <div className="sd-title">
503 
                    <h3>Empresas similares</h3>
 433 
                    <h3>Empresas similares</h3>
504 
                  </div>
 434 
                  </div>
505 
                  {/* <!--sd-title end--> */}
 435 
                  <div className="mb-2" id="suggestions-similar-groups" style={{ height: '80%', overflowY: 'auto' }}>
506 
                  {suggestionCompanies.length ? (
 436 
                    {suggestionCompanies.length
507 
                    getData().map(element => {
 437 
                      ? getData().map(element => {
508 
                      return (
 438 
                        return (
509 
                        <div className="suggestion-usd d-flex justify-content-start align-items-center " key={element.id}>
 439 
                          <div className="suggestion-usd d-flex justify-content-start align-items-center " key={element.id}>
510 
                          <img
 440 
                            <img
511 
                            style={{ width: "10%", height: "auto" }}
 441 
                              style={{ width: "10%", height: "auto" }}
512 
                            src={element.image}
 442 
                              src={element.image}
513 
                            alt=""
 443 
                              alt=""
514 
                          />
 444 
                            />
515 
                          <div
 445 
                            <div
516 
                            className="sgt-text"
 446 
                              className="sgt-text"
517 
                          >
 447 
                            >
518 
                            <a href={element.profile} target="_blank">
 448 
                              <a href={element.profile} target="_blank">
519 
                              <h4 className="text-dark">{element.name}</h4>
 449 
                                <h4 className="text-dark">{element.name}</h4>
520 
                            </a>
 450 
                              </a>
- 
 
 451 
                            </div>
521 
                          </div>
 452 
                          </div>
522 
                        </div>
 453 
                        )
523 
                      )
 454 
                      })
524 
                    })
 455 
                      : <div className="view-more">Sin empresas similares</div>
525 
                  ) : (
 456 
                    }
526 
                    <div className="view-more">Sin empresas similares</div>
 - 
 
527 
                  )}
 457 
                  </div>
528 
                  {
 458 
                  {
529 
                    suggestionCompanies.length >= 5 && (
 459 
                    suggestionCompanies.length >= 5
530 
                      <div
 460 
                    &&
531 
                        className="w-100 text-center"
 461 
                    <div className="w-100 text-center">
532 
                      >
 - 
 
533 
                        <button className="btn btn-primary" onClick={() => setLookMore(!lookMore)}>
 462 
                      <button className="btn btn-primary" onClick={() => setLookMore(!lookMore)}>
534 
                          {lookMore ? 'Ver menos' : 'Ver mas'}
 463 
                        {lookMore ? 'Ver menos' : 'Ver mas'}
535 
                        </button>
 464 
                      </button>
536 
                      </div>
 465 
                    </div>
537 
                    )
 - 
 
538 
                  }
 466 
                  }
539 
                </div>
 467 
                </div>
540 
              </div>
 468 
              </div>
541 
            </div>
 469 
            </div>
542 
            {/* <!-- main-section-data end--> */}
 - 
 
543 
          </div>
 470 
          </div>
544 
        </div>
 471 
        </div>
545 
      </main >
 472 
      </main >
546 
    </React.Fragment >
 473 
    </React.Fragment >
547 
  );
 474 
  );