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/artist-detail/index.html

@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html class="theme-media">
+<head>
+  <meta charset="utf-8">
+  <title data-l10n-id="artists">Artists</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="/components/gaia-sub-header/gaia-sub-header.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/artist-detail/view.js

@@ -0,0 +1,72 @@
+/* global View, IntlHelper */
+'use strict';
+
+var ArtistDetailView = View.extend(function ArtistDetailView() {
+  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.queueArtist(link.dataset.filePath);
+    }
+  });
+
+  this.list.configure({
+    getSectionName: item => item.section
+  });
+
+  this.client.on('databaseChange', () => this.update());
+  this.update();
+});
+
+ArtistDetailView.prototype.update = function() {
+  return this.getArtist().then(songs => {
+    this.songs = songs;
+    return this.render();
+  });
+};
+
+ArtistDetailView.prototype.destroy = function() {
+  this.client.destroy();
+  View.prototype.destroy.call(this); // super(); // Always call *last*
+};
+
+ArtistDetailView.prototype.render = function() {
+  return this.list.setModel(this.songs)
+    .then(this.onRenderDone);
+};
+
+ArtistDetailView.prototype.getArtist = function() {
+  var unpaddedIndex = IntlHelper.get('unpaddedIndex');
+
+  return this.fetch('/api/artists/info/' + decodeURIComponent(this.params.id))
+    .then(response => response.json())
+    .then(songs => {
+      return songs.map(song => {
+        return {
+          index:   song.metadata.tracknum ?
+            unpaddedIndex.format(song.metadata.tracknum) : '',
+          name:    song.name,
+          title:   song.metadata.title,
+          section: song.metadata.album
+        };
+      });
+    });
+};
+
+ArtistDetailView.prototype.queueArtist = function(filePath) {
+  this.fetch('/api/queue/artist/' + filePath);
+};
+
+IntlHelper.define('unpaddedIndex', 'number', {
+  style: 'decimal',
+  useGrouping: false,
+  minimumIntegerDigits: 1
+});
+
+window.view = new ArtistDetailView();