chrome/renderer/resources/neterror.html

   1 <!doctype html>
   2 <html i18n-values="dir:textdirection;lang:language">
   3 <head>
   4   <meta charset="utf-8">
   5   <meta name="viewport" content="width=device-width, initial-scale=1.0,
   6                                  maximum-scale=1.0, user-scalable=no">
   7   <title i18n-content="title"></title>
   8   <link rel="stylesheet" href="../../browser/resources/security_warnings/interstitial_v2.css">
   9   <link rel="stylesheet" href="neterror.css">
  10   <script src="../../browser/resources/security_warnings/interstitial_v2_mobile.js"></script>
  11   <script src="neterror.js"></script>
  12   <script src="offline.js"></script>
  13 </head>
  14 <body id="t" i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize">
  15   <div id="main-frame-error" class="interstitial-wrapper">
  16     <div id="main-content">
  17       <img class="icon"
  18           jseval="updateIconClass(this.classList, iconClass)">
  19       <div id="main-message">
  20         <h1 i18n-content="heading"></h1>
  21         <p hidden></p>
  22         <div class="error-code" jscontent="errorCode"></div>
  23       </div>
  24     </div>
  25     <div id="buttons" class="nav-wrapper">
  26       <div id="control-buttons" hidden>
  27         <button id="reload-button"
  28             class="blue-button text-button"
  29             onclick="trackClick(this.trackingId);
  30                      reloadButtonClick(this.url);"
  31             jsselect="reloadButton"
  32             jsvalues=".url:reloadUrl; .trackingId:reloadTrackingId"
  33             jscontent="msg"></button>
  34         <button id="show-saved-copy-button"
  35             class="blue-button text-button"
  36             onclick="showSavedCopyButtonClick()"
  37             jsselect="showSavedCopyButton"
  38             jscontent="msg" jsvalues="title:title; .primary:primary">
  39         </button>
  40       </div>
  41       <button id="details-button" class="text-button small-link"
  42          onclick="detailsButtonClick(); toggleHelpBox()"
  43          jsdisplay="details" jscontent="details"
  44          jsvalues=".detailsText:details; .hideDetailsText:hideDetails;"></button>
  45     </div>
  46     <div id="details" class="hidden">
  47       <div jsselect="summary">
  48         <span jsvalues=".innerHTML:msg"></span>
  49       </div>
  50       <div class="suggestions" jsselect="suggestions">
  51         <div class="suggestion-header" jsvalues=".innerHTML:header"></div>
  52         <div class="suggestion-body" jsvalues=".innerHTML:body"></div>
  53       </div>
  54       <button class="text-button" id="diagnose-button"
  55           onclick="diagnoseErrors()" jscontent="diagnose"
  56           jsdisplay="diagnose"></button>
  57       <div id="diagnose-frame" class="hidden"></div>
  58       <form class="suggestions" jsdisplay="searchUrl"
  59           jsvalues=".url:searchUrl; .trackingId:searchTrackingId"
  60           onsubmit="trackClick(this.trackingId); return search(this.url);">
  61         <div class="suggestion-header" jscontent="searchHeader"></div>
  62         <div id="search-container">
  63           <input type="text" name="q" id="search-box"
  64               jsvalues=".value:searchTerms" />
  65           <button type="submit" id="search-button" class="blue-button"
  66               jsvalues="aria-label:searchHeader">
  67             <img id="search-image">
  68           </button>
  69         </div>
  70       </form>
  71     </div>
  72   </div>
  73   <div id="sub-frame-error">
  74     <!-- Show details when hovering over the icon, in case the details are
  75          hidden because they're too large. -->
  76     <img class="icon" jseval="updateIconClass(this.classList, iconClass)"
  77         jsvalues=".title:errorDetails">
  78     <div id="sub-frame-error-details" jsvalues=".innerHTML:errorDetails"></div>
  79   </div>
  80
  81   <div id="offline-resources">
  82     <img id="offline-resources-1x" src="default_100_percent/offline/100-offline-sprite.png">
  83     <img id="offline-resources-2x" src="default_200_percent/offline/200-offline-sprite.png">
  84     <template id="audio-resources">
  85       <audio id="offline-sound-press" src="sounds/button-press.mp3"></audio>
  86       <audio id="offline-sound-hit" src="sounds/hit.mp3"></audio>
  87       <audio id="offline-sound-reached" src="sounds/score-reached.mp3"></audio>
  88     </template>
  89   </div>
  90 </body>
  91 </html>