diff options
| author |   Humberto Alfonso Díaz <humberto.alfonso@asvito.es> | 2019-09-24 12:33:20 +0200 |
|---|---|---|
| committer |   Lorenzo Tilve <ltilve@igalia.com> | 2020-02-04 19:20:13 +0100 |
| commit | bbd85c7d2dd79b2b70e70e3a824ac831bb25007b (patch) | |
| tree | e4dcb4db2e90f305d9f55049753601a555f41cac /src/index.html | |
| parent | 2de1c21023be0d1518d3d2ac663d00a7c20c8944 (diff) | |
FUNCT Add screen navigation support
Diffstat (limited to 'src/index.html')
| -rw-r--r-- | src/index.html | 68 |
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> |