summaryrefslogtreecommitdiffstats
path: root/src/index.html
diff options
context:
space:
mode:
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>