chrome/browser/resources/bluetooth_internals/bluetooth_internals.html - Issue 2576603002: bluetooth: Add device details page with basic properties to internals page.

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

Issue 2576603002: bluetooth: Add device details page with basic properties to internals page. (Closed)

Patch Set: Fix formatting, fix comments, fix test, change service/rssi display Created 3 years, 11 months ago

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

Jump to:

« no previous file with comments | « chrome/browser/resources/bluetooth_internals/bluetooth_internals.css ('k') | chrome/browser/resources/bluetooth_internals/bluetooth_internals.js » ('j') | ui/webui/resources/js/cr/ui/page_manager/page_manager.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/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>	25 <script src="object_fieldset.js"></script>

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

27 <script src="device_collection.js"></script>	27 <script src="device_collection.js"></script>

	28 <script src="device_details_page.js"></script>

28 <script src="device_table.js"></script>	29 <script src="device_table.js"></script>

29 <script src="devices_page.js"></script>	30 <script src="devices_page.js"></script>

30 <script src="sidebar.js"></script>	31 <script src="sidebar.js"></script>

31 <script src="bluetooth_internals.js"></script>	32 <script src="bluetooth_internals.js"></script>

32 </head>	33 </head>

33	34

34 <body>	35 <body>

35 <div id="page-container">	36 <div id="page-container">

36 <header class="page-header">	37 <header class="page-header">

37 <button id="menu-btn" class="custom-appearance"></button>	38 <button id="menu-btn" class="custom-appearance"></button>

38 <h1 class="page-title"></h1>	39 <h1 class="page-title"></h1>

39 </header>	40 </header>

40 <section id="adapter" hidden>	41 <section id="adapter" class="flex" hidden>

41 <div class="header-extras">	42 <div class="header-extras">

42 <button id="adapter-refresh-btn">Refresh</button>	43 <button id="adapter-refresh-btn">Refresh</button>

43 </div>	44 </div>

44 </section>	45 </section>

45 <section id="devices" hidden>	46 <section id="devices" hidden>

46 <div class="header-extras">	47 <div class="header-extras">

47 <button id="scan-btn">Start Scan</button>	48 <button id="scan-btn">Start Scan</button>

48 </div>	49 </div>

49 </section>	50 </section>

50 </div>	51 </div>

(...skipping 20 matching lines...) Expand all Loading...
71	72

72 <template id="table-template">	73 <template id="table-template">

73 <table>	74 <table>

74 <thead>	75 <thead>

75 <tr>	76 <tr>

76 <th data-field="name_for_display">Name</th>	77 <th data-field="name_for_display">Name</th>

77 <th data-field="address">Address</th>	78 <th data-field="address">Address</th>

78 <th data-field="rssi.value">Latest RSSI</th>	79 <th data-field="rssi.value">Latest RSSI</th>

79 <th data-field="services.length">Services</th>	80 <th data-field="services.length">Services</th>

80 <th data-field="is_gatt_connected">GATT Connection State</th>	81 <th data-field="is_gatt_connected">GATT Connection State</th>

	82 <th></th>

81 </tr>	83 </tr>

82 </thead>	84 </thead>

83 <tbody>	85 <tbody>

84 </tbody>	86 </tbody>

85 </table>	87 </table>

86 </template>	88 </template>

87	89

	90 <template id="device-details-template">

	91 <div class="device-details-page">

	92 <div class="header-extras">

	93 <button class="disconnect">Disconnect</button>

	94 <button class="forget">Forget</button>

	95 </div>

	96 <h3>Status</h3>

	97 <section class="device-details flex"></section>

	98 </div>

	99 </template>

	100

88 </html>	101 </html>

OLD	NEW