Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 7283 Rev 7287
Línea 1... Línea 1...
1 
import React, { useState } from 'react'
 1 
import React, { useState } from 'react'
2 
import { Container, Grid } from '@mui/material'
 2 
import { Container, Grid } from '@mui/material'
3 
import { Calendar, momentLocalizer } from 'react-big-calendar'
 3 
import { Calendar, momentLocalizer } from 'react-big-calendar'
4 
import moment from 'moment'
 4 
import moment from 'moment'
5 
import EventsList from '../../components/calendar/EventsList'
 5 
import EventsList from '../../components/calendar/EventsList'
- 
 
 6 
import ArrowBackIosIcon from '@mui/icons-material/ArrowBackIos'
- 
 
 7 
import ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos'
6 
import 'react-big-calendar/lib/sass/styles.scss'
 8 
import 'react-big-calendar/lib/sass/styles.scss'
Línea 7... Línea 9...
7 
 
 9 
 
8 
moment.locale('es-ES')
 10 
moment.locale('es-ES')
Línea 12... Línea 14...
12 
  const [events, setEvents] = useState([
 14 
  const [events, setEvents] = useState([
13 
    {
 15 
    {
14 
      id: 0,
 16 
      id: 0,
15 
      title: 'All Day Event very long title',
 17 
      title: 'All Day Event very long title',
16 
      allDay: true,
 18 
      allDay: true,
17 
      start: '2023-08-30',
 19 
      start: new Date('2023-08-30'),
18 
    },
 20 
    },
19 
  ])
 21 
  ])
Línea 20... Línea 22...
20 
 
 22 
 
21 
  return (
 23 
  return (
22 
    <Container as="main" className="px-0">
 24 
    <Container as="main" className="px-0">
23 
      <Grid container spacing={2}>
 25 
      <Grid container spacing={2}>
24 
        <Grid item xs={12} md={8} spacing={3}>
 26 
        <Grid item xs={12} md={8} spacing={3}>
25 
          <Calendar
 27 
          <Calendar
26 
            views={['day', 'agenda', 'work_week', 'month']}
 28 
            views={['day', 'agenda', 'week', 'month']}
27 
            selectable
 29 
            selectable
28 
            localizer={localizer}
 30 
            localizer={localizer}
29 
            defaultDate={new Date()}
 31 
            defaultDate={new Date()}
30 
            defaultView="month"
 32 
            defaultView="month"
31 
            style={{ height: '100vh' }}
 33 
            style={{ height: '100vh' }}
32 
            onSelectEvent={(event) => alert(event.title)}
 34 
            onSelectEvent={(event) => alert(event.title)}
33 
            events={events}
 35 
            events={events}
34 
            messages={{
 36 
            messages={{
35 
              next: 'sig',
 37 
              next: <ArrowBackIosIcon />,
36 
              previous: 'ant',
 38 
              previous: <ArrowForwardIosIcon />,
37 
              today: 'Hoy',
 39 
              today: 'Hoy',
38 
              month: 'Mes',
 40 
              month: 'Mes',
39 
              week: 'Semana',
 41 
              week: 'Semana',
40 
              day: 'Día',
 42 
              day: 'Día',