src/chrome/browser/resources/chromeos/offline_net_load.html

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