blob: ea3880815ed70c8ae02f28707f735df96a013f84 [file] [log] [blame]
<!DOCTYPE HTML>
<html>
<!-- TODO(crbug.com/658814): Localize strings. -->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bluetooth Internals</title>
<link rel="stylesheet" href="chrome://resources/css/chrome_shared.css">
<link rel="stylesheet" href="chrome://resources/css/spinner.css">
<link rel="stylesheet" href="bluetooth_internals.css">
<link rel="import" href="chrome://resources/html/action_link.html">
<link rel="import" href="chrome://resources/html/cr/ui.html">
<link rel="import" href="chrome://resources/html/cr/event_target.html">
<link rel="import" href="chrome://resources/html/cr/ui/array_data_model.html">
<link rel="import" href="chrome://resources/html/cr/ui/focus_outline_manager.html">
<link rel="import" href="chrome://resources/html/cr/ui/list_selection_controller.html">
<link rel="import" href="chrome://resources/html/cr/ui/list_selection_model.html">
<link rel="import" href="chrome://resources/html/cr/ui/list_item.html">
<link rel="import" href="chrome://resources/html/cr/ui/list.html">
<link rel="import" href="chrome://resources/html/cr/ui/overlay.html">
<link rel="import" href="chrome://resources/html/cr/ui/page_manager/page_manager.html">
<link rel="import" href="chrome://resources/html/cr/ui/page_manager/page.html">
<link rel="import" href="chrome://resources/html/util.html">
<script src="chrome://resources/js/mojo_bindings.js"></script>
<script src="uuid.mojom.js"></script>
<script src="device.mojom.js"></script>
<script src="adapter.mojom.js"></script>
<script src="bluetooth_internals.mojom.js"></script>
<script src="snackbar.js"></script>
<script src="adapter_broker.js"></script>
<script src="device_broker.js"></script>
<script src="object_fieldset.js"></script>
<script src="value_control.js"></script>
<script src="expandable_list.js"></script>
<script src="characteristic_list.js"></script>
<script src="service_list.js"></script>
<script src="descriptor_list.js"></script>
<script src="adapter_page.js"></script>
<script src="device_collection.js"></script>
<script src="device_details_page.js"></script>
<script src="device_table.js"></script>
<script src="devices_page.js"></script>
<script src="sidebar.js"></script>
<script src="bluetooth_internals.js"></script>
</head>
<body>
<div id="page-container">
<header class="page-header">
<button id="menu-btn" class="custom-appearance"></button>
<h1 class="page-title"></h1>
</header>
<section id="adapter" class="flex" hidden>
<div class="header-extras">
<button id="adapter-refresh-btn">Refresh</button>
</div>
</section>
<section id="devices" hidden>
<div class="header-extras">
<button id="scan-btn">Start Scan</button>
</div>
</section>
</div>
<div id="snackbar-container"></div>
<aside id="sidebar">
<div class="overlay"></div>
<section class="sidebar-content">
<header>
<h1>Bluetooth Internals</h1>
</header>
<nav>
<ul role="tablist">
<li class="selected" data-page-name="adapter">
<button class="custom-appearance">Adapter</button>
</li>
<li data-page-name="devices">
<button class="custom-appearance">Devices</button>
</li>
</ul>
</nav>
</section>
</aside>
</body>
<template id="table-template">
<table>
<thead>
<tr>
<th data-field="nameForDisplay">Name</th>
<th data-field="address">Address</th>
<th data-field="rssi.value">Latest RSSI</th>
<th data-field="services.length">Services</th>
<th data-field="isGattConnected">GATT Connection State</th>
<th></th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</template>
<template id="device-details-template">
<div class="device-details-page">
<div class="header-extras">
<button class="disconnect">Disconnect</button>
<button class="forget">Forget</button>
</div>
<h3>Status</h3>
<section class="device-details flex"></section>
<h3>Services</h3>
<section class="services"></section>
</div>
</template>
</html>