Работа с ЭУ "Календарь"

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

Рисунок 1. ЭУ "Календарь"

Основные элементы ЭУ:

Кнопки перехода к предыдущему и следующему отрезку времени
Дата начала и окончания текущего отображаемого отрезка времени
Кнопки выбора представления
Кнопка для отображения диалога с информацией об ЭУ
Событие с длительностью в несколько дней
Событие в рамках одного дня

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

Источником данных календаря может выступать либо задаваемые в параметрах секции карточки, либо кодовое расширение (плагин).

Представления

Выбор представления включает выбор типа представления, типа длительности и длительности.

Типы представлений:

Грид по дням

Рисунок 2. Представление календаря "Грид по дням"
Грид по времени

Рисунок 3. Представление календаря "Грид по времени"
Список событий

Рисунок 4. Представление календаря "Список событий"
Несколько месяцев

Рисунок 5. Представление календаря "Несколько месяцев"

Тип длительности и длительность задают период, который отображается в представлении.

Группы событий

Группы позволяют визуально выделить события по смыслу (например, совещания, дни рождения и т.д.). Набор групп событий задается в параметрах ЭУ.

Для каждой группы событий определяется:

Идентификатор группы — используется для связи с группой событий в источнике данных
Название — отображается во всплывающей подсказке к событию
Цвет текста
Цвет фона
CSS классы

Типы дней

Типы дней позволяют визуально выделить дни по типам (например, отпуск, больничный и т.д.). Набор типов дней задается в параметрах ЭУ.

Для каждого типа дня определяется:

Название — отображается во всплывающей подсказке к дню
Идентификатор типа дня — используется для связи с типом дня в источнике данных
Цвет фона
CSS классы

Редактирование и просмотр

Редактирование данных календаря производится с помощью контекстного меню, набор элементов которого зависит от текущего выделения в представлении календаря:

Выбран период времени (например, день или несколько дней):
1. Изменить тип дня — доступно если в свойствах ЭУ задан набор типов дней.
2. Добавить событие
Выбрано событие
1. Редактировать событие
2. Копировать событие
3. Пометить важным
4. Удалить событие

Рисунок 6. Форма создания и редактирования события

Название события — обязательное поле, отображается в блоке события в календаре
Группа события — обязательное поле, отображается, если в свойствах ЭУ задан набор групп событий
Дата начала — обязательное поле, дата начала события
Дата окончания — не может быть ранее даты начала, дата окончания события
Флаг "Весь день" — указывает, что событие длится весь день, т.е. время не учитывается
Флаг "Важное" — помечает событие как важное
Описание события — отображается во всплывающей подсказке к событию и в форме просмотра события
Сведения об авторе события, дате создания, авторе последнего изменения и дате последнего изменения — отображаются в при редактировании ранее созданного события

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

Просмотр всех данных события происходит по двойному клику по событию:

Рисунок 7. Форма просмотра события

Изменение типа дня происходит через следующую форму:

Рисунок 8. Форма изменения типа дня

Тип дня
Комментарий - отображается во всплывающей подсказке к дню