b38dea0597
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
66 lines
1.8 KiB
JavaScript
Executable file
66 lines
1.8 KiB
JavaScript
Executable file
'use strict';
|
|
|
|
/**
|
|
* ThumbnailItem is view object for a single gallery item data. It renders file
|
|
* in listitem object.
|
|
*
|
|
* CONSTRUCTOR:
|
|
* To create a ThumbnailItem objet requires the following argument:
|
|
* fileData: the file data object from mediadb.
|
|
*
|
|
* Properties:
|
|
* htmlNode: the HTML DOM node for this thumbnail item. It is rendered at the
|
|
* creation of object.
|
|
* data: the file data object bound with this thumbnail item.
|
|
*/
|
|
function ThumbnailItem(fileData) {
|
|
if (!fileData) {
|
|
throw new Error('fileData should not be null or undefined.');
|
|
}
|
|
this.data = fileData;
|
|
|
|
this.htmlNode = document.createElement('div');
|
|
this.htmlNode.classList.add('thumbnail');
|
|
this.htmlNode.setAttribute('role', 'button');
|
|
this.htmlNode.setAttribute('tabindex', 0);
|
|
this.imgNode = document.createElement('img');
|
|
this.imgNode.alt = '';
|
|
this.imgNode.classList.add('thumbnailImage');
|
|
this.imgNode.dataset.filename = fileData.name;
|
|
|
|
// We revoke this url in imageDeleted
|
|
var url = URL.createObjectURL(fileData.metadata.thumbnail);
|
|
this.imgNode.src = url;
|
|
this.htmlNode.appendChild(this.imgNode);
|
|
|
|
this.localize();
|
|
}
|
|
|
|
ThumbnailItem.formatter = new Intl.DateTimeFormat(navigator.languages, {
|
|
hour: 'numeric',
|
|
minute: 'numeric',
|
|
month: 'long',
|
|
day: 'numeric',
|
|
year: 'numeric',
|
|
});
|
|
|
|
ThumbnailItem.resetFormatter = () => {
|
|
ThumbnailItem.formatter = new Intl.DateTimeFormat(navigator.languages, {
|
|
hour: 'numeric',
|
|
minute: 'numeric',
|
|
month: 'long',
|
|
day: 'numeric',
|
|
year: 'numeric',
|
|
});
|
|
};
|
|
|
|
ThumbnailItem.prototype.localize = function() {
|
|
var date = new Date(this.data.date);
|
|
|
|
var descId = !this.data.metadata.video ?
|
|
'imageDated' : 'videoDated';
|
|
|
|
document.l10n.setAttributes(this.imgNode, descId, {
|
|
timeStamp: ThumbnailItem.formatter.format(date)
|
|
});
|
|
};
|