forked from lbernau/smartvisuPages
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnavigation.html
executable file
·168 lines (163 loc) · 8.43 KB
/
navigation.html
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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!-- Erdgeschoss -->
<div data-role="collapsible" data-collapsed="false" data-theme="c" data-mini="false" data-inset="false">
<h4>Erdgeschoss</h4>
<ul data-role="listview">
<li data-icon="false" class="{{ page == 'kueche' ? 'ui-btn-active' : ''}}">
<a href="index.php?page=floors/eg/kueche">
<img class="icon" src="{{ icon0 }}scene_dinner.svg"/><h3>Küche</h3>
<div class="ui-li-aside">
{{ basic.symbol('nav_statusFensterKuecheOffen', 'eg.fenster.kueche', '', 'fts_window_2w_open_lr.svg', 1) }}
{{ basic.symbol('nav_statusFensterKuecheZu', 'eg.fenster.kueche', '', 'fts_window_2w.svg', 0, 'or', 'icon1') }}
<br />{{ basic.float('nav_statusTempKueche', 'eg.heizen.kueche.ist', 'temp') }}
</div>
</a>
</li>
<li data-icon="false" class="{{ page == 'wohnzimmer' ? 'ui-btn-active' : ''}}">
<a href="index.php?page=floors/eg/wohnzimmer">
<img class="icon" src="{{ icon0 }}scene_livingroom.svg"/><h3>Wohnzimmer</h3>
<div class="ui-li-aside">
{{ basic.symbol('nav_statusFensterWohnzimmerOffen', 'eg.fenster.wohnzimmer', '', 'fts_window_2w_open_lr.svg', 1) }}
{{ basic.symbol('nav_statusFensterWohnzimmerZu', 'eg.fenster.wohnzimmer', '', 'fts_window_2w.svg', 0, 'or', 'icon1') }}
<br />{{ basic.float('nav_statusTempWohnen', 'eg.heizen.wohnzimmer.ist', 'temp') }}
</div>
</a>
</li>
<li data-icon="false" class="{{ page == 'wc' ? 'ui-btn-active' : ''}}">
<a href="index.php?page=floors/eg/wc">
<img class="icon" src="{{ icon0 }}scene_shower.svg"/><h3>Gäste WC</h3>
<div class="ui-li-aside">
{{ basic.symbol('nav_statusFensterWCOffen', 'eg.fenster.wc', '', 'fts_window_2w_open_lr.svg', 1) }}
{{ basic.symbol('nav_statusFensterWCZu', 'eg.fenster.wc', '', 'fts_window_2w.svg', 0, 'or', 'icon1') }}
<br />{{ basic.float('nav_statusTempWc', 'eg.heizen.wc.ist', 'temp') }}
</div>
</a>
</li>
<li data-icon="false" class="{{ pagepath matches '/eg/' and page == 'flur' ? 'ui-btn-active' : ''}}">
<a href="index.php?page=floors/eg/flur">
<img class="icon" src="{{ icon0 }}scene_stairs.svg"/><h3>Flur / Treppe</h3>
<div class="ui-li-aside">
{{ basic.symbol('nav_statusFensterDieleOffen', 'eg.fenster.diele', '', 'fts_window_2w_open_lr.svg', 1) }}
{{ basic.symbol('nav_statusFensterDieleZu', 'eg.fenster.diele', '', 'fts_window_2w.svg', 0, 'or', 'icon1') }}
<br />{{ basic.float('nav_statusTempFlur', 'eg.heizen.diele.ist', 'temp') }}
</div>
</a>
</li>
<li data-icon="false" class="{{ pagepath matches '/outdoor/' ? 'ui-btn-active' : ''}}">
<a href="index.php?page=floors/outdoor/garten">
<img class="icon" src="{{ icon0 }}control_building_outside.svg"/><h3>Außenanlagen</h3>
<div class="ui-li-aside">
{{ basic.float('nav_statusTempAussen', 'zentral.wetter.temperatur', 'temp') }}
{{ basic.float('nav_statusWind', 'zentral.wetter.wind', 'km/s') }} <br />
{{ basic.float('nav_statusLuxAussen', 'zentral.wetter.helligkeit', 'lux') }}
{{ basic.symbol('nav_statusRegen', 'zentral.wetter.niederschlag', '', 'weather_rain.svg', 1) }}
</div>
</a>
</li>
</ul>
</div>
<!-- Obergeschoss -->
<div data-role="collapsible" data-collapsed="false" data-theme="c" data-mini="false" data-inset="false">
<h4>Obergeschoss</h4>
<ul data-role="listview">
<li data-icon="false" class="{{ page == 'kind2' ? 'ui-btn-active' : ''}}">
<a href="index.php?page=floors/og/kind2">
<img class="icon" src="{{ icon0 }}scene_office.svg"/><h3>Büro</h3>
<div class="ui-li-aside">
{{ basic.symbol('nav_statusFensterKind2Offen', 'og.fenster.kind_2', '', 'fts_window_2w_open_lr.svg', 1) }}
{{ basic.symbol('nav_statusFensterKind2Zu', 'og.fenster.kind_2', '', 'fts_window_2w.svg', 0, 'or', 'icon1') }}
<br />{{ basic.float('nav_statusTempKind2', 'og.heizen.kind_2.ist', 'temp') }}
</div>
</a>
</li>
<li data-icon="false" class="{{ page == 'kind1' ? 'ui-btn-active' : ''}}">
<a href="index.php?page=floors/og/kind1">
<img class="icon" src="{{ icon0 }}scene_visit_guests.svg"/><h3>Gästezimmer</h3>
<div class="ui-li-aside">
{{ basic.symbol('nav_statusFensterKind1Offen', 'og.fenster.kind_1', '', 'fts_window_2w_open_lr.svg', 1) }}
{{ basic.symbol('nav_statusFensterKind1Zu', 'og.fenster.kind_1', '', 'fts_window_2w.svg', 0, 'or', 'icon1') }}
<br />{{ basic.float('nav_statusTempKind1', 'og.heizen.kind_1.ist', 'temp') }}
</div>
</a>
</li>
<li data-icon="false" class="{{ page == 'schlafzimmer' ? 'ui-btn-active' : ''}}">
<a href="index.php?page=floors/og/schlafzimmer">
<img class="icon" src="{{ icon0 }}scene_sleeping_alternat.svg"/><h3>Schlafzimmer</h3>
<div class="ui-li-aside">
{{ basic.symbol('nav_statusFensterSchlafenOffen', 'og.fenster.schlafzimmer', '', 'fts_window_2w_open_lr.svg', 1) }}
{{ basic.symbol('nav_statusFensterSchlafendZu', 'og.fenster.schlafzimmer', '', 'fts_window_2w.svg', 0, 'or', 'icon1') }}
<br />
{{ basic.float('nav_statusTempSchlafen', 'og.heizen.schlafzimmer.ist', 'temp') }}
</div>
</a>
</li>
<li data-icon="false" class="{{ page == 'bad' ? 'ui-btn-active' : ''}}">
<a href="index.php?page=floors/og/bad">
<img class="icon" src="{{ icon0 }}scene_bathroom.svg"/><h3>Bad</h3>
<div class="ui-li-aside">
{{ basic.symbol('nav_statusFensterBadOffen', 'og.fenster.bad.fenster', '', 'fts_window_2w_open_lr.svg', 1) }}
{{ basic.symbol('nav_statusFensterBadZu', 'og.fenster.bad.fenster', '', 'fts_window_2w.svg', 0, 'or', 'icon1') }}
{{ basic.symbol('nav_statusFensterBadVeluxOffen', 'og.fenster.bad.velux', '', 'fts_window_roof_open_2.svg', 1) }}
{{ basic.symbol('nav_statusFensterBadVeluxZu', 'og.fenster.bad.velux', '', 'fts_window_roof.svg', 0, 'or', 'icon1') }}
<br />
{{ basic.float('nav_statusTempBad', 'og.heizen.bad.ist', 'temp') }}
</div>
</a>
</li>
</ul>
</div>
<!-- Keller -->
<div data-role="collapsible" data-collapsed="false" data-theme="c" data-mini="false" data-inset="false">
<h4>Keller</h4>
<ul data-role="listview">
<li data-icon="false" class="{{ page == 'multimedia' ? 'ui-btn-active' : ''}}">
<a href="index.php?page=floors/kg/multimedia">
<img class="icon" src="{{ icon0 }}scene_cinema.svg"/><h3>Hobby</h3>
<div class="ui-li-aside">
{{ basic.symbol('nav_statusFensterMultimediaOffen', 'kg.fenster.multimedia', '', 'fts_window_2w_open_lr.svg', 1) }}
{{ basic.symbol('nav_statusFensterMultimediaZu', 'kg.fenster.multimedia', '', 'fts_window_2w.svg', 0, 'or', 'icon1') }}
<br />{{ basic.float('nav_statusTempMultimedia', 'kg.heizen.multimedia.ist', 'temp') }}
</div>
</a>
</li>
<li data-icon="false" class="{{ page == 'waschen' ? 'ui-btn-active' : ''}}">
<a href="index.php?page=floors/kg/waschen">
<img class="icon" src="{{ icon0 }}scene_laundry_room_fem.svg"/><h3>Waschen / Trocknen</h3>
<div class="ui-li-aside">
{{ basic.symbol('nav_statusFensterWaschenOffen', 'kg.fenster.waschen', '', 'fts_window_2w_open_lr.svg', 1) }}
{{ basic.symbol('nav_statusFensterWaschenZu', 'kg.fenster.waschen', '', 'fts_window_2w.svg', 0, 'or', 'icon1') }}
<br />{{ basic.float('nav_statusTempWaschen', 'kg.heizen.waschen.ist', 'temp') }}
</div>
</a>
</li>
<li data-icon="false" class="{{ page == 'hobby' ? 'ui-btn-active' : ''}}">
<a href="index.php?page=floors/kg/hobby">
<img class="icon" src="{{ icon0 }}scene_workshop.svg"/><h3>Werkstatt</h3>
<div class="ui-li-aside">
{{ basic.symbol('nav_statusFensterHobbyOffen', 'kg.fenster.hobby', '', 'fts_window_2w_open_lr.svg', 1) }}
{{ basic.symbol('nav_statusFensterHobbyZu', 'kg.fenster.hobby', '', 'fts_window_2w.svg', 0, 'or', 'icon1') }}
<br />{{ basic.float('nav_statusTempHobby', 'kg.heizen.hobby.ist', 'temp') }}
</div>
</a>
</li>
<li data-icon="false" class="{{ pagepath matches '/kg/' and page == 'flur' ? 'ui-btn-active' : ''}}">
<a href="index.php?page=floors/kg/flur">
<img class="icon" src="{{ icon0 }}scene_stairs.svg"/><h3>Flur / Vorratsraum</h3>
<div class="ui-li-aside">
</div>
</a>
</li>
</ul>
</div>
<!-- Dachgeschoss -->
<div data-role="collapsible" data-collapsed="false" data-theme="c" data-mini="false" data-inset="false">
<h4>Dachgeschoss</h4>
<ul data-role="listview">
<li data-icon="false" class="{{ page == 'hobby' ? 'ui-btn-active' : ''}}">
<a href="index.php?page=floors/dg/dg">
<img class="icon" src="{{ icon0 }}vent_ventilation.svg"/><h3>Spitzboden</h3>
<div class="ui-li-aside">
</div>
</a>
</li>
</ul>
</div>