1 files changed, 31 insertions, 0 deletions
diff --git a/frontend/js/sticky-headers.js b/frontend/js/sticky-headers.js
new file mode 100644
index 00000000..c664387c
--- /dev/null
+++ b/frontend/js/sticky-headers.js
@@ -0,0 +1,31 @@
+/**
+ * Enables the fixed headers and time lane for the shift-calendar and datatables
+ */
+$(document).ready(function () {
+    if ($('.shift-calendar').length) {
+        var timeLanes = $('.shift-calendar .time');
+        var headers = $('.shift-calendar .header');
+        var topReference = $('.container-fluid .row');
+        timeLanes.css({
+            'position': 'relative',
+            'z-index': 999
+        });
+        headers.css({
+            'position': 'relative',
+            'z-index': 900
+        });
+        $(window).scroll(
+            function () {
+                var top = headers.parent().offset().top;
+                var left = 15;
+                timeLanes.css({
+                    'left': Math.max(0, $(window).scrollLeft() - left) + 'px'
+                });
+                headers.css({
+                    'top': Math.max(0, $(window).scrollTop() - top
+                        + topReference.offset().top)
+                        + 'px'
+                });
+            });
+    }
+});