2019-07-01 22:26:04 +02:00
|
|
|
{%
|
|
|
|
with pluginIcons = {
|
2019-07-19 15:20:48 +02:00
|
|
|
'camera': 'fas fa-camera',
|
2019-12-18 01:00:56 +01:00
|
|
|
'camera.android.ipcam': 'fab fa-android',
|
2019-12-17 22:44:15 +01:00
|
|
|
'camera.pi': 'fab fa-raspberry-pi',
|
2019-09-26 11:15:18 +02:00
|
|
|
'camera.ir.mlx90640': 'fas fa-sun',
|
2019-12-08 16:25:03 +01:00
|
|
|
'execute': 'fas fa-play',
|
2019-12-22 18:09:19 +01:00
|
|
|
'gpio': 'fas fa-plug',
|
|
|
|
'gpio.zeroborg': 'fas fa-robot',
|
2019-07-01 22:26:04 +02:00
|
|
|
'light.hue': 'fa fa-lightbulb',
|
|
|
|
'media.mplayer': 'fa fa-film',
|
|
|
|
'media.mpv': 'fa fa-film',
|
|
|
|
'media.omxplayer': 'fa fa-film',
|
|
|
|
'media.vlc': 'fa fa-film',
|
|
|
|
'music.mpd': 'fa fa-music',
|
|
|
|
'music.snapcast': 'fa fa-volume-up',
|
2019-07-02 14:34:05 +02:00
|
|
|
'sensors': 'fas fa-thermometer-half',
|
2019-07-23 18:22:00 +02:00
|
|
|
'sound': 'fas fa-microphone',
|
2019-07-02 12:02:28 +02:00
|
|
|
'switches': 'fa fa-toggle-on',
|
2019-07-01 22:26:04 +02:00
|
|
|
'tts': 'fa fa-comment',
|
|
|
|
'tts.google': 'fa fa-comment',
|
2020-05-03 17:21:16 +02:00
|
|
|
'tv.samsung.ws': 'fas fa-tv',
|
2020-02-23 22:54:50 +01:00
|
|
|
'zigbee.mqtt': 'fa fa-zigbee',
|
2020-02-10 00:39:26 +01:00
|
|
|
'zwave': 'fa fa-zwave',
|
2019-07-01 22:26:04 +02:00
|
|
|
}
|
|
|
|
%}
|
|
|
|
|
2019-05-23 18:51:28 +02:00
|
|
|
<nav>
|
2019-05-26 03:53:48 +02:00
|
|
|
<ul>
|
2019-05-23 18:51:28 +02:00
|
|
|
{% for plugin in plugins|sort %}
|
2019-07-01 22:26:04 +02:00
|
|
|
<li :class="{selected: '{{ plugin }}' == selectedPlugin}" title="{{ plugin }}">
|
2019-05-23 18:51:28 +02:00
|
|
|
<a href="#{{ plugin }}" @click="selectedPlugin = '{{ plugin }}'">
|
2019-07-01 22:26:04 +02:00
|
|
|
{% if plugin in pluginIcons %}
|
|
|
|
<i class="{{ pluginIcons[plugin] }}"></i>
|
|
|
|
{% else %}
|
2019-07-02 12:02:28 +02:00
|
|
|
{{ plugin }}
|
2019-07-01 22:26:04 +02:00
|
|
|
{% endif %}
|
2019-05-23 18:51:28 +02:00
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
{% endfor %}
|
2019-07-19 00:50:45 +02:00
|
|
|
</ul>
|
2019-05-23 18:51:28 +02:00
|
|
|
|
2019-07-19 00:50:45 +02:00
|
|
|
<div class="date-time pull-right">
|
2020-05-20 16:15:08 +02:00
|
|
|
<a href="#" class="settings" @click="toggleFullScreen()">
|
|
|
|
<i class="fas fa-compress"></i>
|
|
|
|
</a>
|
|
|
|
|
2019-07-19 00:50:45 +02:00
|
|
|
<a href="/settings" class="settings">
|
|
|
|
<i class="fas fa-cog"></i>
|
|
|
|
</a>
|
2019-07-16 20:28:00 +02:00
|
|
|
|
2019-07-19 00:50:45 +02:00
|
|
|
<div class="time" v-text="now.toTimeString().substring(0,8)"></div>
|
|
|
|
</div>
|
2019-05-23 18:51:28 +02:00
|
|
|
</nav>
|
|
|
|
|
2019-07-01 22:26:04 +02:00
|
|
|
{% endwith %}
|
|
|
|
|