From d4360bef808388ce0e5049140dc216238bf1252d Mon Sep 17 00:00:00 2001
From: Alex Tselegidis <alextselegidis@gmail.com>
Date: Mon, 15 Aug 2016 21:59:43 +0200
Subject: [PATCH] Added fix for the sticky table headers when horizontally
 scrolling the calendar view.

---
 src/assets/js/backend_calendar_table_view.js | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/assets/js/backend_calendar_table_view.js b/src/assets/js/backend_calendar_table_view.js
index b41f4844..2f0a8d57 100644
--- a/src/assets/js/backend_calendar_table_view.js
+++ b/src/assets/js/backend_calendar_table_view.js
@@ -22,6 +22,13 @@ window.BackendCalendarTableView = window.BackendCalendarTableView || {};
 
     'use strict';
 
+    /**
+     * Sticky Table Header Fix 
+     * 
+     * @type {Number}
+     */
+    var stickyTableHeaderInterval; 
+
     /**
      * Bind page event handlers. 
      */
@@ -47,6 +54,15 @@ window.BackendCalendarTableView = window.BackendCalendarTableView || {};
             var startDate = new Date($('.calendar-view .date-column:first').data('date')); 
             var endDate = new Date(startDate.getTime()).add({days: parseInt($(this).val()) - 1}); 
             _createView(startDate, endDate);
+
+            // Horizontal scrolling fix for sticky table headers. 
+            if ($(this).val() === 1) {
+                clearInterval(stickyTableHeaderInterval);
+            } else {
+                stickyTableHeaderInterval = setInterval(function() {
+                    $(window).trigger('resize.stickyTableHeaders');
+                }, 1000);
+            }
         });
 
         $calendarToolbar.on('click', '#reload-appointments', function() {
@@ -860,7 +876,7 @@ window.BackendCalendarTableView = window.BackendCalendarTableView || {};
         $('#enable-sync, #google-sync').hide();
 
         // Auto-reload the results every one minute.
-        var interval = setInterval(function() {
+        setInterval(function() {
             $('#reload-appointments').trigger('click');
         }, 20000); 
     };