Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Unified Diff: static/js/index.js

Issue 29727563: Fixes #35 - Progressively enhance install button with appropriate links and text (Closed) Base URL: https://hg.adblockplus.org/web.adblockplus.org
Patch Set: Addressed comments #21 Created April 16, 2018, 4 p.m.
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « static/css/index.css ('k') | static/js/vendor/bowser.js » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: static/js/index.js
===================================================================
new file mode 100644
--- /dev/null
+++ b/static/js/index.js
@@ -0,0 +1,57 @@
+"use strict";
+
+(function()
+{
+ var supportedPlatforms = {
+
+ // Desktop browsers
+ "chrome": "https://chrome.google.com/webstore/detail/cfhdojbkjhnklbpkdaibdccddilifddb",
+ "opera": "https://addons.opera.com/extensions/details/opera-adblock/?display=en-US",
+ "yandexbrowser": "https://chrome.google.com/webstore/detail/cfhdojbkjhnklbpkdaibdccddilifddb",
+ "msie": "https://update.adblockplus.org/latest/adblockplusie.exe",
+ "msedge": "https://www.microsoft.com/store/p/adblock-plus/9nblggh4r9nz",
+ "firefox": "https://update.adblockplus.org/latest/adblockplusfirefox.xpi",
+ "safari": "https://update.adblockplus.org/latest/adblockplussafari.safariextz",
+ "maxthon": "",
+
+ // Mobile platforms
+ "ios": "https://eyeo.to/adblockbrowser/ios/abp-website",
+ "android": "https://eyeo.to/adblockbrowser/android/abp-website"
+ };
+
+ function setupHeroDownloadButton()
+ {
+ var detectedPlatform = Object.keys(supportedPlatforms)
+ .find(bowser.hasOwnProperty.bind(bowser));
+
+ if (!detectedPlatform) return;
+
+ document.body.classList.add(detectedPlatform);
+
+ if (detectedPlatform == "maxthon") return;
+
+ var heroDownloadButton = document.getElementById("hero-download-button");
+ heroDownloadButton.href = supportedPlatforms[detectedPlatform];
+ heroDownloadButton.textContent = document
+ .getElementById("download-label-" + detectedPlatform)
+ .textContent;
+
+ heroDownloadButton.addEventListener("click", function(event)
+ {
+ if (typeof chrome == "undefined") return;
+ event.preventDefault();
+
+ try
+ {
+ chrome.webstore.install();
+ }
+ catch(error)
+ {
+ window.location = "/" + this.hreflang + "/download";
+ }
+ });
+ }
+
+ if (typeof bowser != "undefined") setupHeroDownloadButton();
+
+}());
« no previous file with comments | « static/css/index.css ('k') | static/js/vendor/bowser.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld