Skip to Content

Changes for page Home

Last modified by Benjamin Fischer on 2025/06/04 14:20
From version 72.31
edited by Benjamin Fischer
on 2024/11/06 14:23
Change comment: There is no comment for this version
To version 72.12
edited by Benjamin Fischer
on 2024/11/06 11:47
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -19,15 +19,11 @@
19 19  = ErUM-Data Calendar =
20 20  
21 21  {{velocity output="false"}}
22 -$xwiki.ssx.use("Calendar.FullCalendar")
23 23  $xwiki.jsx.use("Calendar.FullCalendar", {'defer': false})
24 -$xwiki.jsx.use("Main.WebHome", {'defer': false, 'minify': false})
23 +$xwiki.jsx.use("MoccaCalendar.Code.Macro", {'defer': false})
25 25  {{/velocity}}
26 26  
27 -(% id="calendarCustom" %)
28 -(((
29 -
30 -)))
26 +{{calendar json="/bin/get/MoccaCalendar/Code/JSONService?xpage=plain&outputSyntax=plain&calendarDoc=Main.WebHome&filter=wiki&classname=MoccaCalendar.MoccaCalendarEventClass&startfield=startDate&endfield=endDate&durationfield=" right="month,plainList" editable="false"/}}
31 31  
32 32  {{velocity}}
33 33  #set ($showcomments = false)
XWiki.JavaScriptExtension[0]
Code
... ... @@ -1,80 +1,1 @@
1 -require(["jquery", "fullcalendar"], function (jq) {
2 - const FC = jq.fullCalendar;
3 - const E = (tag, attrs, ...childs) => {
4 - if (typeof attrs === "string") attrs = [attrs];
5 - if (attrs instanceof Array) {
6 - childs = attrs.concat(childs);
7 - attrs = {};
8 - }
9 - const ret = Element(tag, attrs);
10 - ret.append(...childs.flat());
11 - return ret;
12 - };
13 - FC.defineView('monthCols', {
14 - class: FC.View.extend({
15 - renderSkeleton() {
16 - const chf = this.opt("columnFormat") ?? "MMM";
17 - const months = Array(12).fill().map((_, month) => this.start.add({month}));
18 -
19 - this.el.addClass("fc-month-cols-view").html(
20 - E(
21 - "table",
22 - E("thead", {class: "fc-head"},
23 - E("tr", months.map(m => E("td", m.format(chf))))),
24 - E("tbody", {class: "fc-body"},
25 - Array(31).fill().map((_, day) => E("tr",
26 - months.map(m => m.add({day})).map(d => E("td", {class: this.getDayClasses(d).join(" ")}, [d.toISOString()]))))
27 - ),
28 - )
29 - );
30 - debugger;
31 - },
32 - }),
33 - duration: { year: 1 },
34 - });
35 -
36 - const init = () => {
37 - jq("#calendarCustom").fullCalendar({
38 - views: {
39 - month: {
40 - columnFormat: "ddd",
41 - titleFormat: "MMMM YYYY",
42 - buttonText: "month",
43 - },
44 - monthCols: {
45 - columnFormat: "MMM",
46 - titleFormat: "YYYY",
47 - buttonText: "year",
48 - },
49 - },
50 - timeFormat: "h(:mm)t",
51 - axisFormat: "h(:mm)t",
52 - allDayText: "All day",
53 - eventSources: [
54 - "/bin/get/MoccaCalendar/Code/JSONService?xpage=plain&outputSyntax=plain&calendarDoc=Main.WebHome&filter=wiki&classname=MoccaCalendar.MoccaCalendarEventClass&startfield=startDate&endfield=endDate&durationfield=&xpage=plain&outputSyntax=plain&classname=&startfield=datetime&endfield=&durationfield=&extraFields=",
55 - ],
56 - header: {
57 - left: "prev,next today",
58 - center: "title",
59 - right: "month,monthCols",
60 - },
61 - timeFormat: "H:mm",
62 - defaultView: "month",
63 - firstDay: "1",
64 - minTime: "8:00",
65 - maxTime: "23:00",
66 - defaultDate: "2024-11-06",
67 - editable: false,
68 - eventDataTransform: event => {
69 - if (event.url.split("/")[4] === "Holidays") event.rendering = "background";
70 - return event;
71 - },
72 - eventRender: function (event, element) {
73 - // Render augmentation hook, use: event.html
74 - },
75 - });
76 - };
77 -
78 - jq(document).ready(init);
79 -});
80 -
1 +/* CUSTOM CALENDAR STUFF GOES HERE */
Use this extension
... ... @@ -1,1 +1,1 @@
1 -onDemand
1 +currentPage
XWiki.StyleSheetExtension[0]
Caching policy
... ... @@ -1,1 +1,0 @@
1 -default
Code
... ... @@ -1,5 +1,0 @@
1 -#calendarCustom {
2 - td.fc-sat, td.fc-sun {
3 - background-color: #f5f5f5;
4 - }
5 -}
Content Type
... ... @@ -1,1 +1,0 @@
1 -LESS
Parse content
... ... @@ -1,1 +1,0 @@
1 -No
Use this extension
... ... @@ -1,1 +1,0 @@
1 -currentPage