[myCalendar] Календарь для MODX
Есть прикольный календарик на javascript — fullCalendar. Много настроек, красивый вид, поддерживается разработчиками. Но он расчитан только на рендеринг событий. Лично мне он понравился и поэтому я решил познакомить его с MODX Revolution.
Вызывается так
Добавлять события можно либо просто кликом на нужное время, либо выделением диапазона. В первом случае конечное время события определяется согласно параметру defaultDuration. А во втором случае, начальное и конечное время определяются по границам выделения.
События можно перемещать, ресайзить, удалять.
Календарь может работать с Google Calendar. Для этого нужно в системных настройках указать Google Calendar API Key, а в сниппете через запятую указать google календари
С событиями Google календаря манипуляции ограничены. Их можно только редактировать, да и то только в собственном Google интерфейсе.
Собственно это все.
Проект на Github
В главном магазине MODX страны.
Update. В новой версии можно вызывать несколько календарей одновременно.
Вызывается так
[[!myCalendar?]]Добавлять события можно либо просто кликом на нужное время, либо выделением диапазона. В первом случае конечное время события определяется согласно параметру defaultDuration. А во втором случае, начальное и конечное время определяются по границам выделения.
События можно перемещать, ресайзить, удалять.
Календарь может работать с Google Calendar. Для этого нужно в системных настройках указать Google Calendar API Key, а в сниппете через запятую указать google календари
[[!myCalendar? &googleCalendars=`ru.russian#holiday@group.v.calendar.google.com`]]С событиями Google календаря манипуляции ограничены. Их можно только редактировать, да и то только в собственном Google интерфейсе.
Собственно это все.
Проект на Github
В главном магазине MODX страны.
Update. В новой версии можно вызывать несколько календарей одновременно.
10 апреля 2015, 04:34
Поблагодарить автора
Отправить деньги
Комментарии: 96
Очень рад, что кто-то вспомнил про замечательный fullCalendar.
Я тоже делал что-то подобное давно, но потом забросил.
Я тоже делал что-то подобное давно, но потом забросил.
Все кому не лень. :)
Если нужно разрешить редактировать только авторизованным, то в сниппет перед перед сохранением параметров в сессию можно дописать условие
Если нужно разрешить редактировать только авторизованным, то в сниппет перед перед сохранением параметров в сессию можно дописать условие
if (!$modx->user->isAuthenticated($modx->context->get('key'))
$scriptProperties['readOnly'] = true;
Наверно.
А вообще это решение — вырезка из дополнения, которое я щас заканчиваю по заказу знакомого — с авторизацией, неограниченным количеством календарей с интерфейсом в админке, уведомлением пользователя на сайте и по почте, повторением событий. В дальнейшем хочет назначать задачи пользователям и следить за исполнением.
А вообще это решение — вырезка из дополнения, которое я щас заканчиваю по заказу знакомого — с авторизацией, неограниченным количеством календарей с интерфейсом в админке, уведомлением пользователя на сайте и по почте, повторением событий. В дальнейшем хочет назначать задачи пользователям и следить за исполнением.
тоже делала подобное, но с меньшим функционалом тут
Любой мог добавить, но удалить \ изменить время мог только админ
Любой мог добавить, но удалить \ изменить время мог только админ
Я ж не спорю) просто говорю что тоже пришлось заморочить, там просто были определенные требования к календарю.
Возможность менять период времени записи. тут 20 мин например, а сказали могут 10. + день как видите размет на 4 кабинки. это все надо было учесть. и самый оптимальный вариант на тот момент оказался этот
Возможность менять период времени записи. тут 20 мин например, а сказали могут 10. + день как видите размет на 4 кабинки. это все надо было учесть. и самый оптимальный вариант на тот момент оказался этот
Заметил, что тут никто никогда не задумывается о фронтенд оптимизации. Все компоненты, которые подключают скрипты/стили, почему то всегда подключают их несжатыми и не объединенными, но ведь же можно оставлять исходники, а рядом класть сжатый файл и подключать его. Все равно файл компонента нельзя править, в связи с его затиранием при апдейте, а кому надо изменить тот соберет себе новый из исходников.
Может у этого есть, конечно, какой-то смысл?
Может у этого есть, конечно, какой-то смысл?
Разработчик сайта, сам должен или может минифицировать, конкатенировать, и компилировать асетсы как ему угодно
Ну вы меня немножко не поняли, вот пример, как это сжать и объединить через MinifyX? Получается нужно выпилить из кода и вручную вставить там где вызывается компонент. Что очень странно.
А вот тут можно поспорить. Глядя на тот же код, можно заметить недокументированную возможность указывать свой путь к файлам.
В системных настройках нужно указать свой путь в параметре mycalendar.assets_url и, соответственно, css и js файлы будут доступны по новому пути — «новое значение/css/» и «новое значение/js/». И пожалуйста, подключай свои файлы.
Это к разговору о разработчиках. Для простого админа это не очень прозрачно.
В системных настройках нужно указать свой путь в параметре mycalendar.assets_url и, соответственно, css и js файлы будут доступны по новому пути — «новое значение/css/» и «новое значение/js/». И пожалуйста, подключай свои файлы.
Это к разговору о разработчиках. Для простого админа это не очень прозрачно.
Как раз такие скрипты и стили MinifyX собирает в один файл и минимизирует.
UPD. Василий меня опередил))
UPD. Василий меня опередил))
В продолжение темы про сжатие скриптов…
Разработчикам на PhpStorm будет полезно узнать про плагин File Watchers, который автоматически сжимает css и js файлы. Работаешь в нормальной версии, а рядом появляется сжатый вариант. После каждого редактирования обычного файла сжатый файл автоматом обновляется. Я себе настроил этот плагин. Очень удобно.
Разработчикам на PhpStorm будет полезно узнать про плагин File Watchers, который автоматически сжимает css и js файлы. Работаешь в нормальной версии, а рядом появляется сжатый вариант. После каждого редактирования обычного файла сжатый файл автоматом обновляется. Я себе настроил этот плагин. Очень удобно.
1. во время вызова календаря выдает ошибку There was an error while fetching events!
на оном ресурсе без ошибки, на другом с это ошибкой — оба сайта идентичны, разница только в домене.
2. И при изменении настройки разрешить редактировать только авторизованным доступ к изменениям становится недоступен всем пользователям, авторизованным и нет.
Подскажите куда копать?
на оном ресурсе без ошибки, на другом с это ошибкой — оба сайта идентичны, разница только в домене.
2. И при изменении настройки разрешить редактировать только авторизованным доступ к изменениям становится недоступен всем пользователям, авторизованным и нет.
Подскажите куда копать?
1. во время вызова календаря выдает ошибку There was an error while fetching events!Можно посмотреть на сайт?
на оном ресурсе без ошибки, на другом с это ошибкой — оба сайта идентичны, разница только в домене.
2. И при изменении настройки разрешить редактировать только авторизованным доступ к изменениям становится недоступен всем пользователям, авторизованным и нет.Сниппет нужно вызывать не кэшированным, как в описании.
1. У тебя при обращении к скрипту action.php возвращается ошибка 404. Проверь права.
2. Ты вызываешь сниппет кэшированным
2. Ты вызываешь сниппет кэшированным
[[myCalendar? &allowGuestEdit=`1` &allDaySlot=`0` &defaultColor=`0` &height=`auto` &minTime=`07:00` &maxTime=`22:00`]][[!myCalendar...]]&defaultColor=`#000000`
1. Права проверял, делал по аналогии с другим сайтом где работает, все без изменений. Уже несколько дней с этим бьюсь, прочитал кучу мануалов, рекомендаций и т.п., делал по всякому, но без результатно;
2. Спасибо, исправил, но все равно тоже самое (проверяю на другом сайте, не где ошибку выдает) при вызове [[!myCalendar? &allowGuestEdit=`0`]] авторизованному пользователю не дает возможность редактировать, но выводит календарь на странице. при вызове [[!myCalendar? &allowGuestEdit=`1`]] выводит календарь всем, авторизованным и нет, и дает возможность редактировать
2. Спасибо, исправил, но все равно тоже самое (проверяю на другом сайте, не где ошибку выдает) при вызове [[!myCalendar? &allowGuestEdit=`0`]] авторизованному пользователю не дает возможность редактировать, но выводит календарь на странице. при вызове [[!myCalendar? &allowGuestEdit=`1`]] выводит календарь всем, авторизованным и нет, и дает возможность редактировать
хостинг одинаковый мирахаб, но сервера разные. который едку даже пошустрее летает.
1. Попробую еще тогда погуглить, спасибо за направление куда копать.
видел вот такое решение с async:false вот только где прописывать это не понял.
2. А по этому что скажешь? я уже и кеша чистил, и права перегружал и папку кеш сносил, ничего не помогает. может какие настройки с самим modx? я уже и не знаю куда копать (((
пробовал по этим вопросам тестировать на двух разных хостингах и на локальном опенсервер все одинаково.
1. Попробую еще тогда погуглить, спасибо за направление куда копать.
видел вот такое решение с async:false вот только где прописывать это не понял.
2. А по этому что скажешь? я уже и кеша чистил, и права перегружал и папку кеш сносил, ничего не помогает. может какие настройки с самим modx? я уже и не знаю куда копать (((
пробовал по этим вопросам тестировать на двух разных хостингах и на локальном опенсервер все одинаково.
На алиф изменил сниппет и скрипт default.js. Все работает. Но при обновлении все слетит. Так что лучше сохранить под другими именами. А лучше разобраться, почему ajax не проходит.
2. А по этому что скажешь? я уже и кеша чистил, и права перегружал и папку кеш сносил, ничего не помогает. может какие настройки с самим modx? я уже и не знаю куда копать (((Параметр allowGuestEdit работает как положено. Где проверить эту ошибку?
Спасибо тебе!!! Надо сюда, наверное выложить код изменений? хоть и не пользуется спросом календарь (пока). Хотя на wp +30К загрузок Еще бы такой функционал получить) «из коробки»
С аяксом обязательно буду разбираться, может что-то старшие товарищи подскажут.
2. только что гонял туда — сюда этот параметр на алифе, все так-же. Думал кеша браузера, попробовал в двух разных и из под разных учеток.
С аяксом обязательно буду разбираться, может что-то старшие товарищи подскажут.
2. только что гонял туда — сюда этот параметр на алифе, все так-же. Думал кеша браузера, попробовал в двух разных и из под разных учеток.
Надо сюда, наверное выложить код изменений?Нет не надо.
2. только что гонял туда — сюда этот параметр на алифе, все так-же.Только что погонял с авторизацией и без несколько раз. Ставлю allowGuestEdit =`1` -> F5. Ставлю allowGuestEdit =`0` -> F5. И так несколько раз. Все работает. Что-то видимо у тебя криво стоит. Или мы друг друга не понимаем.
Проблема как раз в том что когда авторизованный точно такая же картина. Или я чего-то не понимаю в реализации allowGuestEdit.
Хотя выше описана тобой-же верная логика.
Еще раз повторюсь.
Ставлю [[!myCalendar? &allowGuestEdit=`1`]]
Доступ к редактированию есть у всех.
Ставлю [[!myCalendar? &allowGuestEdit=`0`]]
Редактировать ни кто не может, авторизованный и не авторизованный пользователь.
Как я понял при &allowGuestEdit=`0` доступ к редактированию должен пропасть только у не авторизованных пользователей. исходя из твоего коммента
Хотя выше описана тобой-же верная логика.
Еще раз повторюсь.
Ставлю [[!myCalendar? &allowGuestEdit=`1`]]
Доступ к редактированию есть у всех.
Ставлю [[!myCalendar? &allowGuestEdit=`0`]]
Редактировать ни кто не может, авторизованный и не авторизованный пользователь.
Как я понял при &allowGuestEdit=`0` доступ к редактированию должен пропасть только у не авторизованных пользователей. исходя из твоего коммента
Проблема как раз в том что когда авторизованный точно такая же картина.Не такая же. Все работает как положено.
Для неавторизованного пользователя
//Нельзя редактировать гостям
[[!myCalendar? &allowGuestEdit=`0`]]
Для авторизованного пользователя
//Нельзя редактировать гостям
[[!myCalendar? &allowGuestEdit=`0`]]
Как видишь, редактирование возможно.
Дружище, я больше не знаю чем тебе помочь. Все работает как я и писал выше. Только теперь с подтверждением.
Кажись, я понял. Ты, видимо, авторизуешься в админке, а не во фронте. А если так, то получается, что ты всегда гость, не зависимо от того, авторизовался ты или нет. Поэтому и редактирование невозможно.
Если ты хочешь, чтоб параметр allowGuestEdit работал и для авторизованных в админке, то нужно в условии указать контекст mgr, а не текущий
Если ты хочешь, чтоб параметр allowGuestEdit работал и для авторизованных в админке, то нужно в условии указать контекст mgr, а не текущий
if (!$modx->user->isAuthenticated('mgr')
$scriptProperties['readOnly'] = true;
В файле default.js в указанной строчке оставить только «month». И не забыть у сниппета указать параметр defaultView=month.
Вообще, настроек огромадное количество. Они все описаны на сайте fullCalendar.
В следующей версии добавлю возможность подключать свои js и css файлы, чтоб не затирались изменения в настройках при обновлении.
Вообще, настроек огромадное количество. Они все описаны на сайте fullCalendar.
В следующей версии добавлю возможность подключать свои js и css файлы, чтоб не затирались изменения в настройках при обновлении.
евент преображается.
В этой версии только один календарь. Есть вот такая версия. В ней можно использовать несколько календарей. Но скорее всего, если заказчик разрешит её выложить, то не бесплатно.
Я так понимаю, что эти 2 календаря на странице должны отображать разные события. И соответственно сохранять в разные календари разные события. А это в текущей информационной модели невозможно. Как события в таблице разделить по разным календарям?
Выход только один — переписывать все с нуля.
если оторвать у eventCalendar механизм с возможностью &calendar_id=`cal3` должно работать?eventCalendar просто выводит события. Он не может их сохранять. Поэтому там все проще.
Выход только один — переписывать все с нуля.
Приветствую! Календарь шикарный! Но пара вопросов имеется…
1. При установке опции &allowGuestEdit=`0` вроде все гуд — гости смотрят, админы редактируют и добавляют. Но только админ не может удалить событие. Всплывает окно с предупреждением, а далее сообщение, что редактирование запрещено.
2. Помогите подружить его с гугл-календарем! Вроде и api сделал, и id гугловского календаря прописал… но что-то где-то не так. Кстати, у меня id в виде e-mail, а здесь в примере вот так: &googleCalendars=`ru.russian#holiday@group.v.calendar.google.com`. Это как понимать?
1. При установке опции &allowGuestEdit=`0` вроде все гуд — гости смотрят, админы редактируют и добавляют. Но только админ не может удалить событие. Всплывает окно с предупреждением, а далее сообщение, что редактирование запрещено.
2. Помогите подружить его с гугл-календарем! Вроде и api сделал, и id гугловского календаря прописал… но что-то где-то не так. Кстати, у меня id в виде e-mail, а здесь в примере вот так: &googleCalendars=`ru.russian#holiday@group.v.calendar.google.com`. Это как понимать?
Ну, про 1, изменил в файле core/components/mycalendar/model/mycalendar/mycalendar.class.php в методе public function removeEvent (404 строка)
if (!$this->config['allowGuestEdit'] && !$this->modx->user->isAuthenticated('mgr')) (406 строка).
И всё заработало.
Вообще, думаю, там следует учинять ровно такую же проверку, как и в коде сниппета. У меня, в частности, требуется, чтобы только залогиненный в админку пользователь мог редактировать календарь, поэтому и проверяю isAuthenticated('mgr').
if (!$this->config['allowGuestEdit'] && !$this->modx->user->isAuthenticated('mgr')) (406 строка).
И всё заработало.
Вообще, думаю, там следует учинять ровно такую же проверку, как и в коде сниппета. У меня, в частности, требуется, чтобы только залогиненный в админку пользователь мог редактировать календарь, поэтому и проверяю isAuthenticated('mgr').
Вообще, думаю, там следует учинять ровно такую же проверку, как и в коде сниппета.Какой смысл дублировать код? Все манипуляции с правами вынесены в сниппет. Там, в зависимости от требуемых условий, выставляется флаг readOnly. А в классе просто должен проверяться этот флаг. В новой версии это дело поправлено.
1. При установке опции &allowGuestEdit=`0` вроде все гуд — гости смотрят, админы редактируют и добавляют. Но только админ не может удалить событие. Всплывает окно с предупреждением, а далее сообщение, что редактирование запрещено.Есть такое дело. Логику с правами вынес в сниппет, а в классе забыл подправить это дело. Исправление будет доступно в новой версии. А пока можно самому поправить в файле core/components/mycalendar/model/mycalendar/mycalendar.class.php (строка 406)
if ($this->config['readOnly'])2. Помогите подружить его с гугл-календарем!По инструкции должно быть 3 шага:
1. Получить API Google календаря.
2. Создать доступный всем (public) google календарь.
3. Получить его ID. Он должен выглядеть как-то так abcd1234@group.calendar.google.com.
API Google календаря прописать в системных настройках, а ID календаря в параметре &googleCalendars сниппета. Если все сделано правильно, то должно работать.
Календарь ru.russian#holiday@group.v.calendar.google.com является общим календарем с праздниками, у Вас он тоже должен работать.
К сожалению не могу определить точно когда появляется ошибка, иногда при хождении по админке сайта, иногда по фронтенду, при логине пользователя появляется,
Ещё присутствуют такие ошибки
(ERROR @ /assets/components/mycalendar/action.php) Could not load class: myCalendarEvents from mysql.mycalendarevents.
(ERROR @ /assets/components/mycalendar/action.php) myCalendarEvents::getSelectColumns() is not a valid static method.
Ещё присутствуют такие ошибки
(ERROR @ /assets/components/mycalendar/action.php) Could not load class: myCalendarEvents from mysql.mycalendarevents.
(ERROR @ /assets/components/mycalendar/action.php) myCalendarEvents::getSelectColumns() is not a valid static method.
А если на сайте в принципе нет авторизации со стороны фронтенда?
У меня чисто информационный сайт. И при просмотре календаря я захожу из другого браузера.
Когда я сделал сниппет на основе вот этого кода из вашей доки:
У меня чисто информационный сайт. И при просмотре календаря я захожу из другого браузера.
Когда я сделал сниппет на основе вот этого кода из вашей доки:
<?php
// Если пользователь зарегистрирован и входит в группу "Manager", то редактирование календаря разрешено.
if ($modx->user && $modx->user->isMember('Manager') {
$scriptProperties['readOnly'] = true; // Редактирование запрещено
} else {
$scriptProperties['readOnly'] = false; // Редактирование разрешено
}
// А теперь передаём параметры в сниппет myCalendar
return $modx->runSnippet('myCalendar', $scriptProperties);
Возможно ли сейчас подключить Google-календарь? Попытка вызвать как
[[!myCalendar? &googleCalendars=`ru.russian#holiday@group.v.calendar.google.com`]]
ни к чему не приводит — календарь на фронт-энде пустой, хотя выше указан именно этот календарь для примера. Другие календари тоже не подключались. В консоли выводится ошибка
«Specify a googleCalendarApiKey. See fullcalendar.io/docs/google_calendar/»
В гугле опять что-то наменяли, что перестало работать? С этими «обновлениями с последствиями» на других языках уже сталкивался.
[[!myCalendar? &googleCalendars=`ru.russian#holiday@group.v.calendar.google.com`]]
ни к чему не приводит — календарь на фронт-энде пустой, хотя выше указан именно этот календарь для примера. Другие календари тоже не подключались. В консоли выводится ошибка
«Specify a googleCalendarApiKey. See fullcalendar.io/docs/google_calendar/»
В гугле опять что-то наменяли, что перестало работать? С этими «обновлениями с последствиями» на других языках уже сталкивался.
Чтобы вызвать Гугл календарь, его нужно сначала настроить. Об этом и сообщается в ошибке. Проверить можно на демосайте.
Нужно получить API ключ Гугл календаря. Как это сделать указано в ссылке в ошибке — «Specify a googleCalendarApiKey. See fullcalendar.io/docs/google_calendar/».
День добрый! Есть товары минишопа(обучающие курсы.) у каждого товара есть название описание и тв поле время старта курса. Как их вывести в данном календаре?
[[!pdoResources?
&tpl=`@INLINE <div>[[+start]]. [[+title]]</div><div>[[+description]]</div>
`
&class=`myCalendarEvents`
&loadModels=`mycalendar`
&sortby=`start`
&sortdir=`ASC`
&showLog=`1`
]]
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
Здесь упомянуты:
| Компонент | Текущая версия | Закачки |
| myCalendar | 1.1.4-pl от 04.01.2017 | 306 |
| fullCalendar | 2.0.3-pl от 08.06.2017 | 186 |
| MinifyX | 1.7.1-pl от 25.03.2019 | 14 300 |
| BannerY | 1.4.1-pl от 16.04.2019 | 2 753 |
| miniShop2 | 4.4.0-pl от 06.08.2024 | 26 103 |
| pdoTools | 2.13.2-pl от 02.09.2021 | 54 171 |
Вчера в 08:53
если правильно понял то так
{set $rows = json_decode($_modx->resource.constructor_block, true)}
{foreach $r...
