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/music/views/album-detail/index.html

@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html class="theme-media">
+<head>
+  <meta charset="utf-8">
+  <title data-l10n-id="albums">Albums</title>
+  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">
+  <!-- Localization -->
+  <meta name="defaultLanguage" content="en-US">
+  <meta name="availableLanguages" content="en-US">
+  <link rel="localization" href="/locales/music.{locale}.properties">
+  <link rel="localization" href="/shared/locales/media/media.{locale}.properties">
+  <!-- Stylesheets -->
+  <link rel="stylesheet" href="/components/gaia-icons/gaia-icons.css">
+  <link rel="stylesheet" href="/components/gaia-theme/gaia-theme.css">
+  <link rel="stylesheet" href="/css/view.css">
+  <!-- Deferred Scripts -->
+  <script defer src="/components/bridge/client.js"></script>
+  <script defer src="/shared/js/intl/l20n-client.js"></script>
+  <script defer src="/shared/js/intl_helper.js"></script>
+  <script defer src="/components/dom-scheduler/lib/dom-scheduler.js"></script>
+  <script defer src="/components/fast-list/fast-list.js"></script>
+  <script defer src="/components/poplar/poplar.js"></script>
+  <script defer src="/components/gaia-component/gaia-component.js"></script>
+  <script defer src="/components/gaia-fast-list/gaia-fast-list.js"></script>
+  <script defer src="/js/config.js"></script>
+  <script defer src="/js/view.js"></script>
+  <script defer src="view.js"></script>
+</head>
+<body role="application">
+  <gaia-fast-list id="list" top="50" bottom="0">
+    <template>
+      <a href="/player" data-file-path="${name}" data-number="${index}">
+        <h3 dir="auto">${title}</h3>
+      </a>
+    </template>
+  </gaia-fast-list>
+</body>
+</html>

gaia/apps/music/views/album-detail/view.js

@@ -0,0 +1,85 @@
+/* global View, IntlHelper */
+'use strict';
+
+var AlbumDetailView = View.extend(function AlbumDetailView() {
+  View.call(this); // super();
+
+  this.list = document.getElementById('list');
+
+  // Triggers player service to begin playing the track.
+  // This works for now, but we might have the PlayerView
+  // take care of this task as it's a big more webby :)
+  this.list.addEventListener('click', (evt) => {
+    var link = evt.target.closest('a[data-file-path]');
+    if (link) {
+      this.queueAlbum(link.dataset.filePath);
+    }
+  });
+
+  this.client.on('databaseChange', () => this.update());
+
+  this.update();
+});
+
+AlbumDetailView.prototype.update = function() {
+  return this.getAlbum().then((songs) => {
+    this.songs = songs;
+    return this.render();
+  });
+};
+
+AlbumDetailView.prototype.destroy = function() {
+  this.client.destroy();
+  View.prototype.destroy.call(this); // super(); // Always call *last*
+};
+
+AlbumDetailView.prototype.render = function() {
+  return this.list.setModel(this.songs)
+    .then(this.onRenderDone);
+};
+
+AlbumDetailView.prototype.getAlbum = function() {
+  var unpaddedIndex = IntlHelper.get('unpaddedIndex');
+  var paddedIndex = IntlHelper.get('paddedIndex');
+
+  return this.fetch('/api/albums/info/' + decodeURIComponent(this.params.id))
+    .then(response => response.json())
+    .then(songs => {
+      var maxDiscNumber = Math.max(
+        songs[songs.length - 1].metadata.disccount,
+        songs[songs.length - 1].metadata.discnum
+      );
+
+      return songs.map((song) => {
+        return {
+          index: maxDiscNumber > 1 &&
+            song.metadata.discnum && song.metadata.tracknum ?
+              unpaddedIndex.format(song.metadata.discnum) + '.' +
+                paddedIndex.format(song.metadata.tracknum) :
+              (song.metadata.tracknum ?
+                unpaddedIndex.format(song.metadata.tracknum) : ''),
+          name:  song.name,
+          title: song.metadata.title
+        };
+      });
+
+    });
+};
+
+AlbumDetailView.prototype.queueAlbum = function(filePath) {
+  this.fetch('/api/queue/album/' + filePath);
+};
+
+IntlHelper.define('unpaddedIndex', 'number', {
+  style: 'decimal',
+  useGrouping: false,
+  minimumIntegerDigits: 1
+});
+
+IntlHelper.define('paddedIndex', 'number', {
+  style: 'decimal',
+  useGrouping: false,
+  minimumIntegerDigits: 2
+});
+
+window.view = new AlbumDetailView();