Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 881 Rev 2805
Línea 1... Línea 1...
1 
import React, { useEffect, useState } from 'react'
 1 
import React, { useEffect, useState } from 'react'
2 
import { axios } from '../../utils'
 2 
import { axios } from '../../utils'
3 
import { useDispatch } from 'react-redux'
 3 
import { useDispatch } from 'react-redux'
4 
import { addNotification } from 'store/notification/notification.actions'
 4 
import { addNotification } from 'store/notification/notification.actions'
5 
import { Container, Grid } from '@mui/material'
 5 
import { Grid } from '@mui/material'
6 
import { Calendar, momentLocalizer } from 'react-big-calendar'
 6 
import { Calendar, momentLocalizer } from 'react-big-calendar'
7 
import ArrowBackIosIcon from '@mui/icons-material/ArrowBackIos'
 7 
import ArrowBackIosIcon from '@mui/icons-material/ArrowBackIos'
8 
import ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos'
 8 
import ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos'
9 
import moment from 'moment'
 9 
import moment from 'moment'
Línea 69... Línea 69...
69 
      })
 69 
      })
70 
  }, [])
 70 
  }, [])
Línea 71... Línea 71...
71 
 
 71 
 
72 
  return (
 72 
  return (
73 
    <>
 - 
 
74 
      <Container as='main'>
 73 
    <>
75 
        <Grid container spacing={2}>
 74 
      <Grid container spacing={2}>
76 
          <Grid item xs={12} md={8} spacing={3}>
 75 
        <Grid item xs={12} md={8} spacing={3}>
77 
            <Calendar
 76 
          <Calendar
78 
              localizer={localizer}
 77 
            localizer={localizer}
79 
              events={events}
 78 
            events={events}
80 
              views={['month', 'week', 'day']}
 79 
            views={['month', 'week', 'day']}
81 
              popup={false}
 80 
            popup={false}
82 
              defaultDate={new Date()}
 81 
            defaultDate={new Date()}
83 
              defaultView='month'
 82 
            defaultView='month'
84 
              selectable
 83 
            selectable
85 
              onSelectEvent={selectEvent}
 - 
 
86 
              onShowMore={(events) =>
 84 
            onSelectEvent={selectEvent}
87 
                this.setState({ showModal: true, events })
 - 
 
88 
              }
 85 
            onShowMore={(events) => this.setState({ showModal: true, events })}
89 
              messages={{
 86 
            messages={{
90 
                next: <ArrowForwardIosIcon />,
 87 
              next: <ArrowForwardIosIcon />,
91 
                previous: <ArrowBackIosIcon />,
 88 
              previous: <ArrowBackIosIcon />,
92 
                today: 'Hoy',
 89 
              today: 'Hoy',
93 
                month: 'Mes',
 90 
              month: 'Mes',
94 
                week: 'Semana',
 91 
              week: 'Semana',
95 
                day: 'Día',
 92 
              day: 'Día',
96 
                allDay: 'Todo el día',
 93 
              allDay: 'Todo el día',
97 
                date: 'Fecha',
 94 
              date: 'Fecha',
98 
                time: 'Hora',
 95 
              time: 'Hora',
99 
                event: 'Evento',
 96 
              event: 'Evento',
100 
                noEventsInRange: 'Sin eventos disponibles'
 97 
              noEventsInRange: 'Sin eventos disponibles'
101 
              }}
 98 
            }}
102 
              eventPropGetter={(event) => {
 99 
            eventPropGetter={(event) => {
103 
                const backgroundColor = event.backgroundColor
 100 
              const backgroundColor = event.backgroundColor
104 
                  ? event.backgroundColor
 101 
                ? event.backgroundColor
105 
                  : 'blue'
 102 
                : 'blue'
106 
                const color = event.textColor ? event.textColor : '#fff'
 103 
              const color = event.textColor ? event.textColor : '#fff'
107 
                return { style: { backgroundColor, color } }
 104 
              return { style: { backgroundColor, color } }
108 
              }}
 105 
            }}
109 
            />
 - 
 
110 
          </Grid>
 - 
 
111 
          <Grid item xs={12} md={4}>
 - 
 
112 
            <EventsList />
 - 
 
113 
          </Grid>
 106 
          />
- 
 
 107 
        </Grid>
- 
 
 108 
        <Grid item xs={12} md={4}>
- 
 
 109 
          <EventsList />
114 
        </Grid>
 110 
        </Grid>
115 
      </Container>
 111 
      </Grid>
116 
      <EventModal
 112 
      <EventModal
117 
        show={modalShow}
 113 
        show={modalShow}
118 
        event={selectedEvent}
 114 
        event={selectedEvent}
119 
        onClose={unselectEvent}
 115 
        onClose={unselectEvent}