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" /> | 4 <meta name="viewport" content="width=device-width" /> |
5 <title i18n-content="title"> | 5 <title i18n-content="title"> |
6 </title> | 6 </title> |
7 <style> | 7 <style> |
8 | 8 |
9 body { | 9 body { |
10 background-color: #E6E6E6; | 10 background-color: #E6E6E6; |
(...skipping 237 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
248 visibility: visible; | 248 visibility: visible; |
249 } | 249 } |
250 | 250 |
251 /* If the iframe is too small, always hide the error code. */ | 251 /* If the iframe is too small, always hide the error code. */ |
252 /* TODO(mmenke): See if overflow: no-display works better, once supported. */ | 252 /* TODO(mmenke): See if overflow: no-display works better, once supported. */ |
253 @media (max-width: 200px), (max-height: 95px) { | 253 @media (max-width: 200px), (max-height: 95px) { |
254 #sub-frame-error-details { | 254 #sub-frame-error-details { |
255 display: none; | 255 display: none; |
256 } | 256 } |
257 } | 257 } |
258 | |
259 </style> | 258 </style> |
mmenke
2013/05/28 18:20:13
Don't have strong opinions about whether we should
Deprecated (see juliatuttle)
2013/06/05 21:01:47
Done.
| |
260 </head> | 259 </head> |
261 | 260 |
262 <script> | 261 <script> |
263 | 262 |
264 function toggleHelpBox() { | 263 function toggleHelpBox() { |
265 var helpBoxOuter = document.getElementById('help-box-outer'); | 264 var helpBoxOuter = document.getElementById('help-box-outer'); |
266 helpBoxOuter.classList.toggle('hidden'); | 265 helpBoxOuter.classList.toggle('hidden'); |
267 var moreLessButton = document.getElementById('more-less-button'); | 266 var moreLessButton = document.getElementById('more-less-button'); |
268 if (helpBoxOuter.classList.contains('hidden')) { | 267 if (helpBoxOuter.classList.contains('hidden')) { |
269 moreLessButton.innerText = moreLessButton.moreText; | 268 moreLessButton.innerText = moreLessButton.moreText; |
270 } else { | 269 } else { |
271 moreLessButton.innerText = moreLessButton.lessText; | 270 moreLessButton.innerText = moreLessButton.lessText; |
272 } | 271 } |
273 } | 272 } |
274 | 273 |
275 // Subframes use a different layout but the same html file. This is to make it | 274 // Subframes use a different layout but the same html file. This is to make it |
276 // easier to support platforms that load the error page via different | 275 // easier to support platforms that load the error page via different |
277 // mechanisms (Currently just iOS). | 276 // mechanisms (Currently just iOS). |
278 if (window.top.location != window.location) | 277 if (window.top.location != window.location) |
279 document.documentElement.setAttribute('subframe', ''); | 278 document.documentElement.setAttribute('subframe', ''); |
280 | 279 |
280 function updateForDnsProbe(strings) { | |
281 var context = new JsEvalContext(strings); | |
282 | |
283 // If we can update just help-box and details, do so. | |
284 var helpBox = document.getElementById('help-box-outer'); | |
285 var details = document.getElementById('details'); | |
mmenke
2013/05/28 18:20:13
Why? This seems very regression prone. If it mat
Deprecated (see juliatuttle)
2013/06/05 21:01:47
We want to avoid re-rendering the stuff that's out
| |
286 if (helpBox && details) { | |
287 jstProcess(context, helpBox); | |
288 jstProcess(context, details); | |
289 } else { | |
290 var template = document.getElementById('t'); | |
291 if (template) { | |
292 jstProcess(context, template); | |
293 } | |
294 } | |
295 } | |
281 </script> | 296 </script> |
mmenke
2013/05/28 18:20:13
Same comment as for style tag applies.
Deprecated (see juliatuttle)
2013/06/05 21:01:47
Done.
| |
282 | 297 |
283 <body id="t"> | 298 <body id="t"> |
284 <div id="main-frame-error"> | 299 <div id="main-frame-error"> |
285 <div id="box"> | 300 <div id="box"> |
286 <div id="content-top"> | 301 <div id="content-top"> |
287 <h1> | 302 <h1> |
288 <div><img class="error-img"></div> | 303 <div><img class="error-img"></div> |
289 <span i18n-content="heading"></span> | 304 <span i18n-content="heading"></span> |
290 </h1> | 305 </h1> |
291 | 306 |
(...skipping 17 matching lines...) Expand all Loading... | |
309 </div> | 324 </div> |
310 </div> | 325 </div> |
311 <div id="sub-frame-error"> | 326 <div id="sub-frame-error"> |
312 <!-- Show details when hovering over the icon, in case the details are | 327 <!-- Show details when hovering over the icon, in case the details are |
313 hidden because they're too large. --> | 328 hidden because they're too large. --> |
314 <img class="error-img" jsvalues=".title:errorDetails"> | 329 <img class="error-img" jsvalues=".title:errorDetails"> |
315 <div id="sub-frame-error-details" jsvalues=".innerHTML:errorDetails"></div> | 330 <div id="sub-frame-error-details" jsvalues=".innerHTML:errorDetails"></div> |
316 </div> | 331 </div> |
317 </body> | 332 </body> |
318 </html> | 333 </html> |
OLD | NEW |