| <!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="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> |