Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 7295 Rev 7296
Línea 5... Línea 5...
5 
import EventsList from '../../components/calendar/EventsList'
 5 
import EventsList from '../../components/calendar/EventsList'
6 
import ArrowBackIosIcon from '@mui/icons-material/ArrowBackIos'
 6 
import ArrowBackIosIcon from '@mui/icons-material/ArrowBackIos'
7 
import ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos'
 7 
import ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos'
8 
import 'react-big-calendar/lib/sass/styles.scss'
 8 
import 'react-big-calendar/lib/sass/styles.scss'
9 
import { axios } from '../../utils'
 9 
import { axios } from '../../utils'
- 
 
 10 
import EventModal from '../../components/calendar/EventModal'
Línea 10... Línea 11...
10 
 
 11 
 
11 
moment.locale('es-ES')
 12 
moment.locale('es-ES')
Línea 12... Línea 13...
12 
const localizer = momentLocalizer(moment)
 13 
const localizer = momentLocalizer(moment)
13 
 
 14 
 
- 
 
 15 
const CalendarPage = () => {
- 
 
 16 
  const [events, setEvents] = useState([])
- 
 
 17 
  const [selectedEvent, setSelectedEvent] = useState(null)
- 
 
 18 
  const [modalShow, setModalShow] = useState(false)
- 
 
 19 
 
- 
 
 20 
  const selectEvent = (event) => {
- 
 
 21 
    setSelectedEvent(event)
- 
 
 22 
    setModalShow(true)
- 
 
 23 
  }
- 
 
 24 
 
- 
 
 25 
  const unselectEvent = () => {
- 
 
 26 
    setSelectedEvent(null)
Línea 14... Línea 27...
14 
const CalendarPage = () => {
 27 
    setModalShow(false)
15 
  const [events, setEvents] = useState([])
 28 
  }
16 
 
 29 
 
Línea 27... Línea 40...
27 
      setEvents(formattedData)
 40 
      setEvents(formattedData)
28 
    })
 41 
    })
29 
  }, [])
 42 
  }, [])
Línea 30... Línea 43...
30 
 
 43 
 
- 
 
 44 
  return (
31 
  return (
 45 
    <>
32 
    <Container as="main" className="px-0">
 46 
      <Container as="main" className="px-0">
33 
      <Grid container spacing={2}>
 47 
        <Grid container spacing={2}>
34 
        <Grid item xs={12} md={8} spacing={3}>
 48 
          <Grid item xs={12} md={8} spacing={3}>
35 
          <Calendar
 49 
            <Calendar
36 
            views={['day', 'week', 'month']}
 50 
              views={['day', 'week', 'month']}
37 
            selectable
 51 
              selectable
38 
            localizer={localizer}
 52 
              localizer={localizer}
39 
            defaultDate={new Date()}
 53 
              defaultDate={new Date()}
40 
            defaultView="month"
 54 
              defaultView="month"
41 
            onSelectEvent={(event) => alert(event.title)}
 55 
              onSelectEvent={selectEvent}
42 
            events={events}
 56 
              events={events}
43 
            messages={{
 57 
              messages={{
44 
              next: <ArrowForwardIosIcon />,
 58 
                next: <ArrowForwardIosIcon />,
45 
              previous: <ArrowBackIosIcon />,
 59 
                previous: <ArrowBackIosIcon />,
46 
              today: 'Hoy',
 60 
                today: 'Hoy',
47 
              month: 'Mes',
 61 
                month: 'Mes',
48 
              week: 'Semana',
 62 
                week: 'Semana',
49 
              day: 'Día',
 63 
                day: 'Día',
50 
            }}
 64 
              }}
51 
            eventPropGetter={(event) => {
 65 
              eventPropGetter={(event) => {
52 
              const backgroundColor = event.backgroundColor
 66 
                const backgroundColor = event.backgroundColor
53 
                ? event.backgroundColor
 67 
                  ? event.backgroundColor
54 
                : 'blue'
 68 
                  : 'blue'
55 
              const color = event.textColor ? event.textColor : '#fff'
 69 
                const color = event.textColor ? event.textColor : '#fff'
56 
              return { style: { backgroundColor, color } }
 70 
                return { style: { backgroundColor, color } }
57 
            }}
 71 
              }}
58 
          />
 72 
            />
59 
        </Grid>
 73 
          </Grid>
60 
        <Grid item xs={12} md={4}>
 74 
          <Grid item xs={12} md={4}>
- 
 
 75 
            <EventsList />
61 
          <EventsList />
 76 
          </Grid>
62 
        </Grid>
 77 
        </Grid>
63 
      </Grid>
 78 
      </Container>
- 
 
 79 
      <EventModal
- 
 
 80 
        show={modalShow}
- 
 
 81 
        event={selectedEvent}
- 
 
 82 
        onClose={unselectEvent}
- 
 
 83 
      />
64 
    </Container>
 84 
    </>
65 
  )
 85 
  )
Línea 66... Línea 86...
66 
}
 86 
}