| OLD | NEW | 
|---|
| 1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> | 
| 2 <html> | 2 <html> | 
| 3 | 3 | 
| 4 <!-- TODO(crbug.com/658814): Localize strings. --> | 4 <!-- TODO(crbug.com/658814): Localize strings. --> | 
| 5 <head> | 5 <head> | 
| 6   <meta charset="utf-8"> | 6   <meta charset="utf-8"> | 
| 7   <meta name="viewport" content="width=device-width, initial-scale=1"> | 7   <meta name="viewport" content="width=device-width, initial-scale=1"> | 
| 8   <title>Bluetooth Internals</title> | 8   <title>Bluetooth Internals</title> | 
| 9   <link rel="stylesheet" href="chrome://resources/css/chrome_shared.css"> | 9   <link rel="stylesheet" href="chrome://resources/css/chrome_shared.css"> | 
| 10   <link rel="stylesheet" href="bluetooth_internals.css"> | 10   <link rel="stylesheet" href="bluetooth_internals.css"> | 
| 11 | 11 | 
| 12   <link rel="import" href="chrome://resources/html/action_link.html"> | 12   <link rel="import" href="chrome://resources/html/action_link.html"> | 
| 13   <link rel="import" href="chrome://resources/html/cr/ui.html"> | 13   <link rel="import" href="chrome://resources/html/cr/ui.html"> | 
| 14   <link rel="import" href="chrome://resources/html/cr/event_target.html"> | 14   <link rel="import" href="chrome://resources/html/cr/event_target.html"> | 
| 15   <link rel="import" href="chrome://resources/html/cr/ui/array_data_model.html"> | 15   <link rel="import" href="chrome://resources/html/cr/ui/array_data_model.html"> | 
| 16   <link rel="import" href="chrome://resources/html/cr/ui/focus_outline_manager.h
    tml"> | 16   <link rel="import" href="chrome://resources/html/cr/ui/focus_outline_manager.h
    tml"> | 
| 17   <link rel="import" href="chrome://resources/html/cr/ui/overlay.html"> | 17   <link rel="import" href="chrome://resources/html/cr/ui/overlay.html"> | 
| 18   <link rel="import" href="chrome://resources/html/cr/ui/page_manager/page_manag
    er.html"> | 18   <link rel="import" href="chrome://resources/html/cr/ui/page_manager/page_manag
    er.html"> | 
| 19   <link rel="import" href="chrome://resources/html/cr/ui/page_manager/page.html"
    > | 19   <link rel="import" href="chrome://resources/html/cr/ui/page_manager/page.html"
    > | 
| 20   <link rel="import" href="chrome://resources/html/util.html"> | 20   <link rel="import" href="chrome://resources/html/util.html"> | 
| 21 | 21 | 
| 22   <script src="snackbar.js"></script> | 22   <script src="snackbar.js"></script> | 
| 23   <script src="interfaces.js"></script> | 23   <script src="interfaces.js"></script> | 
| 24   <script src="adapter_broker.js"></script> | 24   <script src="adapter_broker.js"></script> | 
|  | 25   <script src="object_fieldset.js"></script> | 
|  | 26   <script src="adapter_page.js"></script> | 
| 25   <script src="device_collection.js"></script> | 27   <script src="device_collection.js"></script> | 
| 26   <script src="device_table.js"></script> | 28   <script src="device_table.js"></script> | 
| 27   <script src="devices_page.js"></script> | 29   <script src="devices_page.js"></script> | 
| 28   <script src="sidebar.js"></script> | 30   <script src="sidebar.js"></script> | 
| 29   <script src="bluetooth_internals.js"></script> | 31   <script src="bluetooth_internals.js"></script> | 
| 30 </head> | 32 </head> | 
| 31 | 33 | 
| 32 <body> | 34 <body> | 
| 33   <div id="page-container"> | 35   <div id="page-container"> | 
| 34     <header class="page-header"> | 36     <header class="page-header"> | 
| 35       <button id="menu-btn" class="custom-appearance"></button> | 37       <button id="menu-btn" class="custom-appearance"></button> | 
| 36       <h1 class="page-title"></h1> | 38       <h1 class="page-title"></h1> | 
| 37     </header> | 39     </header> | 
|  | 40     <section id="adapter" hidden> | 
|  | 41       <div class="header-extras"> | 
|  | 42         <button id="adapter-refresh-btn">Refresh</button> | 
|  | 43       </div> | 
|  | 44     </section> | 
| 38     <section id="devices" hidden> | 45     <section id="devices" hidden> | 
| 39       <div class="header-extras"> | 46       <div class="header-extras"> | 
| 40         <button id="scan-btn">Start Scan</button> | 47         <button id="scan-btn">Start Scan</button> | 
| 41       </div> | 48       </div> | 
| 42     </section> | 49     </section> | 
| 43   </div> | 50   </div> | 
| 44   <div id="snackbar-container"></div> | 51   <div id="snackbar-container"></div> | 
| 45   <aside id="sidebar"> | 52   <aside id="sidebar"> | 
| 46     <div class="overlay"></div> | 53     <div class="overlay"></div> | 
| 47     <section class="sidebar-content"> | 54     <section class="sidebar-content"> | 
| 48       <header> | 55       <header> | 
| 49         <h1>Bluetooth Internals</h1> | 56         <h1>Bluetooth Internals</h1> | 
| 50       </header> | 57       </header> | 
| 51       <nav> | 58       <nav> | 
| 52         <ul role="tablist"> | 59         <ul role="tablist"> | 
| 53           <li class="selected" data-page-name="devices"> | 60           <li class="selected" data-page-name="adapter"> | 
|  | 61             <button class="custom-appearance">Adapter</button> | 
|  | 62           </li> | 
|  | 63           <li data-page-name="devices"> | 
| 54             <button class="custom-appearance">Devices</button> | 64             <button class="custom-appearance">Devices</button> | 
| 55           </li> | 65           </li> | 
| 56         </ul> | 66         </ul> | 
| 57       </nav> | 67       </nav> | 
| 58     </section> | 68     </section> | 
| 59   </aside> | 69   </aside> | 
| 60 </body> | 70 </body> | 
| 61 | 71 | 
| 62 <template id="table-template"> | 72 <template id="table-template"> | 
| 63   <table> | 73   <table> | 
| 64     <thead> | 74     <thead> | 
| 65       <tr> | 75       <tr> | 
| 66         <th data-field="name_for_display">Name</th> | 76         <th data-field="name_for_display">Name</th> | 
| 67         <th data-field="address">Address</th> | 77         <th data-field="address">Address</th> | 
| 68         <th data-field="rssi.value">Latest RSSI</th> | 78         <th data-field="rssi.value">Latest RSSI</th> | 
| 69         <th data-field="services.length">Services</th> | 79         <th data-field="services.length">Services</th> | 
| 70         <th data-field="is_gatt_connected">GATT Connection State</th> | 80         <th data-field="is_gatt_connected">GATT Connection State</th> | 
| 71       </tr> | 81       </tr> | 
| 72     </thead> | 82     </thead> | 
| 73     <tbody> | 83     <tbody> | 
| 74     </tbody> | 84     </tbody> | 
| 75   </table> | 85   </table> | 
| 76 </template> | 86 </template> | 
| 77 | 87 | 
| 78 </html> | 88 </html> | 
| OLD | NEW | 
|---|