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

@@ -0,0 +1,44 @@
+<!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="/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="/components/gaia-text-input/gaia-text-input.js"></script>
+  <script defer src="/elements/music-search-box.js"></script>
+  <script defer src="/elements/music-search-results.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" hidden>
+  <gaia-fast-list id="list" top="50" bottom="0" caching>
+    <music-search-box id="search-box" results="#search-results"></music-search-box>
+    <template>
+      <a href="${url}">
+        <div class="image"><img/></div>
+        <h3 dir="auto">${artist}</h3>
+      </a>
+    </template>
+  </gaia-fast-list>
+  <music-search-results id="search-results"></music-search-results>
+</body>
+</html>

gaia/apps/music/views/artists/view.js

@@ -0,0 +1,82 @@
+/* global View */
+'use strict';
+
+var ArtistsView = View.extend(function ArtistsView() {
+  View.call(this); // super();
+
+  this.searchBox = document.getElementById('search-box');
+  this.searchResults = document.getElementById('search-results');
+  this.list = document.getElementById('list');
+
+  this.client.on('databaseChange', () => this.update());
+
+  this.setupSearch();
+  this.setupList();
+  this.update();
+});
+
+ArtistsView.prototype.update = function() {
+  return this.getArtists().then((artists) => {
+    this.artists = artists;
+    return this.render();
+  });
+};
+
+ArtistsView.prototype.destroy = function() {
+  this.client.destroy();
+  View.prototype.destroy.call(this); // super(); // Always call *last*
+};
+
+ArtistsView.prototype.render = function() {
+  return this.list.setModel(this.artists)
+    .then(() => this.list.cache())
+    .then(this.onRenderDone);
+};
+
+ArtistsView.prototype.getArtists = function() {
+  return document.l10n.formatValue('unknownArtist')
+    .then((unknownArtist) => {
+      return this.fetch('/api/artists/list')
+        .then(response => response.json())
+        .then((artists) => {
+          return artists.map((artist) => {
+            return {
+              name: artist.name,
+              url: '/artist-detail?id=' + encodeURIComponent(artist.name),
+              artist: artist.metadata.artist || unknownArtist
+            };
+          });
+        });
+    });
+};
+
+ArtistsView.prototype.getThumbnail = function(filePath) {
+  return this.fetch('/api/artwork/url/thumbnail/' + filePath)
+    .then(response => response.json());
+};
+
+ArtistsView.prototype.search = function(query) {
+  if (!query) {
+    return Promise.resolve(this.searchResults.clearResults());
+  }
+
+  return document.l10n.formatValue('unknownArtist').then((unknownArtist) => {
+    return this.fetch('/api/search/artist/' + query)
+      .then(response => response.json())
+      .then((artists) => {
+        var results = artists.map((artist) => {
+          return {
+            name:     artist.name,
+            title:    artist.metadata.artist || unknownArtist,
+            subtitle: '',
+            section:  'artists',
+            url:      '/artist-detail?id=' + encodeURIComponent(artist.name)
+          };
+        });
+
+        return this.searchResults.setResults(results);
+      });
+  });
+};
+
+window.view = new ArtistsView();