Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5066 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 5066 Rev 6359
Línea 16... Línea 16...
16 
        return
 16 
        return
17 
      }
 17 
      }
Línea 18... Línea 18...
18 
 
 18 
 
19 
      setEventsAndTasks(response.data)
 19 
      setEventsAndTasks(response.data)
- 
 
 20 
    } catch (error) {
20 
    } catch (error) {
 21 
      dispatch(
- 
 
 22 
        addNotification({ style: 'danger', message: 'Ha ocurrido un error' })
21 
      dispatch(addNotification({ style: 'danger', message: 'Ha ocurrido un error' }))
 23 
      )
22 
      console.log(`Error: ${error.message}`)
 24 
      console.log(`Error: ${error}`)
23 
    }
 25 
    }
Línea 24... Línea 26...
24 
  }
 26 
  }
25 
 
 27 
 
26 
  useEffect(() => {
 28 
  useEffect(() => {
Línea 27... Línea 29...
27 
    getEvents()
 29 
    getEvents()
28 
  }, [])
 30 
  }, [])
29 
 
 31 
 
30 
  return (
 32 
  return (
31 
    <div className='task-widget'>
 33 
    <div className="task-widget">
- 
 
 34 
      <div className="sd-title d-flex align-items-center justify-content-between">
- 
 
 35 
        <h3>Eventos y Tareas</h3>
32 
      <div className="sd-title d-flex align-items-center justify-content-between">
 36 
      </div>
- 
 
 37 
      <div
33 
        <h3>Eventos y Tareas</h3>
 38 
        className="d-flex flex-column"
34 
      </div>
 39 
        style={{ gap: '.5rem', maxHeight: 500, overflow: 'hidden scroll' }}
35 
      <div className="d-flex flex-column" style={{ gap: '.5rem', maxHeight: 500, overflow: 'hidden scroll' }}>
 40 
      >
36 
        {eventsAndTasks.length
 41 
        {eventsAndTasks.length ? (
Línea 37... Línea 42...
37 
          ? eventsAndTasks.map((event) => {
 42 
          eventsAndTasks.map((event) => {
38 
            const eventStart = new Date(event.start).toLocaleString()
 43 
            const eventStart = new Date(event.start).toLocaleString()
39 
            const eventEnd = new Date(event.end).toLocaleString()
 44 
            const eventEnd = new Date(event.end).toLocaleString()
40 
 
 45 
 
41 
            return (
 46 
            return (
42 
              <a
 47 
              <a
43 
                key={event.id}
 48 
                key={event.id}
- 
 
 49 
                href={event.url}
- 
 
 50 
                target="_blank"
- 
 
 51 
                rel="noreferrer"
- 
 
 52 
              >
44 
                href={event.url}
 53 
                <div
- 
 
 54 
                  className="calendar-event"
- 
 
 55 
                  style={{
45 
                target='_blank'
 56 
                    color: event.textColor,
46 
                rel="noreferrer"
 57 
                    background: event.backgroundColor,
47 
              >
 58 
                  }}
48 
                <div className='calendar-event' style={{ color: event.textColor, background: event.backgroundColor }}>
 59 
                >
49 
                  <h4>
 60 
                  <h4>
- 
 
 61 
                    <b>Evento: </b> {event.title}
50 
                    <b>Evento: </b> {event.title}
 62 
                  </h4>
51 
                  </h4>
 63 
                  <span>
52 
                  <span>
 64 
                    <b>Inicio: </b>
53 
                    <b>Inicio: </b>{eventStart}
 65 
                    {eventStart}
- 
 
 66 
                  </span>
54 
                  </span>
 67 
                  {event.end && (
55 
                  {event.end &&
 68 
                    <span>
56 
                    <span>
 69 
                      <b>Fin: </b>
57 
                      <b>Fin: </b>{eventEnd}
 70 
                      {eventEnd}
58 
                    </span>
 71 
                    </span>
59 
                  }
 72 
                  )}
- 
 
 73 
                </div>
60 
                </div>
 74 
              </a>
61 
              </a>
 75 
            )
62 
            )
 76 
          })
63 
          })
 77 
        ) : (
64 
          : <div className="view-more">No hay eventos</div>
 78 
          <div className="view-more">No hay eventos</div>
65 
        }
 79 
        )}