mobile/android/fenix/app/src/main/assets/lowMediumErrorPages.js

   1 /* This Source Code Form is subject to the terms of the Mozilla Public
   2  * License, v. 2.0. If a copy of the MPL was not distributed with this
   3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5 /**
   6  * Handles the parsing of the ErrorPages URI and then passes them to injectValues
   7  */
   8 function parseQuery(queryString) {
   9     if (queryString[0] === '?') {
  10         queryString = queryString.substr(1);
  11     }
  12     const query = Object.fromEntries(new URLSearchParams(queryString).entries());
  13     injectValues(query);
  14     updateShowSSL(query);
  15     updateShowHSTS(query);
  16 };
  17
  18 /**
  19  * Updates the HTML elements based on the queryMap
  20  */
  21 function injectValues(queryMap) {
  22     const tryAgainButton = document.getElementById('errorTryAgain');
  23     const continueHttpButton = document.getElementById("continueHttp");
  24     const backFromHttpButton = document.getElementById('backFromHttp');
  25
  26     // Go through each element and inject the values
  27     document.title = queryMap.title;
  28     tryAgainButton.innerHTML = queryMap.button;
  29     continueHttpButton.innerHTML = queryMap.continueHttpButton;
  30     backFromHttpButton.innerHTML = queryMap.badCertGoBack;
  31     document.getElementById('errorTitleText').innerHTML = queryMap.title;
  32     document.getElementById('errorShortDesc').innerHTML = queryMap.description;
  33     document.getElementById('advancedButton').innerHTML = queryMap.badCertAdvanced;
  34     document.getElementById('badCertTechnicalInfo').innerHTML = queryMap.badCertTechInfo;
  35     document.getElementById('advancedPanelBackButton').innerHTML = queryMap.badCertGoBack;
  36     document.getElementById('advancedPanelAcceptButton').innerHTML = queryMap.badCertAcceptTemporary;
  37
  38    // If no image is passed in, remove the element so as not to leave an empty iframe
  39     const errorImage = document.getElementById('errorImage');
  40     if (!queryMap.image) {
  41         errorImage.remove();
  42     } else  {
  43         errorImage.src = "resource://android/assets/" + queryMap.image;
  44     }
  45
  46     if (queryMap.showContinueHttp === "true") {
  47        // On the "HTTPS-Only" error page "Try again" doesn't make sense since reloading the page
  48        // will just show an error page again.
  49        tryAgainButton.style.display = 'none';
  50     } else {
  51         continueHttpButton.style.display = 'none';
  52         backFromHttpButton.style.display = 'none';
  53     }
  54 };
  55
  56 let advancedVisible = false;
  57
  58 /**
  59  * Used to show or hide the "accept" button based on the validity of the SSL certificate
  60  */
  61 function updateShowSSL(queryMap) {
  62     /** @type {'true' | 'false'} */
  63     const showSSL = queryMap.showSSL;
  64     if (typeof document.addCertException === 'undefined') {
  65         document.getElementById('advancedButton').style.display='none';
  66     } else {
  67         if (showSSL === 'true') {
  68             document.getElementById('advancedButton').style.display='block';
  69         } else {
  70             document.getElementById('advancedButton').style.display='none';
  71         }
  72     }
  73 };
  74
  75 /**
  76  * Used to show or hide the "accept" button based for the HSTS error page
  77  */
  78 function updateShowHSTS(queryMap) {
  79     const showHSTS = queryMap.showHSTS;
  80     if (showHSTS === 'true') {
  81         document.getElementById('advancedButton').style.display='block';
  82         document.getElementById('advancedPanelAcceptButton').style.display='none';
  83     }
  84 };
  85
  86 /**
  87  * Used to display information about the SSL certificate in `error_pages.html`
  88  */
  89 function toggleAdvancedAndScroll() {
  90     const advancedPanel = document.getElementById('badCertAdvancedPanel');
  91     if (advancedVisible) {
  92         advancedPanel.style.display='none';
  93     } else {
  94         advancedPanel.style.display='block';
  95     }
  96     advancedVisible = !advancedVisible;
  97
  98     const horizontalLine = document.getElementById("horizontalLine");
  99     const advancedPanelAcceptButton = document.getElementById(
 100         "advancedPanelAcceptButton"
 101     );
 102     const badCertAdvancedPanel = document.getElementById(
 103         "badCertAdvancedPanel"
 104     );
 105
 106     // We know that the button is being displayed
 107     if (badCertAdvancedPanel.style.display === "block") {
 108         horizontalLine.hidden = false;
 109         advancedPanelAcceptButton.scrollIntoView({
 110             behavior: "smooth",
 111             block: "center",
 112             inline: "nearest",
 113        });
 114     } else {
 115         horizontalLine.hidden = true;
 116     }
 117 };
 118
 119 /**
 120  * Used to bypass an SSL pages in `error_pages.html`
 121  */
 122 async function acceptAndContinue(temporary) {
 123     try {
 124         await document.addCertException(temporary);
 125         location.reload();
 126     } catch (error) {
 127         console.error("Unexpected error: " + error);
 128     }
 129 };
 130
 131 document.addEventListener('DOMContentLoaded', function () {
 132     if (window.history.length == 1) {
 133         document.getElementById('advancedPanelBackButton').style.display = 'none';
 134         document.getElementById('backFromHttp').style.display = 'none';
 135     } else {
 136         document.getElementById('advancedPanelBackButton').addEventListener('click', () => window.history.back());
 137         document.getElementById('backFromHttp').addEventListener('click', () => window.history.back());
 138     }
 139
 140     document.getElementById('errorTryAgain').addEventListener('click', () => window.location.reload());
 141     document.getElementById('advancedButton').addEventListener('click', toggleAdvancedAndScroll);
 142     document.getElementById('advancedPanelAcceptButton').addEventListener('click', () => acceptAndContinue(true));
 143     document.getElementById('continueHttp').addEventListener('click', () => document.reloadWithHttpsOnlyException());
 144 });
 145
 146 parseQuery(document.documentURI);