Calendário

O calendário abaixo foi criado utilizando elementos do framework Skote (Angular) com adaptações para atender às necessidades do fluxo. É um calendário para conferências e organização de equipes. O líder pode visualizar quais funcionários não estarão disponíveis em uma data específica devido a férias, licença médica, ausência, etc. Dessa forma, é possível planejar o escopo das atividades da equipe.

Ao passar o mouse sobre uma marcação, aparece uma janela pop-up com informações do funcionário, bem como a data, horários e motivo da ausência.

Também existem outras visualizações disponíveis. Você pode navegar por semana ou por dia, permitindo visualizar os horários de início das ausências. Essas opções servem para planejamento em escalas menores ou mais específicas. 

Clique aqui para navegar no protótipo do Figma.

A versão móvel opera com a mesma essência, mas devido ao tamanho da tela, a visualização mensal indica apenas quais dias possuem marcações sem exibir as informações. O usuário precisa tocar no dia desejado para visualizar os detalhes das marcações. Outra opção para visualizar as marcações, semelhante à versão desktop, é a visualização semanal.