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

Added filesize to thumbnail

Browse Source 
Signed-off-by: James Ketrenos <james_git@ketrenos.com>
This commit is contained in:
James Ketr 2018-10-16 16:53:47 -07:00
parent 5b90feda73
commit 4cdc8f0ba7
1 changed files with 20 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
frontend/elements/photo-thumbnail.html
View File

@ -37,6 +37,7 @@
}
#info {
display: flex;
position: absolute;
padding: 0.5em;
background-color: rgba(0, 0, 0, 0.5);
@ -47,6 +48,12 @@
font-size: 0.6em;
pointer-events: none;
transition: opacity 0.25s ease-in-out;
overflow: hidden;
}
#info > div > div {
overflow: hidden;
text-overflow: ellipsis;
}
#actions {
@ -75,9 +82,15 @@
</template>
</div>
<div id="info" class="layout vertical start">
<div>[[item.name]] ([[item.id]])</div>
<div>[[item.taken]]</div>
<div id="info" class="layout vertical">
<div class="layout horizontal justified center">
<div class="flex">[[item.name]]</div>
<div>([[item.id]])</div>
</div>
<div class="layout horizontal justified center">
<div>[[formatDateTime(item.taken)]]</div>
<div>[[item.size]]</div>
</div>
<div on-tap="_pathTap">[[item.path]]</div>
</div>
</template>
@ -119,6 +132,10 @@
"thumbChanged(thumbpath, visible)"
],
formatDateTime: function(date) {
return window.moment(new Date(date)).format("lll");
},
_fireAction: function(event) {
event.stopPropagation();
event.preventDefault();