From 79ca2f177203b9514c8f351eff4e24b6b4996af5 Mon Sep 17 00:00:00 2001 From: msquare Date: Tue, 15 Nov 2016 21:33:54 +0100 Subject: add fixed shift calendar headers and timelane --- public/js/shift-calendar.js | 30 ++++++++++++++++++++++++++++++ 1 file changed, 30 insertions(+) create mode 100644 public/js/shift-calendar.js (limited to 'public/js') diff --git a/public/js/shift-calendar.js b/public/js/shift-calendar.js new file mode 100644 index 00000000..357b69ff --- /dev/null +++ b/public/js/shift-calendar.js @@ -0,0 +1,30 @@ +/** + * Enables the fixed headers and time lane for the shift-calendar. + */ +$(document).ready( + function() { + var time_lanes = $(".shift-calendar .time"); + var headers = $(".shift-calendar .header"); + var top_reference = $(".container-fluid .row"); + var top = headers.offset().top; + var left = 15; + time_lanes.css({ + "position" : "relative", + "z-index" : 1000 + }); + headers.css({ + "position" : "relative", + "z-index" : 900 + }); + $(window).scroll( + function() { + time_lanes.css({ + "left" : Math.max(0, $(window).scrollLeft() - left) + "px" + }); + headers.css({ + "top" : Math.max(0, $(window).scrollTop() - top + + top_reference.offset().top) + + "px" + }); + }); + }); \ No newline at end of file -- cgit v1.2.3-54-g00ecf