jketreno/ketr.photos
1
0
Fork 0
Code Issues 1 Activity

Reduced left panel menu to only the active elements

Browse Source 
Signed-off-by: James Ketrenos <james_git@ketrenos.com>
This commit is contained in:
James Ketr 2018-09-12 23:20:21 -07:00
parent 8481d0b363
commit ae32dd74c5
1 changed files with 13 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
frontend/src/ketr-photos/ketr-photos.html
View File

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