DropCalendar

Быстрое и удобное администрирование событий с использованием ajax
Бесплатно
Загрузите дополнение из админки вашего сайта.
Как загрузить?
Автор дополнения
Буркун Артём Андреевич
Пакетов
2
Закачек
154
Автор дополнения
Пакетов
2
Закачек
154
Версия 1.1.0-beta
Дата выпуска 07.03.2019
Загрузки 141
Просмотры 3 957
JavaScript календарь событий (https://fullcalendar.io/)
Основная идея компонента заключается в том, чтобы дать возможность пользователю управлять событиями с использованием только мыши в режиме drag&drop.



Компонент включает 3 сниппета:
  • DcAdmin
  • DcShow
  • DcTable

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

Параметры сниппета:
tpl — Чанк вывода календаря и правый столбец
modal — Чанк вывода модального окна
locale — Локализация календаря. Должно сответсвовать названию js файла по адресу:
..assets/components/dropcalendar/js/mrg/locale
useBulma — Использовать bulma CSS framework (1 или 0)
useFullcalendar — Использовать библиотеку Fullcalendar (1 или 0)
useJquery — Использовать библиотеку jquery (1 или 0)

[[DcAdmin]]
Равносильно
[[DcAdmin?
    &tpl=`DcAdmin`
    &modal=`DcAdminModal`
    &locale=`ru`
    &calendar=``
    &useBulma=`1`
    &useFullcalendar=`1`
 	&useJquery=`1`
 ]]
Сниппет DcShow отвечает за показ календаря пользователям.
Функционал включает в себя возможность просмотра календаря событий и показа расширенной информации о событии.

Чанк DcShow отвечает за вывод календаря
Чанк DcShowModal отвечает за вывод модального окна.

Сниппет DcTable выводит все события в режиме таблицы.
Чанк DcTableOuter шаблон контейнера таблицы
Чанк DcTableRow шаблон строки таблицы.
Обратите внимание на то, что есть возможность использовать несколько календарей.
Для этого необходимо указать название календаря в параметрах:
&calendar=`0`
Если не указать календарь, то выводятся все события.
  • Code refactoring
  • Bulma framework instead bootsrap
  • Css and js libraries upgrade
  • Snippets, chunks rename
  • Change event color by click
  • Text, border and background color for event
  • All day events
  • Security fix by AgelxNash

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