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