<!DOCTYPE html>
<html i18n-values="dir:textdirection">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0,
maximum-scale=1.0, user-scalable=no">
<title i18n-content="title"></title>
<link rel="stylesheet" href="neterror.css">
<script src="neterror.js"></script>
</head>
<body id="t">
<div id="main-frame-error">
<div id="box">
<div id="content-top">
<h1>
<div>
<img class="icon"
jseval="updateIconClass(this.classList, iconClass)">
</div>
<span i18n-content="heading"></span>
</h1>
<div id="buttons">
<button id="reload-button" onclick="location = this.url"
jsselect="reload" jsvalues=".url:reloadUrl"
jscontent="msg"></button>
<button id="more-less-button" onclick="toggleHelpBox()"
jsdisplay="more" jsvalues=".moreText:more; .lessText:less;"
jscontent="more"></button>
</div>
</div>
<!-- Outer and inner divs are needed both for margins and sizing. -->
<div id="help-box-outer" class="hidden">
<div id="help-box-inner">
<div jsselect="summary">
<span jsvalues=".innerHTML:msg"></span>
</div>
<div class="suggestions" jsselect="suggestions">
<div class="suggestion-header" jsvalues=".innerHTML:header"></div>
<div class="suggestion-body" jsvalues=".innerHTML:body"></div>
</div>
<button id="diagnose-button" onclick="diagnoseErrors()"
jscontent="diagnose" jsdisplay="diagnose"></button>
<div id="diagnose-frame" class="hidden"></div>
<div class="error-code" jscontent="errorCode"></div>
</div>
</div>
</div>
</div>
<div id="sub-frame-error">
<!-- Show details when hovering over the icon, in case the details are
hidden because they're too large. -->
<img class="icon" jseval="updateIconClass(this.classList, iconClass)"
jsvalues=".title:errorDetails">
<div id="sub-frame-error-details" jsvalues=".innerHTML:errorDetails"></div>
</div>
</body>
</html>