<!--
Copyright (c) 2012 The Chromium Authors. All rights reserved.
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file.
-->
<tabpanel id="info-view">
  <div>
    <h3>Graphics Feature Status</h3>
    <ul class="feature-status-list">
    </ul>
  </div>

  <div class='workarounds-div'>
    <h3>Driver Bug Workarounds</h3>
    <ul class="workarounds-list">
    </ul>
  </div>

  <div class='problems-div'>
    <h3>Problems Detected</h3>
    <ul class="problems-list">
    </ul>
  </div>

  <div>
    <h3>Version Information</h3>
    <div id="client-info"></div>
  </div>

  <div class="performance-div">
    <h3>Performance Information</h3>
    <div id="performance-info"></div>
  </div>

  <div>
    <h3>Driver Information</h3>
    <div id="basic-info"></div>
  </div>

  <div class="diagnostics">
    <h3>Diagnostics</h3>
    <div class="diagnostics-loading">... loading ...</div>
    <div id="diagnostics-table">None</div>
  </div>

  <div id="log-messages" jsdisplay="values.length">
    <h3>Log Messages</h3>
    <ul>
      <li jsselect="values">
        <span jscontent="header"></span>: <span jscontent="message"></span>
      </li>
    </ul>
  </div>

  <!-- templates -->
  <div style="display:none">
    <div id="info-view-table-template">
      <table id="info-view-table">
        <colgroup>
          <col style="width: 25%" />
          <col style="width: 75%" />
        </colgroup>
        <tr jsselect="value">
          <td jsdisplay="!(value instanceof Array)">
            <span class="row-title" jscontent="description">title</span>
          </td>
          <td jsdisplay="!(value instanceof Array)">
            <span jscontent="value">value</span>
          </td>
          <td jsdisplay="value instanceof Array" colspan=2>
            <span jscontent="description" class="row-title"></span>
            <div transclude="info-view-table-template"></div>
          </td>
        </tr>
      </table>
    </div>
  </div>
</tabpanel>