platypush/platypush/backend/http/templates/plugins/music.snapcast/group.html
2019-06-10 15:11:24 +02:00

33 lines
1.3 KiB
HTML

{% include 'plugins/music.snapcast/client.html' %}
<script type="text/x-template" id="tmpl-music-snapcast-group">
<div class="group">
<div class="head">
<div class="col-10 name"
@click="bus.$emit('modal-show', {type:'group', group:id, host:server.name})">
<i class="icon fa" :class="{'fa-play': stream.status === 'playing', 'fa-stop': stream.status !== 'playing'}"></i>
{% raw %}{{ name || stream.id || id }}{% endraw %}
</div>
<div class="col-2 switch pull-right">
<toggle-switch :glow="true" :value="!muted" @toggled="muteToggled"></toggle-switch>
</div>
</div>
<music-snapcast-client
v-for="client in clients"
:key="client.id"
:config="client.config"
:connected="client.connected"
:server="server"
:host="client.host"
:groupId="id"
:id="client.id"
:lastSeen="client.lastSeen"
:bus="bus"
:snapclient="client.snapclient">
</music-snapcast-client>
</div>
</script>
<script type="application/javascript" src="{{ url_for('static', filename='js/plugins/music.snapcast/group.js') }}"></script>