| <!doctype html> |
| <html lang="en"> |
| |
| <head> |
| <meta charset="utf-8"> |
| <title>USB Internals</title> |
| <link rel="stylesheet" href="chrome://resources/css/text_defaults.css"> |
| <link rel="stylesheet" href="chrome://resources/css/tabs.css"> |
| <link rel="stylesheet" href="chrome://resources/css/tree.css"> |
| <link rel="stylesheet" href="usb_internals.css"> |
| |
| <script src="chrome://resources/js/assert.js"></script> |
| <script src="chrome://resources/js/cr.js"></script> |
| <script src="chrome://resources/js/promise_resolver.js"></script> |
| <script src="chrome://resources/js/cr/ui.js"></script> |
| <script src="chrome://resources/js/cr/ui/focus_outline_manager.js"></script> |
| <script src="chrome://resources/js/cr/ui/tabs.js"></script> |
| <script src="chrome://resources/js/cr/ui/tree.js"></script> |
| <script src="chrome://resources/js/mojo_bindings_lite.js"></script> |
| <script src="chrome://resources/js/util.js"></script> |
| <script src="chrome://resources/js/big_buffer.mojom-lite.js"></script> |
| <script src="chrome://resources/js/file.mojom-lite.js"></script> |
| <script src="chrome://resources/js/string16.mojom-lite.js"></script> |
| |
| <script src="url.mojom-lite.js"></script> |
| <script src="device.mojom-lite.js"></script> |
| <script src="device_manager_client.mojom-lite.js"></script> |
| <script src="device_enumeration_options.mojom-lite.js"></script> |
| <script src="device_manager.mojom-lite.js"></script> |
| <script src="device_manager_test.mojom-lite.js"></script> |
| <script src="usb_internals.mojom-lite.js"></script> |
| |
| <script src="descriptor_panel.js"></script> |
| <script src="devices_page.js"></script> |
| </head> |
| |
| <body> |
| <tabbox> |
| <tabs> |
| <tab>Test Devices</tab> |
| <tab>Devices</tab> |
| </tabs> |
| <tabpanels> |
| <tabpanel> |
| <!-- Test Devices --> |
| <h2>Test Devices</h2> |
| <p> |
| <table class="styled-table"> |
| <thead> |
| <tr> |
| <th>Name</th> |
| <th>Serial number</th> |
| <th>Landing page</th> |
| <th> |
| </tr> |
| </thead> |
| <tbody id="test-device-list"> |
| </tbody> |
| |
| <template id="test-device-row"> |
| <tr> |
| <td></td> |
| <td></td> |
| <td></td> |
| <td><button>Remove</button></td> |
| </tr> |
| </template> |
| |
| </table> |
| </p> |
| <div class="page-section"> |
| <strong>Add a test device:</strong> |
| <form id="add-test-device-form" action=""> |
| <p> |
| <label> |
| Name: <input id="test-device-name" type="text" size="40"> |
| </label> |
| </p> |
| <p> |
| <label> |
| Serial number: |
| <input id="test-device-serial" type="text" size="40"> |
| </label> |
| </p> |
| <p> |
| <label> |
| Landing page: |
| <input id="test-device-landing-page" type="text" size="40"> |
| </label> |
| </p> |
| <button type="submit">Add</button> |
| <span id="add-test-device-result"></span> |
| </form> |
| </div> |
| </tabpanel> |
| |
| <tabpanel> |
| <!-- Devices --> |
| <h2>Devices</h2> |
| <table class="styled-table"> |
| <thead> |
| <tr> |
| <th>Bus Number</th> |
| <th>Port Number</th> |
| <th>Vendor Id</th> |
| <th>Product Id</th> |
| <th>Manufacturer Name</th> |
| <th>Product Name</th> |
| <th>Serial Number</th> |
| <th> |
| </tr> |
| </thead> |
| <tbody id="device-list"></tbody> |
| |
| <template id="device-row"> |
| <tr> |
| <td></td> |
| <td></td> |
| <td></td> |
| <td></td> |
| <td></td> |
| <td></td> |
| <td></td> |
| <td><button>Inspect</button></td> |
| </tr> |
| </template> |
| |
| </table> |
| </tabpanel> |
| </tabpanels> |
| </tabbox> |
| |
| |
| <template id="tab-template"> |
| <tab></tab> |
| </template> |
| |
| <template id="tabpanel-template"> |
| <tabpanel> |
| <tree id="tree-view"></tree> |
| <div class="descriptor-button"> |
| <button id="device-descriptor-button">Get Device Descriptor</button> |
| </div> |
| <div class="device-descriptor-panel" hidden></div> |
| <div class="descriptor-button"> |
| <button id="configuration-descriptor-button"> |
| Get Configuration Descriptor |
| </button> |
| </div> |
| <div class="configuration-descriptor-panel" hidden></div> |
| <div class="descriptor-button"> |
| <button id="string-descriptor-button">Get String Descriptor</button> |
| </div> |
| <div class="string-descriptor-panel" hidden> |
| String Descriptor Index: |
| <input id="index-input" type="number" min="1" list="indexes"> |
| <datalist id="indexes"></datalist> |
| Language Code: |
| <input id="language-code-input" list="languages"> |
| <datalist id="languages"></datalist> |
| <button>GET</button> |
| </div> |
| </tabpanel> |
| </template> |
| |
| <template id="descriptor-panel-template"> |
| <div class="descriptor-panel"> |
| <tree id="raw-data-tree-view"></tree> |
| <div id="raw-data-byte-view"></div> |
| </div> |
| </template> |
| |
| <template id="raw-data-byte-container-template"> |
| <div></div>> |
| </template> |
| |
| <template id="raw-data-byte-template"> |
| <span></span> |
| </template> |
| |
| <template id="raw-data-tree-button"> |
| <button>GET</button> |
| </template> |
| |
| <template id="error"> |
| <error></error> |
| </template> |
| |
| <script src="usb_internals.js"></script> |
| </body> |
| |
| </html> |
