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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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