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