diff options
Diffstat (limited to 'src/templates/index.html')
| -rw-r--r-- | src/templates/index.html | 191 |
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 |