chrome/browser/resources/bluetooth_internals/bluetooth_internals.html - Issue 2538653002: bluetooth: Add sidebar and page manager for chrome://bluetooth-internals.

Side by Side Diff: chrome/browser/resources/bluetooth_internals/bluetooth_internals.html

Issue 2538653002: bluetooth: Add sidebar and page manager for chrome://bluetooth-internals. (Closed)

Patch Set: Rearrange HTML layout, change code structure Created 4 years ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

« chrome/browser/resources/bluetooth_internals/bluetooth_internals.css ('K') | « chrome/browser/resources/bluetooth_internals/bluetooth_internals.css ('k') | chrome/browser/resources/bluetooth_internals/bluetooth_internals.js » ('j') | chrome/browser/resources/bluetooth_internals/bluetooth_internals.js » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

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/text_defaults_md.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 <link rel="import" href="chrome://resources/html/cr/ui.html">	12 <link rel="import" href="chrome://resources/html/cr/ui.html">

12 <link rel="import" href="chrome://resources/html/cr/event_target.html">	13 <link rel="import" href="chrome://resources/html/cr/event_target.html">

13 <link rel="import" href="chrome://resources/html/cr/ui/array_data_model.html">	14 <link rel="import" href="chrome://resources/html/cr/ui/array_data_model.html">

	15 <link rel="import" href="chrome://resources/html/cr/ui/focus_outline_manager.h tml">

	16 <link rel="import" href="chrome://resources/html/cr/ui/overlay.html">

	17 <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.html" >

14 <link rel="import" href="chrome://resources/html/util.html">	19 <link rel="import" href="chrome://resources/html/util.html">

15	20

16 <script src="interfaces.js"></script>	21 <script src="interfaces.js"></script>

17 <script src="adapter_broker.js"></script>	22 <script src="adapter_broker.js"></script>

18 <script src="device_collection.js"></script>	23 <script src="device_collection.js"></script>

19 <script src="device_table.js"></script>	24 <script src="device_table.js"></script>

	25 <script src="devices_page.js"></script>

	26 <script src="sidebar.js"></script>

20 <script src="bluetooth_internals.js"></script>	27 <script src="bluetooth_internals.js"></script>

21 </head>	28 </head>

22	29

23 <body>	30 <body>

24 <header>	31 <div id="page-container">

25 <div class="title">	32 <section id="devices"></section>

26 Bluetooth Internals	33 </div>

27 </div>	34 <aside id="sidebar">

28 </header>	35 <div class="overlay"></div>

	36 <section class="sidebar-content">

	37 <header>

	38 <h1>Bluetooth Internals</h1>

	39 </header>

	40 <nav>

	41 <ul role="tablist">

	42 <li class="selected" data-page-name="devices">

	43 <button class="custom-appearance">Devices</button>

	44 </li>

	45 </ul>

	46 </nav>

	47 </section>

	48 </aside>

29 </body>	49 </body>

30	50

31 <template id="table-template">	51 <template id="table-template">

32 <table>	52 <table>

33 <thead>	53 <thead>

34 <tr>	54 <tr>

35 <th data-field="name_for_display">Name</th>	55 <th data-field="name_for_display">Name</th>

36 <th data-field="address">Address</th>	56 <th data-field="address">Address</th>

37 <th data-field="rssi.value">Latest RSSI</th>	57 <th data-field="rssi.value">Latest RSSI</th>

38 <th data-field="services.length">Services</th>	58 <th data-field="services.length">Services</th>

39 <th data-field="is_gatt_connected">GATT Connection State</th>	59 <th data-field="is_gatt_connected">GATT Connection State</th>

40 </tr>	60 </tr>

41 </thead>	61 </thead>

42 <tbody class="table-body">	62 <tbody>

43 </tbody>	63 </tbody>

44 </table>	64 </table>

45 </template>	65 </template>

46	66

	67 <template id="page-template">

	68 <header>

	69 <button class="custom-appearance menu-btn"></button>

	70 <h1 class="page-title"></h1>

	71 </header>

	72 <section class="page-content">

	73 </section>

	74 </template>

	75

47 </html>	76 </html>

OLD	NEW