aboutsummaryrefslogtreecommitdiffstats
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/styles/app.scss10
-rw-r--r--src/styles/main.scss8
-rw-r--r--src/templates/index.html191
3 files changed, 2 insertions, 207 deletions
diff --git a/src/styles/app.scss b/src/styles/app.scss
index d7290f4..014e722 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -1,15 +1,9 @@
-$colors: (
- primary: #00ADDC,
- secondary: #223340,
- font: #FFFFFF,
- grey: #848286
-);
-
-
$body-bg: transparent;
$body-color: #FFFFFF;
$list-group-bg: transparent;
$font-size-base: 1.5rem;
+$input-bg: transparent;
+$input-color: #FFFFFF;
@import "~bootstrap/scss/bootstrap";
@import "main.scss";
diff --git a/src/styles/main.scss b/src/styles/main.scss
index 626d127..e5e81f5 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -2,14 +2,6 @@
display: none;
}
-::-webkit-progress-bar {
- background: map-get($colors, grey);
-}
-
-::-webkit-progress-value {
- background-color: map-get($colors, primary);
-}
-
html {
height: 100%;
background-size: cover;
diff --git a/src/templates/index.html b/src/templates/index.html
deleted file mode 100644
index 20de554..0000000
--- a/src/templates/index.html
+++ /dev/null
@@ -1,191 +0,0 @@
-<!--
- 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