From ae32dd74c58a4ce0306cb44a17258a9d41f258c2 Mon Sep 17 00:00:00 2001
From: James Ketrenos <james_git@ketrenos.com>
Date: Wed, 12 Sep 2018 23:20:21 -0700
Subject: [PATCH] Reduced left panel menu to only the active elements

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

diff --git a/frontend/src/ketr-photos/ketr-photos.html b/frontend/src/ketr-photos/ketr-photos.html
index ac673a1..72ef89c 100755
--- a/frontend/src/ketr-photos/ketr-photos.html
+++ b/frontend/src/ketr-photos/ketr-photos.html
@@ -6,7 +6,6 @@
 <link rel="import" href="../../bower_components/app-layout/app-header-layout/app-header-layout.html">
 <link rel="import" href="../../bower_components/app-layout/app-drawer-layout/app-drawer-layout.html">
 <link rel="import" href="../../bower_components/app-layout/app-header/app-header.html">
-<link rel="import" href="../../bower_components/app-layout/app-toolbar/app-toolbar.html">
 <link rel="import" href="../../bower_components/app-layout/app-drawer/app-drawer.html">
 
 <link rel="import" href="../../bower_components/iron-icon/iron-icon.html">
@@ -111,11 +110,6 @@
         text-decoration: underline;
       }
 
-      app-toolbar {
-        background-color: rgba(64, 0, 64, 0.5);
-        color: white;
-      }
-
       #yearSlider {
         margin-top: 0.5em;
         position: fixed;
@@ -251,13 +245,17 @@
       <app-header-layout>
         <app-header reveals slot="header">
           <div id="header" class="layout horizontal center">
-              <paper-icon-button icon="search" on-tap="drawerToggle"></paper-icon-button>
-              <div id="breadcrumb" class="horizontal layout center">
-              <template is="dom-repeat" items="[[breadcrumb(path)]]">
-                <div on-tap="loadPath">[[item.name]] /</div>
-              </template>
-            </div>
-          </div>
+            <paper-icon-button icon="search" on-tap="drawerToggle"></paper-icon-button>
+            <iron-pages attr-for-selected="mode" selected="[[mode]]">
+              <div mode="albums" id="breadcrumb" class="horizontal layout center">
+                <template is="dom-repeat" items="[[breadcrumb(path)]]">
+                  <div on-tap="loadPath">[[item.name]] /</div>
+                </template>
+              </div>
+              <div mode="time">time</div>
+              <div mode="memories">Photos taken on <b>[[memoryDate]]</b>, regardless of year.</div>
+            </iron-pages>
+        </div>
         </app-header>
         <div id="thumbnails" class="layout horizontal wrap"></div>
       </app-header-layout>
@@ -326,7 +324,7 @@
           },
           date: {
             type: String,
-            value: new Date().toISOString().replace(/T.*/, "")
+            value: window.moment().format("YYYY-MM-DD")
           }
         },
 
@@ -356,6 +354,7 @@
           this.next = false;
           this.limit = undefined;
           this._loadPhotos();
+          this.memoryDate = window.moment(this.date).format("MMMM Do");
         },
 
         modeChanged: function(mode) {