Bug 633613 - Add and localized Spark game graphic to Start page [r=vingtetun]

mobile/app/mobile.js

@@ -438,6 +438,7 @@ pref("app.faqURL", "http://www.mozilla.com/%LOCALE%/mobile/beta/faq/");
 pref("app.featuresURL", "http://www.mozilla.com/%LOCALE%/mobile/features/");
 pref("app.faqURL", "http://www.mozilla.com/%LOCALE%/mobile/faq/");
 #endif
+pref("app.promo.spark.endDate", "2011-01-01");
 
 // Name of alternate about: page for certificate errors (when undefined, defaults to about:neterror)
 pref("security.alternate_certificate_error_page", "certerror");

mobile/branding/nightly/content/jar.mn

@@ -4,3 +4,4 @@ chrome.jar:
   content/branding/logoWordmark.png              (logoWordmark.png)
   content/branding/logo.png                      (logo.png)
   content/branding/favicon32.png                 (favicon32.png)
+  content/branding/spark.png                     (spark.png)

mobile/branding/official/content/jar.mn

@@ -4,3 +4,4 @@ chrome.jar:
   content/branding/logoWordmark.png              (logoWordmark.png)
   content/branding/logo.png                      (logo.png)
   content/branding/favicon32.png                 (favicon32.png)
+  content/branding/spark.png                     (spark.png)

mobile/chrome/content/aboutHome.xhtml

@@ -86,6 +86,8 @@
     <div id="footer-wrapper">
       <span id="feedback" style="width: &aboutHome.footerWidth;" class="section-row" pref="app.feedbackURL" onclick="openLink(this);" role="button">&aboutHome.giveFeedback;</span><span id="support" style="width: &aboutHome.footerWidth;" class="section-row" pref="app.support.baseURL" onclick="openLink(this);" role="button">&aboutHome.getHelp;</span>
     </div>
+
+    <div id="promo"><img src="chrome://branding/content/spark.png"/><span>&aboutHome.promoSpark;</span></div>
   </div>
 
   <!-- l10n hack -->
@@ -124,6 +126,7 @@
     function init() {
       initTabs();
       initAddons();
+      initPromo();
     }
 
     function uninit() {
@@ -350,12 +353,18 @@
     }
 
     function initAddons() {
-       getChromeWin().Services.obs.addObserver(updateAddons, "recommended-addons-cache-updated", false);
+      getChromeWin().Services.obs.addObserver(updateAddons, "recommended-addons-cache-updated", false);
-       updateAddons();
+      updateAddons();
     }
 
     function uninitAddons() {
-       getChromeWin().Services.obs.removeObserver(updateAddons, "recommended-addons-cache-updated");
+      getChromeWin().Services.obs.removeObserver(updateAddons, "recommended-addons-cache-updated");
+    }
+
+    function initPromo() {
+      let endDate = new Date(getChromeWin().Services.prefs.getCharPref("app.promo.spark.endDate"));
+      if (endDate > Date.now())
+        document.getElementById("promo").style.display = "block";
     }
   ]]></script>
 </body>

mobile/locales/en-US/chrome/aboutHome.dtd

@@ -8,3 +8,6 @@
 <!ENTITY aboutHome.openAllTabs                  "Open all in tabs">
 <!ENTITY aboutHome.noTabs                       "No tabs from last time">
 <!ENTITY aboutHome.noAddons                     "No recommended add-ons">
+
+<!-- LOCALIZATION NOTE: 'Firefox Spark' is the official name of the promotion and should not be translated -->
+<!ENTITY aboutHome.promoSpark                   "Play Firefox Spark">

mobile/themes/core/aboutHome.css

@@ -232,3 +232,22 @@ body[dir="rtl"] {
   border-left: none;
   border-radius: 0 8px 8px 0;
 }
+
+#promo {
+  font-weight: bold;
+  color: rgb(254,210,13);
+  background-color: black;
+  border-radius: 6px;
+  padding: 10px;
+  margin-top: 24px;
+  box-shadow: inset rgba(0, 0, 0, 0.2) 0 -3px 0px, rgba(0, 0, 0, 0.1) 0px 2px 0px;
+  display: none;
+}
+
+#promo > img {
+  vertical-align: middle;
+}
+
+#promo > span {
+  padding-left: 16px;
+}