diff options
| author |   Humberto Alfonso Díaz <humberto.alfonso@asvito.es> | 2019-12-05 12:42:48 +0100 |
|---|---|---|
| committer |   Lorenzo Tilve <ltilve@igalia.com> | 2020-02-04 19:20:13 +0100 |
| commit | 9a25f5f94900b0474b6c5f2fff254a3418ca7f38 (patch) | |
| tree | e4e252d0f5a7d289fed6db04fca3d32534426ab4 /src/templates | |
| parent | 20e04b702f96bf05ff957a8e3c4296d76a2e7656 (diff) | |
FUNCT Add bootstrap support
Diffstat (limited to 'src/templates')
| -rw-r--r-- | src/templates/bluetooth.template.html | 52 | ||||
| -rw-r--r-- | src/templates/main.template.html | 73 |
2 files changed, 125 insertions, 0 deletions
diff --git a/src/templates/bluetooth.template.html b/src/templates/bluetooth.template.html new file mode 100644 index 0000000..dc732d7 --- /dev/null +++ b/src/templates/bluetooth.template.html @@ -0,0 +1,52 @@ +<div class="container"> + <h2 class="my-5"> + <div class="row"> + <div class="col-1" onclick="bluetooth.hide()"> + <i class="fas fa-chevron-left"></i> + </div> + <div class="col-10"> + Bluetooth + </div> + <div class="col-1" onclick="bluetooth.show()"> + <i class="fas fa-sync"></i> + </div> + </div> + </h2> + <div class="list-group scrollable"> + {{ #devices }} + <div class="row border-bottom py-3 list-group-action"> + <div class="col-1"> + <i class="fab fa-bluetooth"></i> + </div> + <div class="col-9" onclick="bluetooth.manage('{{device}}', {{properties.paired}}, {{ properties.connected }})"> + <div> + {{ properties.name }} + </div> + <div class="badge badge-secondary"> + {{ properties.address}} + </div> + </div> + <div class="col-2 text-right" onclick="bluetooth.remove('{{device}}')"> + <i class="fa fa-trash"></i> + </div> + </div> + {{ /devices }} + </div> + <div class="btn-group fixed-bottom" role="group" aria-label="Basic example"> + <button type="button" + onclick="bluetooth.available()" + class="btn {{ ^filter.available }} btn-secondary {{ /filter.available }}{{ #filter.available }} btn-primary {{ /filter.available }}"> + Available + </button> + <button type="button" + onclick="bluetooth.paired()" + class="btn {{ ^filter.paired }} btn-secondary {{ /filter.paired }}{{ #filter.paired }} btn-primary {{ /filter.paired }}"> + Paired + </button> + <button type="button" + onclick="bluetooth.connected()" + class="btn {{ ^filter.connected }} btn-secondary {{ /filter.connected }}{{ #filter.connected }} btn-primary {{ /filter.connected }}"> + Connected + </button> + </div> +</div>
\ No newline at end of file diff --git a/src/templates/main.template.html b/src/templates/main.template.html new file mode 100644 index 0000000..6965b5a --- /dev/null +++ b/src/templates/main.template.html @@ -0,0 +1,73 @@ +<div class="container"> + <h2 class="my-5"> + Settings + </h2> + <div class="row border-bottom py-3"> + <div class="col-1"> + <i class="fa fa-clock"></i> + </div> + <div class="col-9"> + Date & Time + </div> + <div class="col-2 text-right"> + + </div> + </div> + <div class="row border-bottom py-3"> + <div class="col-1"> + <i class="fab fa-bluetooth-b"></i> + </div> + <div class="col-9" onclick="window.bluetooth.show()"> + Bluetooth + </div> + <div class="col-2 text-right"> + {{ #bluetooth }} + <span class="fa fa-toggle-on on text-primary"></span> + {{ /bluetooth }} + {{ ^bluetooth }} + <span class="fa fa-toggle-off off"></span> + {{ /bluetooth }} + </div> + </div> + <div class="row border-bottom py-3"> + <div class="col-1"> + <i class="fas fa-wifi"></i> + </div> + <div class="col-9"> + Wifi + </div> + <div class="col-2 text-right"> + {{ #wifi }} + <span class="fa fa-toggle-on on text-primary"></span> + {{ /wifi }} + {{ ^wifi }} + <span class="fa fa-toggle-off off"></span> + {{ /wifi }} + </div> + </div> + <div class="row border-bottom py-3"> + <div class="col-1"> + <i class="fas fa-network-wired"></i> + </div> + <div class="col-9"> + Wired + </div> + <div class="col-2 text-right"> + + </div> + </div> + <div class="row py-3"> + <div class="col-1"> + <i class="fas fa-tachometer-alt"></i> + </div> + <div class="col-9"> + Version info + </div> + <div class="col-2 text-right"> + + </div> + </div> +</div> +<div class="log" id="log"> + +</div>
\ No newline at end of file |