summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rwxr-xr-xsrc/styles/fonts/icomoon.eotbin2348 -> 0 bytes
-rwxr-xr-xsrc/styles/fonts/icomoon.svg23
-rwxr-xr-xsrc/styles/fonts/icomoon.ttfbin2184 -> 0 bytes
-rwxr-xr-xsrc/styles/fonts/icomoon.woffbin2260 -> 0 bytes
-rwxr-xr-xsrc/styles/style.css66
-rw-r--r--src/templates/index.html191
6 files changed, 191 insertions, 89 deletions
diff --git a/src/styles/fonts/icomoon.eot b/src/styles/fonts/icomoon.eot
deleted file mode 100755
index ba1208c..0000000
--- a/src/styles/fonts/icomoon.eot
+++ /dev/null
Binary files differ
diff --git a/src/styles/fonts/icomoon.svg b/src/styles/fonts/icomoon.svg
deleted file mode 100755
index 809d2c2..0000000
--- a/src/styles/fonts/icomoon.svg
+++ /dev/null
@@ -1,23 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
-<svg xmlns="http://www.w3.org/2000/svg">
-<metadata>Generated by IcoMoon</metadata>
-<defs>
-<font id="icomoon" horiz-adv-x="1024">
-<font-face units-per-em="1024" ascent="960" descent="-64" />
-<missing-glyph horiz-adv-x="1024" />
-<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
-<glyph unicode="&#xe900;" glyph-name="time" d="M534 640.667v-224l192-114-32-54-224 136v256h64zM512 84.667q140 0 241 101t101 241-101 241-241 101-241-101-101-241 101-241 241-101zM512 852.667q176 0 301-125t125-301-125-301-301-125-301 125-125 301 125 301 301 125z" />
-<glyph unicode="&#xe901;" glyph-name="bluetooth" d="M634 242.667l-80 82v-162zM554 690.667v-162l80 82zM756 610.667l-184-184 184-184-244-242h-42v324l-196-196-60 60 238 238-238 238 60 60 196-196v324h42z" />
-<glyph unicode="&#xe902;" glyph-name="wifi" d="M214 384.667q124 122 299 122t297-122l-84-86q-36 36-99 62t-115 26-115-26-99-62zM384 212.667q54 54 128 54t128-54l-128-128zM42 554.667q196 194 471 194t469-194l-86-86q-160 158-384 158t-384-158z" />
-<glyph unicode="&#xe903;" glyph-name="ethernet" d="M758 704.667l232-278-232-278-66 54 186 224-186 224zM470 384.667v84h84v-84h-84zM726 468.667v-84h-86v84h86zM298 384.667v84h86v-84h-86zM332 650.667l-186-224 186-224-66-54-232 278 232 278z" />
-<glyph unicode="&#xe904;" glyph-name="speed" d="M512 256.667q-34 0-60 25t-26 59q0 36 26 62l362 240-242-362q-24-24-60-24zM870 572.667q28-44 48-112t20-120q0-118-56-212-26-44-74-44h-592q-48 0-74 44-56 94-56 212 0 176 125 301t303 125q52 0 119-20t111-48l-80-52q-72 36-152 36-140 0-241-100t-101-242q0-92 46-170h592q46 78 46 170 0 82-36 154z" />
-<glyph unicode="&#xe905;" glyph-name="toggle_off" d="M298 298.667q52 0 90 38t38 90-38 90-90 38-90-38-38-90 38-90 90-38zM726 640.667q88 0 150-63t62-151-62-151-150-63h-428q-88 0-150 63t-62 151 62 151 150 63h428z" />
-<glyph unicode="&#xe906;" glyph-name="toggle_on" d="M726 298.667q52 0 90 38t38 90-38 90-90 38-90-38-38-90 38-90 90-38zM726 640.667q88 0 150-63t62-151-62-151-150-63h-428q-88 0-150 63t-62 151 62 151 150 63h428z" />
-<glyph unicode="&#xe907;" glyph-name="arrow_down" d="M316 572.667l196-196 196 196 60-60-256-256-256 256z" />
-<glyph unicode="&#xe908;" glyph-name="arrow_up" d="M316 280.667l-60 60 256 256 256-256-60-60-196 196z" />
-<glyph unicode="&#xe909;" glyph-name="clear" d="M810 664.667l-238-238 238-238-60-60-238 238-238-238-60 60 238 238-238 238 60 60 238-238 238 238z" />
-<glyph unicode="&#xe90a;" glyph-name="computer" d="M854 298.667v426h-684v-426h684zM598 170.667v42h-172v-42h172zM938 170.667h86v-86h-1024v86h86v640h852v-640z" />
-<glyph unicode="&#xe90b;" glyph-name="phone" d="M736 170.667v598h-448v-598h448zM598 42.667v42h-172v-42h172zM682 896.667q52 0 90-38t38-90v-684q0-52-38-90t-90-38h-340q-52 0-90 38t-38 90v684q0 52 38 90t90 38h340z" />
-<glyph unicode="&#xe90c;" glyph-name="arrow_back" d="M498 772.667l-346-346 346-346-76-76-422 422 422 422z" />
-</font></defs></svg> \ No newline at end of file
diff --git a/src/styles/fonts/icomoon.ttf b/src/styles/fonts/icomoon.ttf
deleted file mode 100755
index f79ee84..0000000
--- a/src/styles/fonts/icomoon.ttf
+++ /dev/null
Binary files differ
diff --git a/src/styles/fonts/icomoon.woff b/src/styles/fonts/icomoon.woff
deleted file mode 100755
index f21dee2..0000000
--- a/src/styles/fonts/icomoon.woff
+++ /dev/null
Binary files differ
diff --git a/src/styles/style.css b/src/styles/style.css
deleted file mode 100755
index d947765..0000000
--- a/src/styles/style.css
+++ /dev/null
@@ -1,66 +0,0 @@
-@font-face {
- font-family: 'icomoon';
- src: url('fonts/icomoon.eot?wt3pj6');
- src: url('fonts/icomoon.eot?wt3pj6#iefix') format('embedded-opentype'),
- url('fonts/icomoon.ttf?wt3pj6') format('truetype'),
- url('fonts/icomoon.woff?wt3pj6') format('woff'),
- url('fonts/icomoon.svg?wt3pj6#icomoon') format('svg');
- font-weight: normal;
- font-style: normal;
- font-display: block;
-}
-
-[class^="icon-"], [class*=" icon-"] {
- /* use !important to prevent issues with browser extensions that change fonts */
- font-family: 'icomoon' !important;
- speak: none;
- font-style: normal;
- font-weight: normal;
- font-variant: normal;
- text-transform: none;
- line-height: 1;
-
- /* Better Font Rendering =========== */
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
-}
-
-.icon-clear:before {
- content: "\e909";
-}
-.icon-time:before {
- content: "\e900";
-}
-.icon-bluetooth:before {
- content: "\e901";
-}
-.icon-arrow_down:before {
- content: "\e907";
-}
-.icon-arrow_up:before {
- content: "\e908";
-}
-.icon-computer:before {
- content: "\e90a";
-}
-.icon-phone:before {
- content: "\e90b";
-}
-.icon-arrow_back:before {
- content: "\e90c";
-}
-.icon-wifi:before {
- content: "\e902";
-}
-.icon-ethernet:before {
- content: "\e903";
-}
-.icon-speed:before {
- content: "\e904";
-}
-.icon-toggle_off:before {
- content: "\e905";
-}
-.icon-toggle_on:before {
- content: "\e906";
-}
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