Home | History | Annotate | Download | only in resources
      1 <!DOCTYPE html>
      2 <html i18n-values="dir:textdirection">
      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="neterror.css">
      9   <script src="neterror.js"></script>
     10 </head>
     11 <body id="t">
     12   <div id="main-frame-error">
     13     <div id="box">
     14       <div id="content-top">
     15         <h1>
     16           <div>
     17             <img class="icon"
     18                 jseval="updateIconClass(this.classList, iconClass)">
     19           </div>
     20           <span i18n-content="heading"></span>
     21         </h1>
     22         <div id="buttons">
     23           <button id="reload-button" class="blue-button text-button"
     24               onclick="trackClick(this.trackingId);
     25                        reloadButtonClick(this.url);"
     26               jsselect="reloadButton"
     27               jsvalues=".url:reloadUrl; .trackingId:reloadTrackingId"
     28               jscontent="msg"></button>
     29           <button id="stale-load-button" class="blue-button text-button"
     30               onclick="loadStaleButtonClick()"
     31               jsselect="staleLoadButton"
     32               jscontent="msg" jsvalues="title:title"></button>
     33           <button id="more-less-button" class="text-button"
     34               onclick="moreButtonClick(); toggleHelpBox()"
     35               jsdisplay="more" jsvalues=".moreText:more; .lessText:less;"
     36               jscontent="more"></button>
     37         </div>
     38       </div>
     39        <!-- Outer and inner divs are needed both for margins and sizing. -->
     40       <div id="help-box-outer" class="hidden">
     41         <div id="help-box-inner">
     42           <div jsselect="summary">
     43             <span jsvalues=".innerHTML:msg"></span>
     44           </div>
     45           <div class="suggestions" jsselect="suggestions">
     46             <div class="suggestion-header" jsvalues=".innerHTML:header"></div>
     47             <div class="suggestion-body" jsvalues=".innerHTML:body"></div>
     48           </div>
     49           <button class="text-button" id="diagnose-button"
     50               onclick="diagnoseErrors()" jscontent="diagnose"
     51               jsdisplay="diagnose"></button>
     52           <div id="diagnose-frame" class="hidden"></div>
     53           <form class="suggestions" jsdisplay="searchUrl"
     54               jsvalues=".url:searchUrl; .trackingId:searchTrackingId"
     55               onsubmit="trackClick(this.trackingId); return search(this.url);">
     56             <div class="suggestion-header" jscontent="searchHeader"></div>
     57             <div id="search-container">
     58               <input type="text" name="q" id="search-box"
     59                   jsvalues=".value:searchTerms" />
     60               <button type="submit" id="search-button" class="blue-button"
     61                   jsvalues="aria-label:searchHeader">
     62                 <img id="search-image">
     63               </button>
     64             </div>
     65           </form>
     66           <div class="error-code" jscontent="errorCode"></div>
     67         </div>
     68       </div>
     69     </div>
     70   </div>
     71   <div id="sub-frame-error">
     72     <!-- Show details when hovering over the icon, in case the details are
     73          hidden because they're too large. -->
     74     <img class="icon" jseval="updateIconClass(this.classList, iconClass)"
     75         jsvalues=".title:errorDetails">
     76     <div id="sub-frame-error-details" jsvalues=".innerHTML:errorDetails"></div>
     77   </div>
     78 </body>
     79 </html>
     80