Add in an app usage page (bug 1129065)

src/dev.html

@@ -39,7 +39,6 @@
       <link rel="stylesheet" href="/media/css/categories.styl.css">
       <link rel="stylesheet" href="/media/css/category-dropdown-desktop.styl.css">
       <link rel="stylesheet" href="/media/css/compat-filtering.styl.css">
-      <link rel="stylesheet" href="/media/css/credits.styl.css">
       <link rel="stylesheet" href="/media/css/desktop-promo.styl.css">
       <link rel="stylesheet" href="/media/css/detail/base.styl.css">
       <link rel="stylesheet" href="/media/css/detail/content-ratings.styl.css">
@@ -71,6 +70,7 @@
       <link rel="stylesheet" href="/media/css/reviews.styl.css">
       <link rel="stylesheet" href="/media/css/search.styl.css">
       <link rel="stylesheet" href="/media/css/settings-hover-desktop.styl.css">
+      <link rel="stylesheet" href="/media/css/standalone.styl.css">
       <link rel="stylesheet" href="/media/css/view-all-tab.styl.css">
 
       <link rel="stylesheet" href="/media/css/marketplace-elements.styl.css">

src/media/css/credits.styl → src/media/css/standalone.styl

@@ -1,13 +1,16 @@
 /*
-    /credits
+    /standalone
 */
 @import 'lib';
 
-.credits {
+.standalone {
     ul {
         list-style: none;
     }
     li {
         padding: 3px 0;
     }
+    h3 {
+        _h3();
+    }
 }

src/media/js/routes.js

@@ -32,7 +32,8 @@ var routes = window.routes = [
     {'pattern': '^/search/?$', 'view_name': 'search'},
     {'pattern': '^/settings$', 'view_name': 'settings'},
     {'pattern': '^/terms-of-use$', 'view_name': 'terms'},
-    {'pattern': '^/tests$', 'view_name': 'tests'}
+    {'pattern': '^/tests$', 'view_name': 'tests'},
+    {'pattern': '^/usage$', 'view_name': 'usage'}
 ];
 
 define('routes', [
@@ -66,7 +67,8 @@ define('routes', [
     'views/search',
     'views/settings',
     'views/terms',
-    'views/tests'
+    'views/tests',
+    'views/usage'
 ], function() {
     for (var i = 0; i < routes.length; i++) {
         var route = routes[i];

src/media/js/views/usage.js

@@ -0,0 +1,13 @@
+define('views/usage',
+    ['l10n'],
+    function(l10n) {
+        'use strict';
+        var gettext = l10n.gettext;
+
+        return function(builder, args, params) {
+            builder.z('type', 'leaf');
+            builder.z('title', gettext('App Statistics'));
+            builder.start('usage.html');
+        };
+    }
+);

src/media/js/webactivities.js

@@ -55,6 +55,10 @@ define('webactivities', ['capabilities', 'log', 'login', 'urls', 'utils', 'z'],
                 z.page.trigger('navigate', [utils.urlparams(url, {src: src})]);
                 break;
             case 'marketplace-search':
+                if (data.type === 'firefox-os-app-stats') {
+                    z.page.trigger('navigate', urls.reverse('usage'));
+                    break;
+                }
                 // Load up a search.
                 z.page.trigger('search', {q: data.query, src: src});
                 break;

src/templates/credits.html

@@ -6,7 +6,7 @@ <h1>
   </div>
 </section>
 
-<section class="credits main full">
+<section class="standalone main full">
   <div>
     <ul>
       <li><a href="https://github.com/21echoes">21echoes</a> (David Kettler)</li>

src/templates/usage.html

@@ -0,0 +1,14 @@
+<section class="main">
+  <div class="subheader">
+    <h1>
+      {{ _('App Statistics') }}
+    </h1>
+  </div>
+</section>
+
+<section class="standalone main full">
+  <div>
+    <h3>{{ _('App usage statistics') }}</h3>
+    <p>{{ _('Not enough statistics to show.') }}</p>
+  </div>
+</section>