summaryrefslogtreecommitdiffstats
path: root/chromium/chrome/browser/resources/bluetooth_internals/bluetooth_internals.html
blob: fdd34a71f54eb2895740608a5faa7709c8030b26 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE HTML>
<html lang="en">

<!-- 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">
  <link rel="import" href="chrome://resources/mojo/mojo/public/js/mojo_bindings_lite.html">

  <script src="uuid.mojom-lite.js"></script>
  <script src="device.mojom-lite.js"></script>
  <script src="adapter.mojom-lite.js"></script>
  <script src="bluetooth_internals.mojom-lite.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>