Criar páginas de reservas
Descrição
Criar uma página que seja possível qualquer um fazer uma reserva de uma sala. O design suerido é um calendário para cada sala, no qual existe um filtro que seleciona a sala e ai aparece um calendário com todos os eventos da sala do mes.
sugestão: https://ui.toast.com/tui-calendar/
. Quando clica em um quadrado do calendário deve abrir um modal com um formulário para ser preenchido com as seguintes informações:
- motivo
- observacao
- codigo
- horario de inicio
- horario de fim
- booleano de repeticao
- data de fim da repetição
- frequencia semanal da repetição, inteiro de 1 a 7
Página de aprovação A página de aprovacao de reserva de sala pode ser feita com a tabela padrão dos outros cruds, no qual dado o responsável pela sala ele pode aprovar, editar e não aprovar uma reserva.
Sugestão de componente
Existe um componente pronto para o calendário https://github.com/nhn/toast-ui.react-calendar
, sugiro que avalie a qualidade do componente, pois pode simplificar bastante o trabalho.
Exemplos de jsons
Reserva sem repeticao
{
"data": "2020-02-04",
"horario_inicio": "15:30",
"horario_fim":"17:30",
"motivo":"aula de alg1",
"salaCod":"pa-05",
"observação": "nenhuma ",
"dias": [3,5],
"vagas": 4,
"repetir": false,
}
Reserva com repeticao
{
"data": "2020-02-04",
"fim_repeticao": "2020-02-25",
"intervalo":7
"horario_inicio": "15:30",
"horario_fim":"17:30",
"motivo":"aula de alg1",
"salaCod":"pa-05",
"observação": "nenhuma ",
"dias": [3,5],
"vagas": 4,
"repetir": true,
}