Clicking on memories opens and focuses calendar

Signed-off-by: James Ketrenos <james_git@ketrenos.com>
This commit is contained in:
James Ketr 2018-09-14 11:41:28 -07:00
parent 53a8c451c6
commit 320b36c37d

View File

@ -63,6 +63,11 @@
padding-left: 0.5em;
}
#header [mode='memories'] b:hover {
cursor: pointer;
text-decoration: underline;
}
#breadcrumb {
padding: 0.5em;
}
@ -83,7 +88,7 @@
}
#pages > div > div {
margin: 0.5em;
padding: 0.5em;
cursor: pointer;
}
@ -212,6 +217,11 @@
};
}
div:focus {
font-weight: bold;
outline: none;
}
calendar-element {
font-size: 0.8em;
}
@ -266,6 +276,7 @@
</div>
<calendar-element
id="calendar"
tabindex
min="2016-01-01"
max="2016-12-31"
date="{{date}}"></calendar-element>
@ -276,10 +287,10 @@
</div>
<div id="albums" class="flex layout vertical">
<template is="dom-repeat" items="[[breadcrumb(path)]]">
<div on-tap="loadPath">[[item.name]] /</div>
<div tabindex="0" on-tap="loadPath">[[item.name]] /</div>
</template>
<template is="dom-repeat" items="[[albums.children]]">
<div on-tap="loadPath">[[item.name]]</div>
<div tabindex="0" on-tap="loadPath">[[item.name]]</div>
</template>
</div>
</iron-pages>
@ -291,11 +302,11 @@
<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>
<div tabindex="0" on-tap="loadPath">[[item.name]] /</div>
</template>
</div>
<div mode="time">time</div>
<div mode="memories">Photos taken on <b>[[memoryDate]]</b></div>
<div mode="memories">Photos taken on <b on-tap="drawerToggle">[[memoryDate]]</b></div>
</iron-pages>
</div>
</app-header>
@ -456,6 +467,11 @@
if (window.innerWidth >= 800) {
this.$.drawer.persistent = true;
}
if (this.mode == "memories") {
this.async(function() {
this.$.calendar.$.days.focus();
}, 100);
}
}
},