2019-07-01 22:26:04 +02:00
|
|
|
{%
|
|
|
|
with pluginIcons = {
|
|
|
|
'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-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',
|
|
|
|
}
|
|
|
|
%}
|
|
|
|
|
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-05-26 03:53:48 +02:00
|
|
|
<div class="date-time pull-right">
|
|
|
|
<div class="time" v-text="now.toTimeString().substring(0,8)"></div>
|
|
|
|
</div>
|
2019-05-23 18:51:28 +02:00
|
|
|
</ul>
|
|
|
|
</nav>
|
|
|
|
|
2019-07-01 22:26:04 +02:00
|
|
|
{% endwith %}
|
|
|
|
|