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