chromium/chrome/browser/resources/sync_file_system_internals/main.html

<!doctype html>
<!--
Copyright 2013 The Chromium Authors
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file.
-->
<html dir="ltr" lang="en">
<meta charset="utf-8">
<title>Sync File System Internals</title>
<link rel="stylesheet" href="chrome://resources/css/text_defaults.css">
<link rel="stylesheet" href="main.css">
<script type="module" src="sync_service.js"></script>
<script type="module" src="task_log.js"></script>
<script type="module" src="extension_statuses.js"></script>
<script type="module" src="dump_database.js"></script>
<script type="module" src="file_metadata.js"></script>

<body>

<cr-tab-box hidden>
  <div slot="tab">Sync Service</div>
  <div slot="tab">Task Log</div>
  <div slot="tab">Extension Statuses</div>
  <div slot="tab">File Metadata</div>
  <div slot="tab">Database Dump</div>
  <div slot="panel">
    <table>
      <tbody>
        <tr>
          <td>Service Status</td>
          <td id="service-status">N/A</td>
        </tr>
        <tr>
          <td>Notification Source</td>
          <td id="notification-source">N/A</td>
        </tr>
      </tbody>
    </table>
    <br>

    <button id="clear-log-button">Clear old logs</button>
    <h3>Debug Log</h3>
    <table>
      <thead>
        <tr>
          <td class="log-time">Time</td>
          <td class="log-event">Log Event</td>
        </tr>
      </thead>
      <tbody id="log-entries"></tbody>
    </table>
  </div>
  <div slot="panel">
    <h3>Task Log</h3>
    <table>
      <thead>
        <tr>
          <td>Duration</td>
          <td>Task</td>
          <td>Result</td>
          <td>Details</td>
        </tr>
      </thead>
      <tbody id="task-log-entries"></tbody>
    </table>
  </div>
  <div slot="panel">
    <button id="refresh-extensions-statuses">Refresh</button>
    <table>
      <thead>
        <tr>
          <td>Extension Name</td>
          <td>ID</td>
          <td>Sync Status</td>
        </tr>
      </thead>
      <tbody id="extension-entries"></tbody>
    </table>
  </div>
  <div slot="panel">
    <select id="extensions-select"></select>
    <button id="refresh-metadata-button">Refresh</button>

    <table style="table-layout:fixed">
      <thead id="file-metadata-header"></thead>
      <tbody id="file-metadata-entries"></tbody>
    </table>
  </div>
  <div slot="panel">
    <button id="refresh-database-dump">Refresh</button>
    <div id="dump-database-placeholder"></div>
  </div>
</cr-tab-box>

</body>
</html>