RESTRUCT Delete unused code

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
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
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
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