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 | |
11 <body id="t"> | 10 <body id="t"> |
12 <div id="main-frame-error"> | 11 <div id="main-frame-error"> |
13 <div id="box"> | 12 <div id="box"> |
14 <div id="content-top"> | 13 <div id="content-top"> |
15 <h1> | 14 <h1> |
16 <div><img class="icon" jseval="this.classList.add(iconClass)"></div> | 15 <div> |
17 <span i18n-content="heading"></span> | 16 <img class="icon" |
18 </h1> | 17 jseval="updateIconClass(this.classList, iconClass)"> |
19 | 18 </div> |
20 <button id="reload-button" onclick="location = this.url" jsselect="reload" j
svalues=".url:reloadUrl" jscontent="msg"></button> | 19 <span i18n-content="heading"></span> |
21 <button id="more-less-button" onclick="toggleHelpBox()" jsdisplay="more" jsv
alues=".moreText:more; .lessText:less;" jscontent="more"></button> | 20 </h1> |
| 21 <button id="reload-button" onclick="location = this.url" |
| 22 jsselect="reload" jsvalues=".url:reloadUrl" |
| 23 jscontent="msg"></button> |
| 24 <button id="more-less-button" onclick="toggleHelpBox()" jsdisplay="more" |
| 25 jsvalues=".moreText:more; .lessText:less;" |
| 26 jscontent="more"></button> |
| 27 </div> |
| 28 <!-- Outer and inner divs are needed both for margins and sizing. --> |
| 29 <div id="help-box-outer" class="hidden"> |
| 30 <div id="help-box-inner"> |
| 31 <div jsselect="summary"> |
| 32 <span jsvalues=".innerHTML:msg"></span> |
| 33 </div> |
| 34 <div class="suggestions" jsselect="suggestions"> |
| 35 <div class="suggestion-header" jsvalues=".innerHTML:header"></div> |
| 36 <div class="suggestion-body" jsvalues=".innerHTML:body"></div> |
| 37 </div> |
| 38 <button id="diagnose-button" onclick="diagnoseErrors()" |
| 39 jscontent="diagnose" jsdisplay="diagnose"></button> |
| 40 <div id="diagnose-frame" class="hidden"></div> |
| 41 <div class="error-code" jscontent="errorCode"></div> |
| 42 </div> |
| 43 </div> |
| 44 </div> |
22 </div> | 45 </div> |
23 | 46 <div id="sub-frame-error"> |
24 <!-- Outer and inner divs are needed both for margins and sizing. --> | 47 <!-- Show details when hovering over the icon, in case the details are |
25 <div id="help-box-outer" class="hidden"> | 48 hidden because they're too large. --> |
26 <div id="help-box-inner"> | 49 <img class="icon" jseval="updateIconClass(this.classList, iconClass)" |
27 <div jsselect="summary"> | 50 jsvalues=".title:errorDetails"> |
28 <span jsvalues=".innerHTML:msg"></span> | 51 <div id="sub-frame-error-details" jsvalues=".innerHTML:errorDetails"></div> |
29 </div> | |
30 | |
31 <div class="suggestions" jsselect="suggestions"> | |
32 <div class="suggestion-header" jsvalues=".innerHTML:header"></div> | |
33 <div class="suggestion-body" jsvalues=".innerHTML:body"></div> | |
34 </div> | |
35 <button id="diagnose-button" onclick="diagnoseErrors()" | |
36 jscontent="diagnose" jsdisplay="diagnose"></button> | |
37 <div id="diagnose-frame" class="hidden"></div> | |
38 <div class="error-code" jscontent="errorCode"></div> | |
39 </div> | |
40 </div> | 52 </div> |
41 </div> | |
42 </div> | |
43 <div id="sub-frame-error"> | |
44 <!-- Show details when hovering over the icon, in case the details are | |
45 hidden because they're too large. --> | |
46 <img class="icon" jseval="this.classList.add(iconClass)" jsvalues=".title:erro
rDetails"> | |
47 <div id="sub-frame-error-details" jsvalues=".innerHTML:errorDetails"></div> | |
48 </div> | |
49 </body> | 53 </body> |
50 </html> | 54 </html> |
OLD | NEW |