Commit cbe2ba70 authored by Carsten  Rose's avatar Carsten Rose

Manual.rst: Update comments/setting/urls to fullCalendar V3

parent 4355ce59
Pipeline #3152 passed with stages
in 1 minute and 52 seconds
......@@ -228,7 +228,7 @@ Setup CSS & JS
file07 = typo3conf/ext/qfq/Resources/Public/Css/font-awesome.min.css
# Only needed in case FullCalendar is used
file08 = typo3conf/ext/qfq/Resources/Public/Css/fullCalendar.min.css
file08 = typo3conf/ext/qfq/Resources/Public/Css/fullcalendar.min.css
}
page.includeJS {
......@@ -250,7 +250,8 @@ Setup CSS & JS
file14 = typo3conf/ext/qfq/Resources/Public/JavaScript/qfq.fabric.min.js
# Only needed in case FullCalendar is used
file15 = typo3conf/ext/qfq/Resources/Public/JavaScript/fullCalendar.min.js
file15 = typo3conf/ext/qfq/Resources/Public/JavaScript/moment.min.js
file16 = typo3conf/ext/qfq/Resources/Public/JavaScript/fullcalendar.min.js
}
......@@ -7817,14 +7818,15 @@ to the file is SIP protected. Any file on the server is possible.
Calendar View
-------------
QFQ is shipped with the JavaScript library https://fullcalendar.io/ to provides various calendar views.
QFQ is shipped with the JavaScript library https://fullcalendar.io/ (respect that QFQ uses V3) to provides various calendar views.
Docs: https://fullcalendar.io/docs
Docs: https://fullcalendar.io/docs/v3
Include the JS & CSS files via Typoscript
* typo3conf/ext/qfq/Resources/Public/Css/fullCalendar.min.css
* typo3conf/ext/qfq/Resources/Public/JavaScript/fullCalendar.min.js
* typo3conf/ext/qfq/Resources/Public/Css/fullcalendar.min.css
* typo3conf/ext/qfq/Resources/Public/JavaScript/moment.min.js
* typo3conf/ext/qfq/Resources/Public/JavaScript/fullcalendar.min.js
Integration: Create a `<div>` with
......@@ -7835,15 +7837,21 @@ Example::
10.sql = SELECT 'Test'
10.head = <div class="qfq-calendar"
data-config='{"plugins": [ "timeGrid" ],
"weekends": false,
"defaultView": "timeGridWeek",
"minTime": "05:00:00", "maxTime": "20:00:00",
"businessHours": { "daysOfWeek": [ 1, 2, 3, 4 ], "startTime": "10:00", "endTime": "18:00" },
"events": [ { "id": "a", "title": "my event", "start": "2020-01-21"},
{ "id": "b", "title": "my other event", "start": "2020-01-16T09:00:00", "end": "2020-01-16T11:30:00"}
]
}'></div>
data-config='{
"themeSystem": "bootstrap3",
"height": "auto",
"defaultDate": "2020-01-13",
"weekends": false,
"defaultView": "agendaWeek",
"minTime": "05:00:00",
"maxTime": "20:00:00",
"businessHours": { "daysOfWeek": [ 1, 2, 3, 4 ], "startTime": "10:00", "endTime": "18:00" },
"events": [
{ "id": "a", "title": "my event","start": "2020-01-21"},
{ "id": "b", "title": "my other event", "start": "2020-01-16T09:00:00", "end": "2020-01-16T11:30:00"}
]}'>
</div>
Report Examples
---------------
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment