[IMP] Refresh FullCalendar resources.

This ensures that user columns are refreshed any time that calendar
events are. This also moves canceled appointments to the footer.

Author: amh-mw

addons/web/static/lib/fullcalendar/timegrid/index.global.js

@@ -233,30 +233,6 @@ FullCalendar.TimeGrid = (function (exports, core, internal$1, preact, internal$2
                     ],
                 });
             }
-            if (allDayContent) {
-                sections.push({
-                    type: 'body',
-                    key: 'all-day',
-                    syncRowHeights: true,
-                    chunks: [
-                        {
-                            key: 'axis',
-                            rowContent: (contentArg) => (preact.createElement("tr", { role: "presentation" }, this.renderTableRowAxis(contentArg.rowSyncHeights[0]))),
-                        },
-                        {
-                            key: 'cols',
-                            content: allDayContent,
-                        },
-                    ],
-                });
-                sections.push({
-                    key: 'all-day-divider',
-                    type: 'body',
-                    outerContent: ( // TODO: rename to cellContent so don't need to define <tr>?
-                    preact.createElement("tr", { role: "presentation", className: "fc-scrollgrid-section" },
-                        preact.createElement("td", { colSpan: 2, className: 'fc-timegrid-divider ' + context.theme.getClass('tableCellShaded') }))),
-                });
-            }
             let isNowIndicator = context.options.nowIndicator;
             sections.push({
                 type: 'body',
@@ -291,6 +267,31 @@ FullCalendar.TimeGrid = (function (exports, core, internal$1, preact, internal$2
                     },
                 ],
             });
+            // HACK manually moved to footer
+            if (allDayContent) {
+                sections.push({
+                    key: 'all-day-divider',
+                    type: 'body',
+                    outerContent: ( // TODO: rename to cellContent so don't need to define <tr>?
+                    preact.createElement("tr", { role: "presentation", className: "fc-scrollgrid-section" },
+                        preact.createElement("td", { colSpan: 2, className: 'fc-timegrid-divider ' + context.theme.getClass('tableCellShaded') }))),
+                });
+                sections.push({
+                    type: 'body',
+                    key: 'all-day',
+                    syncRowHeights: true,
+                    chunks: [
+                        {
+                            key: 'axis',
+                            rowContent: (contentArg) => (preact.createElement("tr", { role: "presentation" }, this.renderTableRowAxis(contentArg.rowSyncHeights[0]))),
+                        },
+                        {
+                            key: 'cols',
+                            content: allDayContent,
+                        },
+                    ],
+                });
+            }
             if (stickyFooterScrollbar) {
                 sections.push({
                     key: 'footer',

addons/web/static/src/views/calendar/hooks.js

@@ -100,6 +100,9 @@ export function useFullCalendar(refName, params) {
     });
 
     onPatched(() => {
+        if (instance.refetchResources) {
+            instance.refetchResources();
+        }
         instance.refetchEvents();
         instance.setOption("weekends", component.props.isWeekendVisible);
         if (params.weekNumbers && component.props.model.scale === "year") {