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..6e6a75e2
--- /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"
+                });
+            });
+    }
+});