Страница 15. Виджет «Календарь комнат»

Виджет «Календарь комнат» предназначен для просмотра календарей переговорных комнат и создания новых бронирований.

Изображение виджета календарь комнат

Виджет состоит из следующих основных функциональных областей

Вид календаря

В верхнем правом углу расположен выпадающий список: день, неделя и месяц. Основная область отображения будет показывать события на выбранный день, неделю или месяц. 

Выбор даты, календарь

В левом верхнем углу расположен календарь, который позволяет выбрать дату для просмотра расписания.
Взаимодействие с элементами календаря адаптивно выбранному виду:

• Выбранный период отображения отмечен синей заливкой. 
• Клик по дате выполняет переход на выбранное число или неделю и обновляет основную область отображения виджета.

Навигация по календарю:

• В верхней части календаря расположены навигационные кнопки "<" (назад) и ">" (вперед), выполняющие переход на предыдущий и следующий месяцы. 
• Клик по названию месяца отображает плитку из всех месяцев. В этом отображении навигационные кнопки "<" и ">" выполняют переход на предыдущий и следующий год.
• Клик по году отображает плитку, которая состоит из годов. В этом отображении навигационные кнопки "<" и ">" выполняют переход на предыдущее и следующее десятилетие. 

Дополнительные способы навигации:

• В верхней части виджета расположены дополнительные навигационные кнопки "<" (назад) и ">" (вперед). В зависимости от выбранного вида календаря, кнопки выполняют изменение даты назад/вперед на предыдущий/следующий день, неделю или месяц. Изменения отображаются в календаре (левая часть виджета) и основной области отображении виджета.
• Кнопка "Сегодня" изменяет период отображения на "День" и показывает расписание на текущий день.

Переговорные комнаты 

В левой части виджета, под календарем, расположены элементы для выбора переговорной комнаты:

1. Выпадающий список офисов - позволяет выбрать офис
2. Выпадающий список этажей - позволяет выбрать этаж
3. Количество мест - поле для ввода числа. При заполненном значении фильтрует список переговорных комнат. Примечание: элемент отображается при включении фильтров, вызываемое нажатием на кнопку в виде воронки.
4. Теги - список тегов. При выборе тегов фильтрует список переговорных комнат. Кнопка "Очистить" очищает выбранные теги. Примечание: элемент отображается при включении фильтров, вызываемое нажатием на кнопку в виде воронки.
5. Поиск комнат - текстовое поле, при заполнении которого фильтрует по наименованию список переговорных комнат.
6. Список комнат - список переговорных, которые удовлетворяют фильтрам. Клик по переговорной комнате показывает её расписание в основной области отображения. Каждая отдельная переговорная комната может быть окрашена в следующий цвет:
   • Серый - у пользователя нет прав для создания встреч в данной переговорной комнате. 
   • Черный - у пользователя есть права для создания встреч в данной переговорной комнате. 
   • Синий - данная переговорная комната выбрана, основная область отображения показывает расписание данной переговорной.

Основная область отображения 

В основной области виджета отображаются события (встречи в переговорной комнате) на выбранную дату. События отображаются на сетке календаря и адаптивны выбранному виду календаря:

• День: В этом режиме отображается подробное расписание на выбранный день. События распределяются по временной на шкале.

• Неделя: В режиме "Неделя" показываются события на текущую неделю, где каждый день недели отображается в виде колонки. 

• Месяц: В режиме "Месяц" отображаются события на весь месяц, с возможностью прокручивать и просматривать все запланированные события на более долгий период. Каждое событие отображается в соответствующем дне месяца.

При наведении курсора на событие в календаре отображаются его основные детали, такие как название события, время, место и статус. 

При клике на таймлайн будущего времени осуществляется создание нового бронирования (при наличии соответсвующих прав).