Карта view-классов в Scheduler

Scheduler построен как приложение Webix Jet, поэтому каждая часть его интерфейса - это Jet компонент со своим именем. Эти имена используются для переопределения и расширения компонентов по умолчанию; подробнее в статье Кастомизация Scheduler.

Scheduler состоит из перечисленных ниже Jet компонентов. Вложенность в списке повторяет вложенность в интерфейсе, а каждое имя ведёт к скриншоту с выделенным компонентом.

Компоненты, у которых указан компактный режим, доступны только в компактной раскладке. Scheduler переключается на неё на узких экранах или при включённой настройке compact.

"main" - основной контейнер Scheduler

Bars

"bars" - верхний тулбар
- "bars/add" - кнопка для создания нового события
- "bars/date" - контрол с названием текущего периода и стрелками для переключения даты
- "bars/nav" - таббар для переключения режимов работы
- "bars/navpopup" - боковое меню в компактном режиме

Event

"event/form" - форма для редактирования событий
- "event/recurringform" - дополнительная форма с настройками правила повторения
"event/formpopup" - полноэкранный попап, который в компактном режиме содержит "event/info" и "event/form"
"event/info" - панель с информацией о событии
- "event/actionmenu" - меню действий для повторяющихся событий

Modes

Agenda

"modes/agenda" - список событий, сгруппированных по дням, в режиме agenda

Day

"modes/day" - контейнер для сетки событий в режиме day
- "modes/day/multiday" - список событий на несколько дней
- "modes/day/events" - список событий одного дня в режимах day, week и units

Week

"modes/week" - контейнер для сетки событий в режиме week
- "modes/week/header" - хедер с днями недели в режиме week
- "modes/week/multiday" - сетка с событиями на несколько дней
- "modes/week/compact" - список событий недели, сгруппированных по дням, в компактном режиме

Month

"modes/month" - контейнер для сетки событий в режиме month
- "modes/month/header" - хедер с днями недели в режиме month
- "modes/month/events" - сетка событий в режиме month
- "modes/month/compact" - календарь месяца в компактном режиме
- "modes/month/list" - список событий выбранного дня в компактном режиме
- "modes/month/more" - попап при недостаточном пространстве для событий; также используется в режиме year

Timeline

Эти компоненты доступны только при включённой настройке timeline.

"modes/timeline" - контейнер для сетки событий в режиме timeline
- "modes/timeline/bar" - тулбар с выбором масштаба
- "modes/timeline/scale" - горизонтальная шкала времени
- "modes/timeline/chart" - секции и сетка с событиями
- "modes/timeline/more" - попап при недостаточном пространстве для событий; основан на "modes/month/more"

Units

Эти компоненты доступны только при включённой настройке units.

"modes/units" - контейнер для сетки событий в режиме units
- "modes/units/header" - хедер с названиями категорий
- "modes/units/multiday" - контейнер, в котором события на несколько дней сгруппированы по категориям
- "modes/units/multidaylist" - список событий на несколько дней для одной категории
- "modes/units/days" - сетка событий в режиме units
- "modes/units/events" - список событий для одной категории

Year

"modes/year" - контейнер с календарями всех 12 месяцев
- "modes/year/calendar" - календарь одного месяца

Common

"modes/common/actionpopup" - попап с действиями при перетаскивании повторяющихся событий
"modes/common/hourscale" - шкала часов в режимах day, week и units

Side

"side" - сайдбар с мини-календарём для выбора даты и списком календарей; в компактном режиме вместо календаря отображается список режимов работы из "bars/navpopup"
- "side/popup" - попап с палитрой и кнопкой "Settings"
- "side/editor" - попап для редактирования информации о календаре