1 files changed, 113 insertions, 0 deletions
diff --git a/app/javascript/referential_overview/index.coffee b/app/javascript/referential_overview/index.coffee
new file mode 100644
index 000000000..0e6541421
--- /dev/null
+++ b/app/javascript/referential_overview/index.coffee
@@ -0,0 +1,113 @@
+class TimeTravel
+  constructor: (@overview)->
+    @container = @overview.container.find('.time-travel')
+    @todayBt = @container.find(".today")
+    @prevBt = @container.find(".prev-page")
+    @nextBt = @container.find(".next-page")
+    @searchDateBt = @container.find("a.search-date")
+    @searchDateInput = @container.find("input.date-search")
+    @initButtons()
+
+  initButtons: ->
+    @prevBt.click (e)=>
+      @overview.prevPage()
+      e.preventDefault()
+      false
+
+    @nextBt.click (e)=>
+      @overview.nextPage()
+      e.preventDefault()
+      false
+
+    @todayBt.click (e)=>
+      today = new Date()
+      month = today.getMonth() + 1
+      month = "0#{month}" if month < 10
+      day = today.getDate()
+      day = "0#{month}" if day < 10
+      @overview.showDay "#{today.getFullYear()}-#{month}-#{day}"
+      e.preventDefault()
+      false
+
+    @searchDateBt.click (e)=>
+      @overview.showDay @searchDateInput.val() if @searchDateInput.val().length > 0
+      e.preventDefault()
+      false
+
+  scrolledTo: (progress)->
+    @prevBt.removeClass 'disabled'
+    @nextBt.removeClass 'disabled'
+    @prevBt.addClass 'disabled' if progress == 0
+    @nextBt.addClass 'disabled' if progress == 1
+
+class window.ReferentialOverview
+  constructor: (selector)->
+    @container = $(selector)
+    @timeTravel = new TimeTravel(this)
+    @currentOffset = 0
+    $(document).scroll (e)=>
+      @documentScroll(e)
+    @documentScroll pageY: $(document).scrollTop()
+
+  showDay: (date)->
+    day = @container.find(".day.#{date}")
+    @container.find(".day.selected").removeClass('selected')
+    day.addClass "selected"
+    offset = day.offset().left
+    parentOffset = @currentOffset + @container.find(".right").offset().left
+    @scrollTo parentOffset - offset
+
+  currentOffset: ->
+    @container.find(".right .inner").offset().left
+
+  top: ->
+    @_top ||= @container.find('.days').offset().top - 80
+  bottom: ->
+    @_bottom ||= @top() + @container.height() - 50
+
+  prevPage: ->
+    @scrollTo @currentOffset + @container.find(".right").width()
+
+  nextPage: ->
+    @scrollTo @currentOffset - @container.find(".right").width()
+
+  minOffset: ->
+    @_minOffset ||= @container.find(".right").width() - @container.find(".right .line").width()
+    @_minOffset
+
+  scrollTo: (offset)->
+    @currentOffset = offset
+    @currentOffset = Math.max(@currentOffset, @minOffset())
+    @currentOffset = Math.min(@currentOffset, 0)
+    @container.find(".right .inner .lines").css "margin-left": "#{@currentOffset}px"
+    @container.find(".head .week:first-child").css "margin-left", "#{@currentOffset}px"
+    @timeTravel.scrolledTo 1 - (@minOffset() - @currentOffset) / @minOffset()
+    setTimeout =>
+      @movePeriodTitles()
+    , 600
+
+  movePeriodTitles: ->
+    @_right_offset ||= @container.find('.right').offset().left
+    @container.find(".shifted").removeClass("shifted").css "margin-left", 0
+    @container.find(".right .line").each (i, l) =>
+      $(l).find(".period").each (i, _p) =>
+        p = $(_p)
+        offset = parseInt(p.css("left")) + @currentOffset
+        if offset < 0 && - offset < p.width()
+          offset = Math.min(-offset, p.width() - 100)
+          p.find(".title").addClass("shifted").css "margin-left", offset + "px"
+          return
+
+  documentScroll: (e)->
+    if @sticky
+      if e.pageY < @top() || e.pageY > @bottom()
+        @container.removeClass "sticky"
+        @sticky = false
+    else
+      if e.pageY > @top() && e.pageY < @bottom()
+        @sticky = true
+        @container.addClass "sticky"
+
+
+
+export default ReferentialOverview