From b1c48c0333e19b48242e88cc1e222dfec3620692 Mon Sep 17 00:00:00 2001
From: Ian Gulliver <ian@flamingcow.tv>
Date: Fri, 1 Jan 2016 18:38:17 -0800
Subject: [PATCH] Show date list on display page.

---
 static/babystats.css | 19 ++++++++++++++++++-
 static/babystats.js  | 23 +++++++++++++++++++++++
 2 files changed, 41 insertions(+), 1 deletion(-)

diff --git a/static/babystats.css b/static/babystats.css
index 3324649..6dcf09b 100644
--- a/static/babystats.css
+++ b/static/babystats.css
@@ -200,7 +200,7 @@ babyStatsDisplaySleepStatus, babyStatsDisplaySleepDuration {
 }
 
 babyStatsDisplayEventCounts {
-  margin: 15px;
+  margin: 20px;
   display: table;
   font-size: 20px;
 }
@@ -246,3 +246,20 @@ babyStatsDisplayEventCountValue {
   border-left: 1px solid rgb(233,127,2);
   white-space: pre-line;
 }
+
+babyStatsDisplayTimelines {
+  display: block;
+  width: 100%;
+}
+
+babyStatsDisplayDate {
+  display: block;
+  margin: 15px;
+  text-align: center;
+}
+
+babyStatsDisplayDateTitle {
+  color: rgb(189,21,80);
+  font-size: 20px;
+  font-weight: bold;
+}
diff --git a/static/babystats.js b/static/babystats.js
index 240e4b9..45668b4 100644
--- a/static/babystats.js
+++ b/static/babystats.js
@@ -833,4 +833,27 @@ BabyStats.prototype.updateDisplayPage_ = function() {
  * @param {Cosmopolite.typeMessage} message
  */
 BabyStats.prototype.updateDisplayDate_ = function(message) {
+  var date = new Date(message.created * 1000);
+  var dateStr = date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate();
+  var days = [
+    'Sunday',
+    'Monday',
+    'Tuesday',
+    'Wednesday',
+    'Thursday',
+    'Friday',
+    'Saturday',
+  ];
+
+  if (!this.displayDates_[dateStr]) {
+    var dateObj = document.createElement('babyStatsDisplayDate');
+    this.displayDates_[dateStr] = dateObj;
+    this.displayTimelines_.insertBefore(
+        dateObj, this.displayTimelines_.firstChild);
+
+    var dateTitle = document.createElement('babyStatsDisplayDateTitle');
+    dateObj.appendChild(dateTitle);
+    dateTitle.textContent =
+        date.toLocaleDateString() + ' (' + days[date.getDay()] + ')';
+  }
 };