From 6349c84136520130216767e857ff0cdcf3d4bf73 Mon Sep 17 00:00:00 2001
From: James Ketrenos <james_git@ketrenos.com>
Date: Thu, 13 Sep 2018 10:01:09 -0700
Subject: [PATCH] Drop year on calendar

Signed-off-by: James Ketrenos <james_git@ketrenos.com>
---
 frontend/src/ketr-photos/ketr-photos.html | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/frontend/src/ketr-photos/ketr-photos.html b/frontend/src/ketr-photos/ketr-photos.html
index 780e919..3077143 100755
--- a/frontend/src/ketr-photos/ketr-photos.html
+++ b/frontend/src/ketr-photos/ketr-photos.html
@@ -229,8 +229,16 @@
         <iron-pages id="pages" attr-for-selected="id" selected="[[mode]]">
           <div id="time"><div>... time slider ...</div></div>
           <div id="memories" class="flex layout vertical center">
-            <calendar-element date="{{date}}"></calendar-element>
-            <div>[[date]]</div>
+            <div>Pick a date on the calendar to look back in time and see photos from that day.</div>
+            <calendar-element 
+              id="calendar"
+              min="2016-01-01"
+              max="2016-12-31"
+              date="{{date}}"></calendar-element>
+            <div>[[memoryDate]]</div>
+            <div hidden$="[[!thumbnails.length]]">
+              <div><b>[[thumbnails.length]]</b> photos taken across <b>[[years.length]]</b> years.</div>
+            </div>
           </div>
           <div id="albums" class="flex layout vertical">
             <template is="dom-repeat" items="[[breadcrumb(path)]]">
@@ -324,7 +332,7 @@
           },
           date: {
             type: String,
-            value: window.moment().format("YYYY-MM-DD")
+            value: "2016-" + window.moment().format("MM-DD")
           }
         },
 
@@ -346,6 +354,7 @@
         },
 
         dateChanged: function(date) {
+          this.years = [];
           this.pendingPhotos = [];
           this.visibleThumbs = [];
           this.thumbnails = [];
@@ -781,6 +790,7 @@
 
             Polymer.dom(thumbnails).appendChild(thumbnail);
             this.thumbnails.push(thumbnail);
+            this.notifyPath("thumbnails.length");
           }
           
           /* If the viewport is at the bottom when it finishes processing, trigger to load more. */
@@ -930,6 +940,9 @@
         },
 
         ready: function() {
+          this.$.calendar.partsHidden = {
+            "year": true
+          };
           window.addEventListener("hashchange", function(event) {
             this.hash = event.newURL.replace(/^[^#]*/, "");
           }.bind(this), false);