From 3fb86482404e11942cd83c3500a297a3991db0e4 Mon Sep 17 00:00:00 2001
From: Noah Loomans <noahloomans@gmail.com>
Date: Wed, 13 Sep 2017 16:28:53 +0200
Subject: Restructure project

---
 src/client/javascript/scrollSnap.js | 59 +++++++++++++++++++++++++++++++++++++
 1 file changed, 59 insertions(+)
 create mode 100644 src/client/javascript/scrollSnap.js

(limited to 'src/client/javascript/scrollSnap.js')

diff --git a/src/client/javascript/scrollSnap.js b/src/client/javascript/scrollSnap.js
new file mode 100644
index 0000000..afee979
--- /dev/null
+++ b/src/client/javascript/scrollSnap.js
@@ -0,0 +1,59 @@
+require('smoothscroll-polyfill').polyfill()
+
+const self = {}
+const schedule = require('./schedule')
+
+self._nodes = {
+  search: document.querySelector('#search'),
+  weekSelector: document.querySelector('#week-selector')
+}
+
+self._timeoutID = null
+
+self._getScrollPosition = function () {
+  return (document.documentElement && document.documentElement.scrollTop) ||
+         document.body.scrollTop
+}
+
+self._handleDoneScrolling = function () {
+  const scrollPosition = self._getScrollPosition()
+  const weekSelectorHeight =
+      self._nodes.weekSelector.clientHeight - self._nodes.search.clientHeight
+  if (scrollPosition < weekSelectorHeight && scrollPosition > 0) {
+    window.scroll({ top: weekSelectorHeight, left: 0, behavior: 'smooth' })
+  }
+}
+
+self._handleScroll = function () {
+  if (self._timeoutID != null) window.clearTimeout(self._timeoutID)
+  self._timeoutID = window.setTimeout(self._handleDoneScrolling, 500)
+
+  const scrollPosition = self._getScrollPosition()
+  const weekSelectorHeight =
+      self._nodes.weekSelector.clientHeight - self._nodes.search.clientHeight
+  if (scrollPosition >= weekSelectorHeight) {
+    document.body.classList.add('week-selector-not-visible')
+  } else {
+    document.body.classList.remove('week-selector-not-visible')
+  }
+}
+
+self._handleWindowResize = function () {
+  const weekSelectorHeight =
+      self._nodes.weekSelector.clientHeight - self._nodes.search.clientHeight
+  const extraPixelsNeeded =
+      weekSelectorHeight - (document.body.clientHeight - window.innerHeight)
+  if (extraPixelsNeeded > 0) {
+    document.body.style.marginBottom = extraPixelsNeeded + 'px'
+  } else {
+    document.body.style.marginBottom = null
+  }
+}
+
+self.startListening = function () {
+  window.addEventListener('scroll', self._handleScroll)
+}
+
+schedule.on('load', self._handleWindowResize)
+window.addEventListener('resize', self._handleWindowResize)
+module.exports = self
-- 
cgit v1.1