From b2d6055bc83cb88fcce1df5bbc88dd20ca6cdc85 Mon Sep 17 00:00:00 2001
From: Noah Loomans <noahloomans@gmail.com>
Date: Thu, 15 Dec 2016 12:36:22 +0100
Subject: show human readable week format if available

---
 public/javascripts/weekSelector.js | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

(limited to 'public/javascripts/weekSelector.js')

diff --git a/public/javascripts/weekSelector.js b/public/javascripts/weekSelector.js
index 2a8bb62..1cf5b56 100644
--- a/public/javascripts/weekSelector.js
+++ b/public/javascripts/weekSelector.js
@@ -33,15 +33,36 @@ self.getSelectedWeek = function () {
 
 self.updateCurrentWeek = function () {
   const selectedWeekNumber = self.getSelectedWeek()
-  self._nodes.currentWeekText.textContent = `Week ${selectedWeekNumber}`
   if (self.getCurrentWeek(new Date()) !== selectedWeekNumber) {
     self._nodes.currentWeekText.classList.add('changed')
   } else {
     self._nodes.currentWeekText.classList.remove('changed')
   }
+  self.updateDom()
   self.emit('weekChanged', selectedWeekNumber)
 }
 
+self.updateDom = function () {
+  const selectedWeekNumber = self.getSelectedWeek()
+  let humanReadableWeek = null
+  switch (self._weekOffset) {
+    case 0:
+      humanReadableWeek = 'Huidige week'
+      break
+    case 1:
+      humanReadableWeek = 'Volgende week'
+      break
+    case -1:
+      humanReadableWeek = 'Vorige week'
+      break
+  }
+  if (humanReadableWeek != null) {
+    self._nodes.currentWeekText.textContent = `${humanReadableWeek} • ${selectedWeekNumber}`
+  } else {
+    self._nodes.currentWeekText.textContent = `Week ${selectedWeekNumber}`
+  }
+}
+
 self._handlePrevButtonClick = function () {
   self._weekOffset -= 1
   self.updateCurrentWeek()
-- 
cgit v1.1