Publish Vulpes Preview 15 sources for desktop, Android and Tundra

Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.

gaia/apps/gallery/js/thumbnail_item.js

@@ -0,0 +1,66 @@
+'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)
+  });
+};