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" onclick="location = this.url" |
24 onclick="location = this.url" | |
25 jsselect="reload" jsvalues=".url:reloadUrl" | 24 jsselect="reload" jsvalues=".url:reloadUrl" |
26 jscontent="msg"></button> | 25 jscontent="msg"></button> |
27 <button id="more-less-button" class="text-button" | 26 <button id="more-less-button" onclick="toggleHelpBox()" |
28 onclick="toggleHelpBox()" jsdisplay="more" | 27 jsdisplay="more" jsvalues=".moreText:more; .lessText:less;" |
29 jsvalues=".moreText:more; .lessText:less;" | |
30 jscontent="more"></button> | 28 jscontent="more"></button> |
31 </div> | 29 </div> |
32 </div> | 30 </div> |
33 <!-- Outer and inner divs are needed both for margins and sizing. --> | 31 <!-- Outer and inner divs are needed both for margins and sizing. --> |
34 <div id="help-box-outer" class="hidden"> | 32 <div id="help-box-outer" class="hidden"> |
35 <div id="help-box-inner"> | 33 <div id="help-box-inner"> |
36 <div jsselect="summary"> | 34 <div jsselect="summary"> |
37 <span jsvalues=".innerHTML:msg"></span> | 35 <span jsvalues=".innerHTML:msg"></span> |
38 </div> | 36 </div> |
39 <div class="suggestions" jsselect="suggestions"> | 37 <div class="suggestions" jsselect="suggestions"> |
40 <div class="suggestion-header" jsvalues=".innerHTML:header"></div> | 38 <div class="suggestion-header" jsvalues=".innerHTML:header"></div> |
41 <div class="suggestion-body" jsvalues=".innerHTML:body"></div> | 39 <div class="suggestion-body" jsvalues=".innerHTML:body"></div> |
42 </div> | 40 </div> |
43 <button class="text-button" id="diagnose-button" | 41 <button id="diagnose-button" onclick="diagnoseErrors()" |
44 onclick="diagnoseErrors()" jscontent="diagnose" | 42 jscontent="diagnose" jsdisplay="diagnose"></button> |
45 jsdisplay="diagnose"></button> | |
46 <div id="diagnose-frame" class="hidden"></div> | 43 <div id="diagnose-frame" class="hidden"></div> |
47 <form class="suggestions" jsdisplay="searchUrl" | |
48 jsvalues=".url:searchUrl" onclick="return search(this.url)"> | |
49 <div class="suggestion-header" jscontent="searchHeader"></div> | |
50 <div id="search-container"> | |
51 <input type="text" name="q" id="search-box" | |
52 jsvalues=".value:searchTerms" /> | |
53 <button type="submit" id="search-button" class="blue-button" | |
54 jsvalues="aria-label:searchHeader"> | |
55 <img id="search-image"> | |
56 </button> | |
57 </div> | |
58 </form> | |
59 <div class="error-code" jscontent="errorCode"></div> | 44 <div class="error-code" jscontent="errorCode"></div> |
60 </div> | 45 </div> |
61 </div> | 46 </div> |
62 </div> | 47 </div> |
63 </div> | 48 </div> |
64 <div id="sub-frame-error"> | 49 <div id="sub-frame-error"> |
65 <!-- Show details when hovering over the icon, in case the details are | 50 <!-- Show details when hovering over the icon, in case the details are |
66 hidden because they're too large. --> | 51 hidden because they're too large. --> |
67 <img class="icon" jseval="updateIconClass(this.classList, iconClass)" | 52 <img class="icon" jseval="updateIconClass(this.classList, iconClass)" |
68 jsvalues=".title:errorDetails"> | 53 jsvalues=".title:errorDetails"> |
69 <div id="sub-frame-error-details" jsvalues=".innerHTML:errorDetails"></div> | 54 <div id="sub-frame-error-details" jsvalues=".innerHTML:errorDetails"></div> |
70 </div> | 55 </div> |
71 </body> | 56 </body> |
72 </html> | 57 </html> |
OLD | NEW |