Changes for page Home
Last modified by Benjamin Fischer on 2025/06/04 14:20
From version 72.13
edited by Benjamin Fischer
on 2024/11/06 11:49
on 2024/11/06 11:49
Change comment:
There is no comment for this version
To version 72.34
edited by Benjamin Fischer
on 2024/11/06 14:41
on 2024/11/06 14:41
Change comment:
There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Objects (1 modified, 1 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -19,18 +19,16 @@ 19 19 = ErUM-Data Calendar = 20 20 21 21 {{velocity output="false"}} 22 +$xwiki.ssx.use("Calendar.FullCalendar") 22 22 $xwiki.jsx.use("Calendar.FullCalendar", {'defer': false}) 23 -$xwiki.jsx.use("M occaCalendar.Code.Macro", {'defer': false})24 +$xwiki.jsx.use("Main.WebHome", {'defer': false, 'minify': false}) 24 24 {{/velocity}} 25 25 26 26 (% id="calendarCustom" %) 27 27 ((( 29 + 28 28 ))) 29 29 30 ----- 31 - 32 -{{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"/}} 33 - 34 34 {{velocity}} 35 35 #set ($showcomments = false) 36 36 #set ($showannotations = false)
- XWiki.JavaScriptExtension[0]
-
- Code
-
... ... @@ -1,1 +1,83 @@ 1 -/* CUSTOM CALENDAR STUFF GOES HERE */ 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 + render() { 16 + debugger; 17 + const chf = this.opt("columnFormat") ?? "MMM"; 18 + return; 19 + const start = this.start ?? FC.moment({year: FC.moment().year()}); 20 + const months = Array(12).fill().map((_, month) => start.add({month})); 21 + 22 + this.el.addClass("fc-month-cols-view").html( 23 + E( 24 + "table", 25 + E("thead", {class: "fc-head"}, 26 + E("tr", months.map(m => E("td", m.format(chf))))), 27 + E("tbody", {class: "fc-body"}, 28 + Array(31).fill().map((_, day) => E("tr", 29 + months.map(m => m.add({day})).map(d => E("td", {class: this.getDayClasses(d).join(" ")}, [d.toISOString()])))) 30 + ), 31 + ) 32 + ); 33 + 34 + }, 35 + }), 36 + duration: { year: 1 }, 37 + }); 38 + 39 + const init = () => { 40 + jq("#calendarCustom").fullCalendar({ 41 + views: { 42 + month: { 43 + columnFormat: "ddd", 44 + titleFormat: "MMMM YYYY", 45 + buttonText: "month", 46 + }, 47 + monthCols: { 48 + columnFormat: "MMM", 49 + titleFormat: "YYYY", 50 + buttonText: "year", 51 + }, 52 + }, 53 + timeFormat: "h(:mm)t", 54 + axisFormat: "h(:mm)t", 55 + allDayText: "All day", 56 + eventSources: [ 57 + "/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=", 58 + ], 59 + header: { 60 + left: "prev,next today", 61 + center: "title", 62 + right: "month,monthCols", 63 + }, 64 + timeFormat: "H:mm", 65 + defaultView: "month", 66 + firstDay: "1", 67 + minTime: "8:00", 68 + maxTime: "23:00", 69 + defaultDate: "2024-11-06", 70 + editable: false, 71 + eventDataTransform: event => { 72 + if (event.url.split("/")[4] === "Holidays") event.rendering = "background"; 73 + return event; 74 + }, 75 + eventRender: function (event, element) { 76 + // Render augmentation hook, use: event.html 77 + }, 78 + }); 79 + }; 80 + 81 + jq(document).ready(init); 82 +}); 83 + - Use this extension
-
... ... @@ -1,1 +1,1 @@ 1 - currentPage1 +onDemand
- XWiki.StyleSheetExtension[0]
-
- Caching policy
-
... ... @@ -1,0 +1,1 @@ 1 +default - Code
-
... ... @@ -1,0 +1,5 @@ 1 +#calendarCustom { 2 + td.fc-sat, td.fc-sun { 3 + background-color: #f5f5f5; 4 + } 5 +} - Content Type
-
... ... @@ -1,0 +1,1 @@ 1 +LESS - Parse content
-
... ... @@ -1,0 +1,1 @@ 1 +No - Use this extension
-
... ... @@ -1,0 +1,1 @@ 1 +currentPage