Bug 722902 - Make AMO more discoverable in the browser. r=mfinkle

--HG--
rename : mobile/android/themes/core/images/addons-amo-hdpi.png => mobile/android/themes/core/images/marketplace-logo.png

mobile/android/chrome/content/aboutAddons.js

@@ -190,6 +190,32 @@ var Addons = {
     return outer;
   },
 
+  _createBrowseItem: function _createBrowseItem() {
+    let outer = document.createElement("div");
+    outer.className = "addon-item list-item";
+    outer.setAttribute("role", "button");
+    outer.addEventListener("click", function() {
+      openLink(document.getElementById("header-button"));
+    }.bind(this), true);
+
+    let img = document.createElement("img");
+    img.className = "icon";
+    img.setAttribute("src", "chrome://browser/skin/images/amo-logo.png");
+    outer.appendChild(img);
+
+    let inner = document.createElement("div");
+    inner.className = "inner";
+
+    let title = document.createElement("div");
+    title.id = "browse-title";
+    title.className = "title";
+    title.textContent = gStringBundle.GetStringFromName("addons.browseAll");;
+    inner.appendChild(title);
+
+    outer.appendChild(inner);
+    return outer;
+  },
+
   _createItemForAddon: function _createItemForAddon(aAddon) {
     let appManaged = (aAddon.scope == AddonManager.SCOPE_APPLICATION);
     let opType = this._getOpTypeForOperations(aAddon.pendingOperations);
@@ -269,6 +295,10 @@ var Addons = {
         item.addon = addon;
         list.appendChild(item);
       }
+
+      // Add a "Browse all Firefox Add-ons" item to the bottom of the list.
+      let browseItem = self._createBrowseItem();
+      list.appendChild(browseItem);
     });
   },
 

mobile/android/locales/en-US/chrome/aboutAddons.properties

@@ -10,3 +10,5 @@ addonType.locale=Locale
 addonType.search=Search
 
 addonStatus.uninstalled=%S will be uninstalled after restart.
+
+addons.browseAll=Browse all Firefox Add-ons

mobile/android/themes/core/aboutAddons.css

@@ -33,8 +33,18 @@
   bottom: -3px;
 }
 
+#browse-title {
+  margin-top: 1em;
+  background-image: url("chrome://browser/skin/images/chevron.png");
+  background-size: 8px 20px;
+  background-position: right;
+  background-repeat: no-repeat;
+}
+
 #header-button {
-  background-image: url("chrome://browser/skin/images/addons-amo-hdpi.png");
+  background-image: url("chrome://browser/skin/images/amo-logo.png"), url("chrome://browser/skin/images/chevron.png");
+  background-size: 20px 20px, 8px 20px;
+  background-position: left, right 3px center;
 }
 
 .description {

mobile/android/themes/core/aboutApps.css

@@ -7,7 +7,7 @@
 }
 
 #header-button {
-  background-image: url("chrome://browser/skin/images/addons-amo-hdpi.png");
+  background-image: url("chrome://browser/skin/images/marketplace-logo.png");
 }
 
 #main-container {

mobile/android/themes/core/jar.mn

@@ -33,6 +33,7 @@ chrome.jar:
 
   skin/images/5stars.png                    (images/5stars.png)
   skin/images/addons-32.png                 (images/addons-32.png)
+  skin/images/amo-logo.png                  (images/amo-logo.png)
   skin/images/arrowleft-16.png              (images/arrowleft-16.png)
   skin/images/arrowright-16.png             (images/arrowright-16.png)
   skin/images/arrowdown-16.png              (images/arrowdown-16.png)
@@ -42,12 +43,14 @@ chrome.jar:
   skin/images/checkbox_unchecked.png          (images/checkbox_unchecked.png)
   skin/images/checkbox_unchecked_disabled.png (images/checkbox_unchecked_disabled.png)
   skin/images/checkbox_unchecked_pressed.png  (images/checkbox_unchecked_pressed.png)
+  skin/images/chevron.png                   (images/chevron.png)
   skin/images/default-app-icon.png          (images/default-app-icon.png)
   skin/images/dropmarker.svg                (images/dropmarker.svg)
   skin/images/errorpage-warning.png         (images/errorpage-warning.png)
   skin/images/errorpage-warning.png         (images/errorpage-warning.png)
   skin/images/errorpage-larry-white.png     (images/errorpage-larry-white.png)
   skin/images/errorpage-larry-black.png     (images/errorpage-larry-black.png)
+  skin/images/marketplace-logo.png          (images/marketplace-logo.png)
   skin/images/throbber.png                  (images/throbber.png)
   skin/images/search-clear-30.png           (images/search-clear-30.png)
   skin/images/play-hdpi.png                 (images/play-hdpi.png)
@@ -58,7 +61,6 @@ chrome.jar:
   skin/images/about-btn-darkgrey.png        (images/about-btn-darkgrey.png)
   skin/images/logo-hdpi.png                 (images/logo-hdpi.png)
   skin/images/wordmark-hdpi.png             (images/wordmark-hdpi.png)
-  skin/images/addons-amo-hdpi.png           (images/addons-amo-hdpi.png)
   skin/images/reader-plus-icon-mdpi.png     (images/reader-plus-icon-mdpi.png)
   skin/images/reader-plus-icon-hdpi.png     (images/reader-plus-icon-hdpi.png)
   skin/images/reader-plus-icon-xhdpi.png    (images/reader-plus-icon-xhdpi.png)