summaryrefslogtreecommitdiffstats
path: root/src/templates/bluetooth.template.html
blob: dc732d727473b7481540b71af2c7e9870b7eb355 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
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>