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 name="viewport" content="width=device-width, initial-scale=1.0, | 4 <meta name="viewport" content="width=device-width, initial-scale=1.0, |
5 maximum-scale=1.0, user-scalable=no"> | 5 maximum-scale=1.0, user-scalable=no"> |
6 <title i18n-content="title"></title> | 6 <title i18n-content="title"></title> |
7 <link rel="stylesheet" href="neterror.css"> | 7 <link rel="stylesheet" href="neterror.css"> |
8 <script src="neterror.js"></script> | 8 <script src="neterror.js"></script> |
9 </head> | 9 </head> |
10 <body id="t"> | 10 <body id="t"> |
11 <div id="main-frame-error"> | 11 <div id="main-frame-error"> |
12 <div id="box"> | 12 <div id="box"> |
13 <div id="content-top"> | 13 <div id="content-top"> |
14 <h1> | 14 <h1> |
15 <div> | 15 <div> |
16 <img class="icon" | 16 <img class="icon" |
17 jseval="updateIconClass(this.classList, iconClass)"> | 17 jseval="updateIconClass(this.classList, iconClass)"> |
18 </div> | 18 </div> |
19 <span i18n-content="heading"></span> | 19 <span i18n-content="heading"></span> |
20 </h1> | 20 </h1> |
21 <button id="reload-button" onclick="location = this.url" | 21 <div id="buttons"> |
22 jsselect="reload" jsvalues=".url:reloadUrl" | 22 <button id="reload-button" onclick="location = this.url" |
23 jscontent="msg"></button> | 23 jsselect="reload" jsvalues=".url:reloadUrl" |
24 <button id="more-less-button" onclick="toggleHelpBox()" jsdisplay="more" | 24 jscontent="msg"></button> |
25 jsvalues=".moreText:more; .lessText:less;" | 25 <button id="more-less-button" onclick="toggleHelpBox()" |
26 jscontent="more"></button> | 26 jsdisplay="more" jsvalues=".moreText:more; .lessText:less;" |
| 27 jscontent="more"></button> |
| 28 </div> |
27 </div> | 29 </div> |
28 <!-- Outer and inner divs are needed both for margins and sizing. --> | 30 <!-- Outer and inner divs are needed both for margins and sizing. --> |
29 <div id="help-box-outer" class="hidden"> | 31 <div id="help-box-outer" class="hidden"> |
30 <div id="help-box-inner"> | 32 <div id="help-box-inner"> |
31 <div jsselect="summary"> | 33 <div jsselect="summary"> |
32 <span jsvalues=".innerHTML:msg"></span> | 34 <span jsvalues=".innerHTML:msg"></span> |
33 </div> | 35 </div> |
34 <div class="suggestions" jsselect="suggestions"> | 36 <div class="suggestions" jsselect="suggestions"> |
35 <div class="suggestion-header" jsvalues=".innerHTML:header"></div> | 37 <div class="suggestion-header" jsvalues=".innerHTML:header"></div> |
36 <div class="suggestion-body" jsvalues=".innerHTML:body"></div> | 38 <div class="suggestion-body" jsvalues=".innerHTML:body"></div> |
37 </div> | 39 </div> |
38 <button id="diagnose-button" onclick="diagnoseErrors()" | 40 <button id="diagnose-button" onclick="diagnoseErrors()" |
39 jscontent="diagnose" jsdisplay="diagnose"></button> | 41 jscontent="diagnose" jsdisplay="diagnose"></button> |
40 <div id="diagnose-frame" class="hidden"></div> | 42 <div id="diagnose-frame" class="hidden"></div> |
41 <div class="error-code" jscontent="errorCode"></div> | 43 <div class="error-code" jscontent="errorCode"></div> |
42 </div> | 44 </div> |
43 </div> | 45 </div> |
44 </div> | 46 </div> |
45 </div> | 47 </div> |
46 <div id="sub-frame-error"> | 48 <div id="sub-frame-error"> |
47 <!-- Show details when hovering over the icon, in case the details are | 49 <!-- Show details when hovering over the icon, in case the details are |
48 hidden because they're too large. --> | 50 hidden because they're too large. --> |
49 <img class="icon" jseval="updateIconClass(this.classList, iconClass)" | 51 <img class="icon" jseval="updateIconClass(this.classList, iconClass)" |
50 jsvalues=".title:errorDetails"> | 52 jsvalues=".title:errorDetails"> |
51 <div id="sub-frame-error-details" jsvalues=".innerHTML:errorDetails"></div> | 53 <div id="sub-frame-error-details" jsvalues=".innerHTML:errorDetails"></div> |
52 </div> | 54 </div> |
53 </body> | 55 </body> |
54 </html> | 56 </html> |
OLD | NEW |