1 files changed, 42 insertions, 0 deletions
diff --git a/toolkit/content/aboutRights.js b/toolkit/content/aboutRights.js
new file mode 100644
index 0000000000..1defd21978
--- /dev/null
+++ b/toolkit/content/aboutRights.js
@@ -0,0 +1,42 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+var servicesDiv = document.getElementById("webservices-container");
+servicesDiv.style.display = "none";
+
+function showServices() {
+  servicesDiv.style.display = "";
+}
+
+// Fluent replaces the children of the element being overlayed which prevents us
+// from putting an event handler directly on the children.
+let rightsIntro =
+  document.querySelector("[data-l10n-id=rights-intro-point-5]") ||
+  document.querySelector("[data-l10n-id=rights-intro-point-5-unbranded]");
+rightsIntro.addEventListener("click", event => {
+  if (event.target.id == "showWebServices") {
+    showServices();
+  }
+});
+
+var disablingServicesDiv = document.getElementById(
+  "disabling-webservices-container"
+);
+
+function showDisablingServices() {
+  disablingServicesDiv.style.display = "";
+}
+
+if (disablingServicesDiv != null) {
+  disablingServicesDiv.style.display = "none";
+  // Same issue here with Fluent replacing the children affecting the event listeners.
+  let rightsWebServices = document.querySelector(
+    "[data-l10n-id=rights-webservices]"
+  );
+  rightsWebServices.addEventListener("click", event => {
+    if (event.target.id == "showDisablingWebServices") {
+      showDisablingServices();
+    }
+  });
+}