diff options
| author |   Humberto Alfonso Díaz <humberto.alfonso@asvito.es> | 2019-09-23 13:29:46 +0200 |
|---|---|---|
| committer |   Lorenzo Tilve <ltilve@igalia.com> | 2020-02-04 19:20:13 +0100 |
| commit | 2de1c21023be0d1518d3d2ac663d00a7c20c8944 (patch) | |
| tree | 9ba90b9d3114846f949dd630ead35be10fb997fc /src/index.html | |
| parent | c3a5d63e11e85d617a131160e8af6baed55fbfb6 (diff) | |
FUNCT Add first draft for settings screen
Diffstat (limited to 'src/index.html')
| -rw-r--r-- | src/index.html | 66 |
1 files changed, 47 insertions, 19 deletions
diff --git a/src/index.html b/src/index.html index 6b2ed01..9798f94 100644 --- a/src/index.html +++ b/src/index.html @@ -23,26 +23,54 @@ <body> <div class="content"> <h1 class="header"> - Mixer + Settings </h1> - <div id="SliderContainer"></div> - <script id="slider-template" type="x-tmpl-mustache"> - <div class="entry" id="slider-{{id}}" slider-id="{{ id }}" value="{{ value }}"> - <div class="label"> - {{ name }}: <span class="value"> {{ value }}%</span> - </div> - <a href="#" class="button" onclick="window.decrease(this);"> - <span class="icon-volume-decrease"></span> - </a> - <div class="slider"> - <input type="range" min="1" value="{{ value }}" max="100" oninput="window.change(this);"> - <progress value="{{ value }}" max="100"></progress> - </div> - <a href="#" class="button" onclick="window.increase(this);"> - <span class="icon-volume-increase"></span> - </a> - </div> - </script> + <a href="#" class="entry"> + <div class="icon"> + <span class="icon-time"></span> + </div> + <div class="label"> + Date & Time + </div> + </a> + <a href="#" class="entry"> + <div class="icon"> + <span class="icon-bluetooth"></span> + </div> + <div class="label"> + Bluetooth + </div> + <div class="control"> + <span class="icon-toggle_on"></span> + </div> + </a> + <a href="#" class="entry"> + <div class="icon"> + <span class="icon-wifi"></span> + </div> + <div class="label"> + Wifi + </div> + <div class="control"> + <span class="icon-toggle_off"></span> + </div> + </a> + <a href="#" class="entry"> + <div class="icon"> + <span class="icon-ethernet"></span> + </div> + <div class="label"> + Wired + </div> + </a> + <a href="#" class="entry"> + <div class="icon"> + <span class="icon-speed"></span> + </div> + <div class="label"> + Version info + </div> + </a> </div> <div class="log" id="log"> |