Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 2286 Rev 2287
Línea 142... Línea 142...
142 
  }
 142 
  }
Línea 143... Línea 143...
143 
 
 143 
 
144 
  return (
 144 
  return (
145 
    <div className="col-md-4 col-sm-6 col-12">
 145 
    <div className="col-md-4 col-sm-6 col-12">
146 
      <div className={styles.profile_info}>
 - 
 
147 
        <div className={!isTopData && "px-4"}>
 146 
      <div className={styles.profile_info}>
148 
          <div className="row border-bottom-gray mb-2">
 147 
        <div className="row border-bottom-gray mb-2">
149 
            {
 148 
          {
150 
              !!image && (
 149 
            !!image && (
151 
                <div className="col-md-4 col-sm-12 p-0">
 150 
              <div className="col-md-4 col-sm-12 p-0">
- 
 
 151 
                <img src={image} className="object-fit-contain" style={{ borderRadius: 0 }} alt="" />
- 
 
 152 
              </div>
- 
 
 153 
            )
- 
 
 154 
          }
- 
 
 155 
          <div className={image ? 'col-md-8 d-flex justify-content-center align-items-center' : 'col-md-12 ' + ' col-sm-12 col-12'}>
- 
 
 156 
            <h3 className={status ? '' : "col-sm-12 d-flex justify-content-center align-items-center" + ' w-100'}>
- 
 
 157 
              {name}
- 
 
 158 
            </h3>
- 
 
 159 
            {
- 
 
 160 
              status
- 
 
 161 
              &&
- 
 
 162 
              <h4 className="col-sm-12 d-flex justify-content-center align-items-center">{status}</h4>
- 
 
 163 
            }
- 
 
 164 
            {
- 
 
 165 
              isTopData && (
- 
 
 166 
                <>
- 
 
 167 
                  <div className="col-6 list-style-none">
- 
 
 168 
                    {
- 
 
 169 
                      link_view && (
- 
 
 170 
                        <li>
- 
 
 171 
                          <a
- 
 
 172 
                            href={link_view}
- 
 
 173 
                            data-link={link_view}
- 
 
 174 
                            title=""
- 
 
 175 
                            className="btn btn-secondary ellipsis"
- 
 
 176 
                          >
- 
 
 177 
                            Ver perfil
- 
 
 178 
                          </a>
- 
 
 179 
                        </li>
- 
 
 180 
                      )
- 
 
 181 
                    }
- 
 
 182 
                  </div>
- 
 
 183 
                  <div className="col-6 list-style-none">
- 
 
 184 
                    {
- 
 
 185 
                      link_inmail && (
- 
 
 186 
                        <li>
- 
 
 187 
                          <a
- 
 
 188 
                            href={link_inmail}
- 
 
 189 
                            data-link={link_inmail}
- 
 
 190 
                            title=""
- 
 
 191 
                            className="btn btn-primary"
- 
 
 192 
                          >
- 
 
 193 
                            Mensaje
- 
 
 194 
                          </a>
- 
 
 195 
                        </li>
- 
 
 196 
                      )
152 
                  <img src={image} className="object-fit-contain" style={{ borderRadius: 0 }} alt="" />
 197 
                    }
- 
 
 198 
                  </div>
153 
                </div>
 199 
                </>
154 
              )
 200 
              )
155 
            }
 - 
 
156 
            <div className={image ? 'col-md-8 d-flex justify-content-center align-items-center' : 'col-md-12 ' + ' col-sm-12 col-12'}>
 - 
 
157 
              <h3 className={status ? '' : "col-sm-12 d-flex justify-content-center align-items-center" + ' w-100'}>
 - 
 
158 
                {name}
 - 
 
159 
              </h3>
 - 
 
160 
              {
 - 
 
161 
                status
 - 
 
162 
                &&
 - 
 
163 
                <h4 className="col-sm-12 d-flex justify-content-center align-items-center">{status}</h4>
 - 
 
164 
              }
 - 
 
165 
              {
 - 
 
166 
                isTopData && (
 - 
 
167 
                  <>
 - 
 
168 
                    <div className="col-6 list-style-none">
 - 
 
169 
                      {
 - 
 
170 
                        link_view && (
 - 
 
171 
                          <li>
 - 
 
172 
                            <a
 - 
 
173 
                              href={link_view}
 - 
 
174 
                              data-link={link_view}
 - 
 
175 
                              title=""
 - 
 
176 
                              className="btn btn-secondary ellipsis"
 - 
 
177 
                            >
 - 
 
178 
                              Ver perfil
 - 
 
179 
                            </a>
 - 
 
180 
                          </li>
 - 
 
181 
                        )
 - 
 
182 
                      }
 - 
 
183 
                    </div>
 - 
 
184 
                    <div className="col-6 list-style-none">
 - 
 
185 
                      {
 - 
 
186 
                        link_inmail && (
 - 
 
187 
                          <li>
 - 
 
188 
                            <a
 - 
 
189 
                              href={link_inmail}
 - 
 
190 
                              data-link={link_inmail}
 - 
 
191 
                              title=""
 - 
 
192 
                              className="btn btn-primary"
 - 
 
193 
                            >
 - 
 
194 
                              Mensaje
 - 
 
195 
                            </a>
 - 
 
196 
                          </li>
 - 
 
197 
                        )
 - 
 
198 
                      }
 - 
 
199 
                    </div>
 - 
 
200 
                  </>
 - 
 
201 
                )
 - 
 
202 
              }
 - 
 
203 
            </div>
 201 
            }
204 
          </div>
 - 
 
205 
          <ul>
 - 
 
206 
            {
 - 
 
207 
              link_view && !isTopData && (
 - 
 
208 
                <li>
 - 
 
209 
                  <a
 - 
 
210 
                    href={link_view}
 - 
 
211 
                    data-link={link_view}
 - 
 
212 
                    title=""
 - 
 
213 
                    className="btn btn-secondary"
 - 
 
214 
                  >
 - 
 
215 
                    Ver perfil
 - 
 
216 
                  </a>
 - 
 
217 
                </li>
 - 
 
218 
              )
 - 
 
219 
            }
 - 
 
220 
            {
 - 
 
221 
              link_edit && (
 - 
 
222 
                <li>
 - 
 
223 
                  <a
 - 
 
224 
                    href={link_edit}
 - 
 
225 
                    data-link={link_edit}
 - 
 
226 
                    title=""
 - 
 
227 
                    className="btn btn-tertiary"
 - 
 
228 
                  >
 - 
 
229 
                    Editar perfil
 - 
 
230 
                  </a>
 - 
 
231 
                </li>
 - 
 
232 
              )
 - 
 
233 
            }
 - 
 
234 
            {
 - 
 
235 
              link_approve && (
 - 
 
236 
                <li>
 - 
 
237 
                  <a
 - 
 
238 
                    href="#"
 - 
 
239 
                    className="btn btn-primary"
 - 
 
240 
                    onClick={(e) => {
 - 
 
241 
                      e.preventDefault();
 - 
 
242 
                      handleApproveConfirmationBox();
 - 
 
243 
                    }}
 - 
 
244 
                  >
 - 
 
245 
                    Aprobar
 - 
 
246 
                  </a>
 - 
 
247 
                </li>
 - 
 
248 
              )
 - 
 
249 
            }
 - 
 
250 
            {
 - 
 
251 
              link_reject && (
 - 
 
252 
                <li>
 - 
 
253 
                  <a
 - 
 
254 
                    href="#"
 - 
 
255 
                    className="btn btn-primary"
 - 
 
256 
                    onClick={(e) => {
 - 
 
257 
                      e.preventDefault();
 - 
 
258 
                      handleRejectConfirmationBox();
 - 
 
259 
                    }}
 - 
 
260 
                  >
 - 
 
261 
                    Rechazar
 - 
 
262 
                  </a>
 - 
 
263 
                </li>
 - 
 
264 
              )
 - 
 
265 
            }
 - 
 
266 
            {
 - 
 
267 
              link_delete && (
 - 
 
268 
                <li>
 - 
 
269 
                  <a
 - 
 
270 
                    href="#"
 - 
 
271 
                    className="btn btn-primary"
 - 
 
272 
                    onClick={(e) => {
 - 
 
273 
                      e.preventDefault();
 - 
 
274 
                      handleShowConfirmationBox();
 - 
 
275 
                    }}
 - 
 
276 
                  >
 - 
 
277 
                    Borrar perfil
 - 
 
278 
                  </a>
 - 
 
279 
                </li>
 - 
 
280 
              )
 - 
 
281 
            }
 - 
 
282 
            {
 - 
 
283 
              link_inmail && !isTopData && (
 - 
 
284 
                <li>
 - 
 
285 
                  <a
 - 
 
286 
                    href={link_inmail}
 - 
 
287 
                    data-link={link_inmail}
 - 
 
288 
                    title=""
 - 
 
289 
                    className="btn btn-primary"
 - 
 
290 
                  >
 - 
 
291 
                    Mensaje
 - 
 
292 
                  </a>
 - 
 
293 
                </li>
 - 
 
294 
              )
 - 
 
295 
            }
 - 
 
296 
            {
 - 
 
297 
              link_admin && (
 - 
 
298 
                <li>
 - 
 
299 
                  <a
 - 
 
300 
                    onClick={() => getManageUrl()}
 - 
 
301 
                    data-link={link_admin}
 - 
 
302 
                    title="Administrar empresa"
 - 
 
303 
                    className="btn btn-primary"
 - 
 
304 
                  >
 - 
 
305 
                    Administrar
 - 
 
306 
                  </a>
 - 
 
307 
                </li>
 - 
 
308 
              )
 - 
 
309 
            }
 - 
 
310 
            {
 - 
 
311 
              link_unfollow && (
 - 
 
312 
                <li>
 - 
 
313 
                  <a
 - 
 
314 
                    onClick={() => handleUnfollow(link_unfollow)}
 - 
 
315 
                    data-link={link_unfollow}
 - 
 
316 
                    title="Administrar empresa"
 - 
 
317 
                    className="btn btn-primary"
 - 
 
318 
                  >
 - 
 
319 
                    Dejar de seguir
 - 
 
320 
                  </a>
 - 
 
321 
                </li>
 - 
 
322 
              )
 - 
 
323 
            }
 - 
 
324 
 
 - 
 
325 
            {
 - 
 
326 
              link_block && (
 - 
 
327 
                <li>
 - 
 
328 
                  <a
 - 
 
329 
                    href="#"
 - 
 
330 
                    className="btn btn-tertiary"
 - 
 
331 
                    onClick={(e) => {
 - 
 
332 
                      e.preventDefault();
 - 
 
333 
                      handleBlockConfirmationBox();
 - 
 
334 
                    }}
 - 
 
335 
                  >
 - 
 
336 
                    Bloquear
 - 
 
337 
                  </a>
 - 
 
338 
                </li>
 - 
 
339 
              )
 - 
 
340 
            }
 - 
 
341 
            {
 - 
 
342 
              link_unblock && (
 - 
 
343 
                <li>
 - 
 
344 
                  <a
 - 
 
345 
                    href="#"
 - 
 
346 
                    className="btn btn-tertiary"
 - 
 
347 
                    onClick={(e) => {
 - 
 
348 
                      e.preventDefault();
 - 
 
349 
                      handleUnblockConfirmationBox();
 - 
 
350 
                    }}
 - 
 
351 
                  >
 - 
 
352 
                    Desbloquear
 - 
 
353 
                  </a>
 - 
 
354 
                </li>
 - 
 
355 
              )
 - 
 
356 
            }
 - 
 
357 
            {
 - 
 
358 
              link_request && (
 - 
 
359 
                <li>
 - 
 
360 
                  <a
 - 
 
361 
                    href="#"
 - 
 
362 
                    className="btn btn-tertiary"
 - 
 
363 
                    onClick={(e) => {
 - 
 
364 
                      e.preventDefault();
 - 
 
365 
                      handleRequestConfirmationBox();
 - 
 
366 
                    }}
 - 
 
367 
                  >
 - 
 
368 
                    Conectar
 - 
 
369 
                  </a>
 - 
 
370 
                </li>
 - 
 
371 
              )
 - 
 
372 
            }
 - 
 
373 
            {
 - 
 
374 
              link_cancel && (
 - 
 
375 
                <li>
 - 
 
376 
                  <a
 - 
 
377 
                    href="#"
 - 
 
378 
                    className="btn btn-secondary"
 - 
 
379 
                    onClick={(e) => {
 - 
 
380 
                      e.preventDefault();
 - 
 
381 
                      handleCancelConfirmationBox();
 - 
 
382 
                    }}
 - 
 
383 
                  >
 - 
 
384 
                    Cancelar
 - 
 
385 
                  </a>
 - 
 
386 
                </li>
 - 
 
387 
              )
 - 
 
388 
            }
 - 
 
389 
            {
 - 
 
390 
              link_leave && (
 - 
 
391 
                <li>
 - 
 
392 
                  <a
 - 
 
393 
                    href="#"
 - 
 
394 
                    className="btn btn-secondary"
 - 
 
395 
                    onClick={(e) => {
 - 
 
396 
                      e.preventDefault();
 - 
 
397 
                      handleLeaveConfirmationBox();
 - 
 
398 
                    }}
 - 
 
399 
                  >
 - 
 
400 
                    Abandonar
 - 
 
401 
                  </a>
 - 
 
402 
                </li>
 - 
 
403 
              )
 - 
 
404 
            }
 - 
 
405 
          </ul>
 202 
          </div>
- 
 
 203 
        </div>
- 
 
 204 
        <ul>
- 
 
 205 
          {
- 
 
 206 
            link_view && !isTopData && (
- 
 
 207 
              <li>
- 
 
 208 
                <a
- 
 
 209 
                  href={link_view}
- 
 
 210 
                  data-link={link_view}
- 
 
 211 
                  title=""
- 
 
 212 
                  className="btn btn-secondary"
- 
 
 213 
                >
- 
 
 214 
                  Ver perfil
- 
 
 215 
                </a>
- 
 
 216 
              </li>
- 
 
 217 
            )
- 
 
 218 
          }
- 
 
 219 
          {
- 
 
 220 
            link_edit && (
- 
 
 221 
              <li>
- 
 
 222 
                <a
- 
 
 223 
                  href={link_edit}
- 
 
 224 
                  data-link={link_edit}
- 
 
 225 
                  title=""
- 
 
 226 
                  className="btn btn-tertiary"
- 
 
 227 
                >
- 
 
 228 
                  Editar perfil
- 
 
 229 
                </a>
- 
 
 230 
              </li>
- 
 
 231 
            )
- 
 
 232 
          }
- 
 
 233 
          {
- 
 
 234 
            link_approve && (
- 
 
 235 
              <li>
- 
 
 236 
                <a
- 
 
 237 
                  href="#"
- 
 
 238 
                  className="btn btn-primary"
- 
 
 239 
                  onClick={(e) => {
- 
 
 240 
                    e.preventDefault();
- 
 
 241 
                    handleApproveConfirmationBox();
- 
 
 242 
                  }}
- 
 
 243 
                >
- 
 
 244 
                  Aprobar
- 
 
 245 
                </a>
- 
 
 246 
              </li>
- 
 
 247 
            )
- 
 
 248 
          }
- 
 
 249 
          {
- 
 
 250 
            link_reject && (
- 
 
 251 
              <li>
- 
 
 252 
                <a
- 
 
 253 
                  href="#"
- 
 
 254 
                  className="btn btn-primary"
- 
 
 255 
                  onClick={(e) => {
- 
 
 256 
                    e.preventDefault();
- 
 
 257 
                    handleRejectConfirmationBox();
- 
 
 258 
                  }}
- 
 
 259 
                >
- 
 
 260 
                  Rechazar
- 
 
 261 
                </a>
- 
 
 262 
              </li>
- 
 
 263 
            )
- 
 
 264 
          }
- 
 
 265 
          {
- 
 
 266 
            link_delete && (
- 
 
 267 
              <li>
- 
 
 268 
                <a
- 
 
 269 
                  href="#"
- 
 
 270 
                  className="btn btn-primary"
- 
 
 271 
                  onClick={(e) => {
- 
 
 272 
                    e.preventDefault();
- 
 
 273 
                    handleShowConfirmationBox();
- 
 
 274 
                  }}
- 
 
 275 
                >
- 
 
 276 
                  Borrar perfil
- 
 
 277 
                </a>
- 
 
 278 
              </li>
- 
 
 279 
            )
- 
 
 280 
          }
- 
 
 281 
          {
- 
 
 282 
            link_inmail && !isTopData && (
- 
 
 283 
              <li>
- 
 
 284 
                <a
- 
 
 285 
                  href={link_inmail}
- 
 
 286 
                  data-link={link_inmail}
- 
 
 287 
                  title=""
- 
 
 288 
                  className="btn btn-primary"
- 
 
 289 
                >
- 
 
 290 
                  Mensaje
- 
 
 291 
                </a>
- 
 
 292 
              </li>
- 
 
 293 
            )
- 
 
 294 
          }
- 
 
 295 
          {
- 
 
 296 
            link_admin && (
- 
 
 297 
              <li>
- 
 
 298 
                <a
- 
 
 299 
                  onClick={() => getManageUrl()}
- 
 
 300 
                  data-link={link_admin}
- 
 
 301 
                  title="Administrar empresa"
- 
 
 302 
                  className="btn btn-primary"
- 
 
 303 
                >
- 
 
 304 
                  Administrar
- 
 
 305 
                </a>
- 
 
 306 
              </li>
- 
 
 307 
            )
- 
 
 308 
          }
- 
 
 309 
          {
- 
 
 310 
            link_unfollow && (
- 
 
 311 
              <li>
- 
 
 312 
                <a
- 
 
 313 
                  onClick={() => handleUnfollow(link_unfollow)}
- 
 
 314 
                  data-link={link_unfollow}
- 
 
 315 
                  title="Administrar empresa"
- 
 
 316 
                  className="btn btn-primary"
- 
 
 317 
                >
- 
 
 318 
                  Dejar de seguir
- 
 
 319 
                </a>
- 
 
 320 
              </li>
- 
 
 321 
            )
- 
 
 322 
          }
- 
 
 323 
 
- 
 
 324 
          {
- 
 
 325 
            link_block && (
- 
 
 326 
              <li>
- 
 
 327 
                <a
- 
 
 328 
                  href="#"
- 
 
 329 
                  className="btn btn-tertiary"
- 
 
 330 
                  onClick={(e) => {
- 
 
 331 
                    e.preventDefault();
- 
 
 332 
                    handleBlockConfirmationBox();
- 
 
 333 
                  }}
- 
 
 334 
                >
- 
 
 335 
                  Bloquear
- 
 
 336 
                </a>
- 
 
 337 
              </li>
- 
 
 338 
            )
- 
 
 339 
          }
- 
 
 340 
          {
- 
 
 341 
            link_unblock && (
- 
 
 342 
              <li>
- 
 
 343 
                <a
- 
 
 344 
                  href="#"
- 
 
 345 
                  className="btn btn-tertiary"
- 
 
 346 
                  onClick={(e) => {
- 
 
 347 
                    e.preventDefault();
- 
 
 348 
                    handleUnblockConfirmationBox();
- 
 
 349 
                  }}
- 
 
 350 
                >
- 
 
 351 
                  Desbloquear
- 
 
 352 
                </a>
- 
 
 353 
              </li>
- 
 
 354 
            )
- 
 
 355 
          }
- 
 
 356 
          {
- 
 
 357 
            link_request && (
- 
 
 358 
              <li>
- 
 
 359 
                <a
- 
 
 360 
                  href="#"
- 
 
 361 
                  className="btn btn-tertiary"
- 
 
 362 
                  onClick={(e) => {
- 
 
 363 
                    e.preventDefault();
- 
 
 364 
                    handleRequestConfirmationBox();
- 
 
 365 
                  }}
- 
 
 366 
                >
- 
 
 367 
                  Conectar
- 
 
 368 
                </a>
- 
 
 369 
              </li>
- 
 
 370 
            )
- 
 
 371 
          }
- 
 
 372 
          {
- 
 
 373 
            link_cancel && (
- 
 
 374 
              <li>
- 
 
 375 
                <a
- 
 
 376 
                  href="#"
- 
 
 377 
                  className="btn btn-secondary"
- 
 
 378 
                  onClick={(e) => {
- 
 
 379 
                    e.preventDefault();
- 
 
 380 
                    handleCancelConfirmationBox();
- 
 
 381 
                  }}
- 
 
 382 
                >
- 
 
 383 
                  Cancelar
- 
 
 384 
                </a>
- 
 
 385 
              </li>
- 
 
 386 
            )
- 
 
 387 
          }
- 
 
 388 
          {
- 
 
 389 
            link_leave && (
- 
 
 390 
              <li>
- 
 
 391 
                <a
- 
 
 392 
                  href="#"
- 
 
 393 
                  className="btn btn-secondary"
- 
 
 394 
                  onClick={(e) => {
- 
 
 395 
                    e.preventDefault();
- 
 
 396 
                    handleLeaveConfirmationBox();
- 
 
 397 
                  }}
- 
 
 398 
                >
- 
 
 399 
                  Abandonar
- 
 
 400 
                </a>
- 
 
 401 
              </li>
- 
 
 402 
            )
- 
 
 403 
          }
406 
        </div>
 404 
        </ul>
407 
      </div>
 405 
      </div>
408 
      {
 406 
      {
409 
        link_delete && (
 407 
        link_delete && (
410 
          <div style={{ position: "relative" }}>
 408 
          <div style={{ position: "relative" }}>