summaryrefslogtreecommitdiff
path: root/frontend/js/sticky-headers.js
diff options
context:
space:
mode:
authormsquare <msquare@notrademark.de>2018-08-12 12:42:58 +0200
committermsquare <msquare@notrademark.de>2018-08-12 12:42:58 +0200
commitdf30f7d5d89d8de3f61905d8e25eb361a06faa7f (patch)
treec9c07c9133b266224f1e91e7aabc4c40bf27f67d /frontend/js/sticky-headers.js
parentc55ae7c3190e48180371bab8f4d7ab4c5726ff13 (diff)
parentb409d2986fcca5bcafdad4b3b33094c12d8530a6 (diff)
merge pr #427: Use npm to handle frontend dependencies
Diffstat (limited to 'frontend/js/sticky-headers.js')
-rw-r--r--frontend/js/sticky-headers.js31
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'
+ });
+ });
+ }
+});