aboutsummaryrefslogtreecommitdiffstats
path: root/src/templates/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'src/templates/index.html')
-rw-r--r--src/templates/index.html191
1 files changed, 191 insertions, 0 deletions
diff --git a/src/templates/index.html b/src/templates/index.html
new file mode 100644
index 0000000..20de554
--- /dev/null
+++ b/src/templates/index.html
@@ -0,0 +1,191 @@
+<!--
+ Copyright 2019 Igalia, S.L.
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+<!doctype html>
+<html lang="en">
+ <head>
+ <!-- Required meta tags -->
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+ </head>
+ <body>
+ <div class="page" id="main">
+ <h1 class="header">
+ Settings
+ </h1>
+ <div class="container">
+ <a href="#" class="entry" onclick="window.show('datetime');">
+ <div class="icon">
+ <i class="fa fa-clock"></i>
+ </div>
+ <div class="label">
+ Date & Time
+ </div>
+ <div class="control">
+ </div>
+ </a>
+ <a href="#" class="entry">
+ <div class="icon">
+ <i class="fab fa-bluetooth-b"></i>
+ </div>
+ <div class="label" onclick="window.show('bluetooth');">
+ Bluetooth
+ </div>
+ <div id="BluetoothControl" class="control enabled" onclick="window.toggle_bluetooth();">
+ <span class="fa fa-toggle-on on"></span>
+ <span class="fa fa-toggle-off off"></span>
+ </div>
+ </a>
+ <a href="#" class="entry" onclick="window.show('wifi');">
+ <div class="icon">
+ <i class="fas fa-wifi"></i>
+ </div>
+ <div class="label">
+ Wifi
+ </div>
+ <div class="control">
+ <!-- <span class="fa fa-toggle-on on"></span> -->
+ <span class="fa fa-toggle-off off"></span>
+ </div>
+ </a>
+ <a href="#" class="entry" onclick="window.show('wired');">
+ <div class="icon">
+ <i class="fas fa-network-wired"></i>
+ </div>
+ <div class="label">
+ Wired
+ </div>
+ </a>
+ <a href="#" class="entry" onclick="window.show('version');">
+ <div class="icon"></div>
+ <div class="icon">
+ <i class="fas fa-tachometer-alt"></i>
+ </div>
+ <div class="label">
+ Version info
+ </div>
+ </a>
+ </div>
+ </div>
+
+ <div class="secondary page hide" id="datetime">
+ <h1 class="header">
+ <a href="#" class="backButton" onclick="window.hide('datetime')">
+ <i class="fas fa-chevron-left"></i>
+ </a>
+ Date & Time
+ </h1>
+ <div class="entry">
+ <h2>
+ Date
+ </h2>
+ </div>
+ <div class="entry">
+ <h2>
+ Time
+ </h2>
+ </div>
+ </div>
+
+ <div class="secondary page hide" id="bluetooth">
+ <h1 class="header">
+ <a href="#" class="backButton" onclick="window.hide('bluetooth')">
+ <i class="fas fa-chevron-left"></i>
+ </a>
+ Bluetooth
+ </h1>
+ <div id="BluetoothContainer" class="container"></div>
+ <div class="footer">
+ <a href="#" filter="available" class="button active" onclick="window.setFilter_bluetooth(this)">
+ Available
+ </a>
+ <a href="#" filter="paired" class="button" onclick="window.setFilter_bluetooth(this)">
+ Paired
+ </a>
+ <a href="#" filter="connected" class="button" onclick="window.setFilter_bluetooth(this)">
+ Connected
+ </a>
+ </div>
+ <script id="bluetooth-device-template" type="x-tmpl-mustache">
+ <div class="entry" deviceId="{{device}}">
+ <div class="icon">
+ <span class="fab fa-bluetooth"></span>
+ </div>
+ <div class="label" onclick="window.manage_bluetooth('{{device}}', {{properties.paired}}, {{ properties.connected }})">
+ <div class="title">
+ {{ properties.name }}
+ </div>
+ <div class="subtitle">
+ {{ properties.address }}
+ </div>
+ </div>
+ <div class="control" onclick="window.remove_device_bluetooth('{{device}}')">
+ <span class="fa fa-trash"></span>
+ </div>
+ </div>
+ </script>
+ </div>
+
+ <div class="secondary page hide" id="wifi">
+ <h1 class="header">
+ <a href="#" class="backButton" onclick="window.hide('wifi')">
+ <i class="fas fa-chevron-left"></i>
+ </a>
+ Wifi
+ </h1>
+ <div id="WifiContainer" class="container"></div>
+ <script id="wifi-device-template" type="x-tmpl-mustache">
+ <div class="entry" service="{{service}}">
+ <div class="icon">
+ <span class="fas fa-wifi"></span>
+ </div>
+ <div class="label" onclick="window.manage_bluetooth('{{device}}', {{properties.paired}}, {{ properties.connected }})">
+ <div class="title">
+ {{ properties.name }}
+ </div>
+ <div class="subtitle">
+ {{ properties.ethernet.address }}
+ </div>
+ </div>
+ <div class="control">
+ {{ properties.strength }}%
+ </div>
+ </div>
+ </script>
+ </div>
+
+ <div class="secondary page hide" id="wired">
+ <h1 class="header">
+ <a href="#" class="backButton" onclick="window.hide('wired')">
+ <i class="fas fa-chevron-left"></i>
+ </a>
+ Wired
+ </h1>
+ </div>
+
+ <div class="secondary page hide" id="version">
+ <h1 class="header">
+ <a href="#" class="backButton" onclick="window.hide('version')">
+ <i class="fas fa-chevron-left"></i>
+ </a>
+ Version info
+ </h1>
+ </div>
+
+ <div class="log" id="log">
+
+ </div>
+ </body>
+</html> \ No newline at end of file