DropCalendar

Быстрое и удобное администрирование событий с использованием ajax
Бесплатно
Загрузите дополнение из админки вашего сайта.
Как загрузить?
Автор дополнения
Буркун Артем
Пакетов
1
Закачек
32
Автор дополнения
Пакетов
1
Закачек
32
Версия 1.0.1-pl
Дата выпуска 08.08.2017
Загрузки 32
Просмотры 551
JavaScript календарь событий (https://fullcalendar.io/)



Основная идея компонента заключается в том, чтобы дать возможность пользователю управлять событиями с использованием только мыши в режиме drag&drop.
Также есть возможность использовать модальные окна с библиотеками jquery, bootstrap. Взаимодействие с системой проходит в режиме ajax.

Использование.
Компонент включает 3 сниппета:

DcManage — Основной сниппет, отвечает за управление событиями.
Добавить событие можно 2-мя способами
  • Перетащить событие
  • Кликнуть на один из дней (долгое нажатие для мобильных девайсов)
Чтобы отредактировать событие, необходимо кликнуть на него и изменить информацию в модальном окне.
Удалить событие также можно 2-мя способами:
  • Кликнуть на событие и удалить
  • Перетащить в зону удаления

Чанк DcEvManage отвечает за вывод календаря.
Здесь можно изменить стандартные заголовки событий, порядок отображения.
В общем, скрипт вывода календаря и правый столбец.

Цветовых решений 7. Можно менять стилевое оформление, по умолчанию здесь:
assets/components/dropcalendar/css/web/main0000.css

Чанк DcwCreate — модальное окно для нового события. Появляется после нажатие на один из дней.
Чанк DcwUpdate — модальное окно для редактирования события. Появляется после клика по событию.

Сниппет DcShow отвечает за показ событий пользователям. Нет возможности редактирование событий, только показ.
Чанк DcwShow показывает полную информацию о событии.

Сниппет DcTable выводит все события в режиме таблицы.
Чанк DcTableOuter шаблон таблицы
Чанк DcTableRow шаблон строки таблицы.

Обратите внимание на то, что есть возможность использовать несколько календарей.
Для этого необходимо указать номер календаря в параметрах:
&calendarNumber=`0`

[[DcManage]]
Равносильно
[[DcManage?
	&tpl=`DcEvManage`
	&popupWindow=`DcwOuter`
	&locale=`ru`
	&calendarNumber=`0`
	&useJquery=`1`
	&useJqueryUi=`1`
	&useFullcalendar=`1`
	&useBootstrap=`1`
]]
по умолчанию.
  • Snippets, chunks, categories rename
  • Table category fix
  • Add an opportunity to create event with the same title
  • Touch Punch for mobile devices
  • Modal window fix for mobile devices
  • Minor style changes

Последние обсуждения в сообществе MODX.pro