aboutsummaryrefslogtreecommitdiffstats
path: root/src/index.html
diff options
context:
space:
mode:
authorHumberto Alfonso Díaz <humberto.alfonso@asvito.es>2019-09-24 12:33:20 +0200
committerLorenzo Tilve <ltilve@igalia.com>2020-02-04 19:20:13 +0100
commitbbd85c7d2dd79b2b70e70e3a824ac831bb25007b (patch)
treee4dcb4db2e90f305d9f55049753601a555f41cac /src/index.html
parent2de1c21023be0d1518d3d2ac663d00a7c20c8944 (diff)
FUNCT Add screen navigation support
Diffstat (limited to 'src/index.html')
-rw-r--r--src/index.html68
1 files changed, 62 insertions, 6 deletions
diff --git a/src/index.html b/src/index.html
index 9798f94..65d316c 100644
--- a/src/index.html
+++ b/src/index.html
@@ -21,11 +21,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
</head>
<body>
- <div class="content">
+ <div class="page" id="main">
<h1 class="header">
Settings
</h1>
- <a href="#" class="entry">
+ <a href="#" class="entry" onclick="window.show('datetime');">
<div class="icon">
<span class="icon-time"></span>
</div>
@@ -33,7 +33,7 @@
Date & Time
</div>
</a>
- <a href="#" class="entry">
+ <a href="#" class="entry" onclick="window.show('bluetooth');">
<div class="icon">
<span class="icon-bluetooth"></span>
</div>
@@ -44,7 +44,7 @@
<span class="icon-toggle_on"></span>
</div>
</a>
- <a href="#" class="entry">
+ <a href="#" class="entry" onclick="window.show('wifi');">
<div class="icon">
<span class="icon-wifi"></span>
</div>
@@ -55,7 +55,7 @@
<span class="icon-toggle_off"></span>
</div>
</a>
- <a href="#" class="entry">
+ <a href="#" class="entry" onclick="window.show('wired');">
<div class="icon">
<span class="icon-ethernet"></span>
</div>
@@ -63,7 +63,7 @@
Wired
</div>
</a>
- <a href="#" class="entry">
+ <a href="#" class="entry" onclick="window.show('version');">
<div class="icon">
<span class="icon-speed"></span>
</div>
@@ -72,6 +72,62 @@
</div>
</a>
</div>
+
+ <div class="secondary page hide" id="datetime">
+ <h1 class="header">
+ Date & Time
+ </h1>
+ <div class="entry">
+ <h2>
+ Date
+ </h2>
+ </div>
+ <div class="entry">
+ <h2>
+ Time
+ </h2>
+ </div>
+ <a href="#" class="confirm button" onclick="window.hide('datetime')">
+ Confirm
+ </a>
+ </div>
+
+ <div class="secondary page hide" id="bluetooth">
+ <h1 class="header">
+ Bluetotth
+ </h1>
+ <a href="#" class="confirm button" onclick="window.hide('bluetooth')">
+ Confirm
+ </a>
+ </div>
+
+ <div class="secondary page hide" id="wifi">
+ <h1 class="header">
+ Wifi
+ </h1>
+ <a href="#" class="confirm button" onclick="window.hide('wifi')">
+ Confirm
+ </a>
+ </div>
+
+ <div class="secondary page hide" id="wired">
+ <h1 class="header">
+ Wired
+ </h1>
+ <a href="#" class="confirm button" onclick="window.hide('wired')">
+ Confirm
+ </a>
+ </div>
+
+ <div class="secondary page hide" id="version">
+ <h1 class="header">
+ Version info
+ </h1>
+ <a href="#" class="confirm button" onclick="window.hide('version')">
+ Confirm
+ </a>
+ </div>
+
<div class="log" id="log">
</div>