Merge pull request #15 from alextselegidis/develop

Add custom render method that can be easily overriden
tm8544 · May 18, 2024 · 83ecd5c · 83ecd5c
2 parents d1acc60 + e4cc2fc
commit 83ecd5c
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 0 deletions.
diff --git a/assets/js/utils/calendar_default_view.js b/assets/js/utils/calendar_default_view.js
@@ -419,6 +419,8 @@ App.Utils.CalendarDefaultView = (function () {
                     }),
                     $('<br/>'),
 
+                    App.Utils.CalendarEventPopover.renderCustomContent(info),
+
                     $('<hr/>'),
 
                     $('<div/>', {
@@ -521,6 +523,8 @@ App.Utils.CalendarDefaultView = (function () {
                     }),
                     $('<br/>'),
 
+                    App.Utils.CalendarEventPopover.renderCustomContent(info),
+
                     $('<hr/>'),
 
                     $('<div/>', {
@@ -689,6 +693,8 @@ App.Utils.CalendarDefaultView = (function () {
                     }),
                     $('<br/>'),
 
+                    App.Utils.CalendarEventPopover.renderCustomContent(info),
+
                     $('<hr/>'),
 
                     $('<div/>', {

diff --git a/assets/js/utils/calendar_event_popover.js b/assets/js/utils/calendar_event_popover.js
@@ -120,9 +120,21 @@ App.Utils.CalendarEventPopover = (function () {
         }).html();
     }
 
+    /**
+     * Render custom content into the popover of events.
+     *
+     * @param {Object} info The info object as passed from FullCalendar
+     *
+     * @return {Object|String|null} Return HTML string, a jQuery selector or null for nothing.
+     */
+    function renderCustomContent(info) {
+        return null; // Default behavior
+    }
+
     return {
         renderPhoneIcon,
         renderMapIcon,
         renderMailIcon,
+        renderCustomContent,
     };
 })();
diff --git a/assets/js/utils/calendar_table_view.js b/assets/js/utils/calendar_table_view.js
@@ -1146,6 +1146,8 @@ App.Utils.CalendarTableView = (function () {
                     }),
                     $('<br/>'),
 
+                    App.Utils.CalendarEventPopover.renderCustomContent(info),
+
                     $('<hr/>'),
 
                     $('<div/>', {
@@ -1251,6 +1253,8 @@ App.Utils.CalendarTableView = (function () {
                     }),
                     $('<br/>'),
 
+                    App.Utils.CalendarEventPopover.renderCustomContent(info),
+
                     $('<hr/>'),
 
                     $('<div/>', {
@@ -1416,6 +1420,8 @@ App.Utils.CalendarTableView = (function () {
                     }),
                     $('<br/>'),
 
+                    App.Utils.CalendarEventPopover.renderCustomContent(info),
+
                     $('<hr/>'),
 
                     $('<div/>', {