summaryrefslogtreecommitdiffstats
path: root/src/index.html
diff options
context:
space:
mode:
authorHumberto Alfonso Díaz <humberto.alfonso@asvito.es>2019-10-23 09:44:29 +0200
committerLorenzo Tilve <ltilve@igalia.com>2020-02-04 19:20:13 +0100
commit33702aea7ce42c8240e4bed7b424cc8ac4a33826 (patch)
tree6bba05249b6830fa6cdaea1bbd88971e8e027634 /src/index.html
parent00b8929291665238cbcd88676fe65f67900be1c3 (diff)
FUNCT Implement bluetooth screen
Diffstat (limited to 'src/index.html')
-rw-r--r--src/index.html111
1 files changed, 64 insertions, 47 deletions
diff --git a/src/index.html b/src/index.html
index 65d316c..6f16a23 100644
--- a/src/index.html
+++ b/src/index.html
@@ -25,52 +25,55 @@
<h1 class="header">
Settings
</h1>
- <a href="#" class="entry" onclick="window.show('datetime');">
- <div class="icon">
- <span class="icon-time"></span>
- </div>
- <div class="label">
- Date & Time
- </div>
- </a>
- <a href="#" class="entry" onclick="window.show('bluetooth');">
- <div class="icon">
- <span class="icon-bluetooth"></span>
- </div>
- <div class="label">
- Bluetooth
- </div>
- <div class="control">
- <span class="icon-toggle_on"></span>
- </div>
- </a>
- <a href="#" class="entry" onclick="window.show('wifi');">
- <div class="icon">
- <span class="icon-wifi"></span>
- </div>
- <div class="label">
- Wifi
- </div>
- <div class="control">
- <span class="icon-toggle_off"></span>
- </div>
- </a>
- <a href="#" class="entry" onclick="window.show('wired');">
- <div class="icon">
- <span class="icon-ethernet"></span>
- </div>
- <div class="label">
- Wired
- </div>
- </a>
- <a href="#" class="entry" onclick="window.show('version');">
- <div class="icon">
- <span class="icon-speed"></span>
- </div>
- <div class="label">
- Version info
- </div>
- </a>
+ <div class="container">
+ <a href="#" class="entry" onclick="window.show('datetime');">
+ <div class="icon">
+ <span class="icon-time"></span>
+ </div>
+ <div class="label">
+ Date & Time
+ </div>
+ </a>
+ <a href="#" class="entry">
+ <div class="icon">
+ <span class="icon-bluetooth"></span>
+ </div>
+ <div class="label" onclick="window.show('bluetooth');">
+ Bluetooth
+ </div>
+ <div id="BluetoothControl" class="control enabled" onclick="window.toggle_bluetooth();">
+ <span class="icon-toggle_on"></span>
+ <span class="icon-toggle_off"></span>
+ </div>
+ </a>
+ <a href="#" class="entry" onclick="window.show('wifi');">
+ <div class="icon">
+ <span class="icon-wifi"></span>
+ </div>
+ <div class="label">
+ Wifi
+ </div>
+ <div class="control">
+ <span class="icon-toggle_off"></span>
+ </div>
+ </a>
+ <a href="#" class="entry" onclick="window.show('wired');">
+ <div class="icon">
+ <span class="icon-ethernet"></span>
+ </div>
+ <div class="label">
+ Wired
+ </div>
+ </a>
+ <a href="#" class="entry" onclick="window.show('version');">
+ <div class="icon">
+ <span class="icon-speed"></span>
+ </div>
+ <div class="label">
+ Version info
+ </div>
+ </a>
+ </div>
</div>
<div class="secondary page hide" id="datetime">
@@ -94,8 +97,22 @@
<div class="secondary page hide" id="bluetooth">
<h1 class="header">
- Bluetotth
+ Bluetooth
</h1>
+ <div id="BluetoothContainer" class="container"></div>
+ <script id="bluetooth-device-template" type="x-tmpl-mustache">
+ <a href="#" class="entry">
+ <div class="icon">
+ <span class="icon-{{ properties.icon }}"></span>
+ </div>
+ <div class="label">
+ {{ properties.name }}
+ </div>
+ <div class="control">
+ <span class="icon-clear"></span>
+ </div>
+ </a>
+ </script>
<a href="#" class="confirm button" onclick="window.hide('bluetooth')">
Confirm
</a>