84 lines
3.9 KiB
HTML
84 lines
3.9 KiB
HTML
|
{% include 'plugins/music.snapcast/host.html' %}
|
||
|
|
||
|
<script type="text/x-template" id="tmpl-music-snapcast">
|
||
|
<div class="row music-snapcast-container">
|
||
|
<modal id="music-snapcast-host-info" title="Server info" v-model="modal.host.visible" ref="modalHost">
|
||
|
<music-snapcast-host-info v-if="modal.host.visible" :info="modal.host.info" inline-template>
|
||
|
<div class="info">
|
||
|
<div class="row" v-if="info.server.host.ip && modal.host.info.server.host.ip.length">
|
||
|
<div class="label col-3">IP Address</div>
|
||
|
<div class="value col-9" v-text="modal.host.info.server.host.ip"></div>
|
||
|
</div>
|
||
|
|
||
|
<div class="row" v-if="info.server.host.mac && info.server.host.mac.length">
|
||
|
<div class="label col-3">MAC Address</div>
|
||
|
<div class="value col-9" v-text="info.server.host.mac"></div>
|
||
|
</div>
|
||
|
|
||
|
<div class="row" v-if="info.server.host.name && info.server.host.name.length">
|
||
|
<div class="label col-3">Name</div>
|
||
|
<div class="value col-9" v-text="info.server.host.name"></div>
|
||
|
</div>
|
||
|
|
||
|
<div class="row" v-if="info.server.host.port">
|
||
|
<div class="label col-3">Port</div>
|
||
|
<div class="value col-9" v-text="info.server.host.port"></div>
|
||
|
</div>
|
||
|
|
||
|
<div class="row" v-if="info.server.host.os && info.server.host.os.length">
|
||
|
<div class="label col-3">OS</div>
|
||
|
<div class="value col-9" v-text="info.server.host.os"></div>
|
||
|
</div>
|
||
|
|
||
|
<div class="row" v-if="info.server.host.arch && info.server.host.arch.length">
|
||
|
<div class="label col-3">Architecture</div>
|
||
|
<div class="value col-9" v-text="info.server.host.arch"></div>
|
||
|
</div>
|
||
|
|
||
|
<div class="row">
|
||
|
<div class="label col-3">Server name</div>
|
||
|
<div class="value col-9" v-text="info.server.snapserver.name"></div>
|
||
|
</div>
|
||
|
|
||
|
<div class="row">
|
||
|
<div class="label col-3">Server version</div>
|
||
|
<div class="value col-9" v-text="info.server.snapserver.version"></div>
|
||
|
</div>
|
||
|
|
||
|
<div class="row">
|
||
|
<div class="label col-3">Protocol version</div>
|
||
|
<div class="value col-9" v-text="info.server.snapserver.protocolVersion"></div>
|
||
|
</div>
|
||
|
|
||
|
<div class="row">
|
||
|
<div class="label col-3">Control protocol version</div>
|
||
|
<div class="value col-9" v-text="info.server.snapserver.controlProtocolVersion"></div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</music-snapcast-host-info>
|
||
|
</modal>
|
||
|
|
||
|
<modal id="music-snapcast-group-info" title="Group info" v-if="modal.group.visible" v-model="modal.group.visible" ref="modalGroup">
|
||
|
<music-snapcast-group-info :info="modal.group.info" inline-template>
|
||
|
<p>IT WORKED!</p>
|
||
|
</music-snapcast-group-info>
|
||
|
</modal>
|
||
|
|
||
|
<modal id="music-snapcast-client-info" title="Client info" v-if="modal.client.visible" v-model="modal.client.visible" ref="modalClient">
|
||
|
<music-snapcast-client-info :info="modal.client.info" inline-template>
|
||
|
<p>IT WORKED!</p>
|
||
|
</music-snapcast-client-info>
|
||
|
</modal>
|
||
|
|
||
|
<music-snapcast-host
|
||
|
v-for="host in hosts"
|
||
|
:key="host.server.host.name"
|
||
|
:server="host.server"
|
||
|
:streams="host.streams"
|
||
|
:groups="host.groups"
|
||
|
:bus="bus">
|
||
|
</music-snapcast-host>
|
||
|
</div>
|
||
|
</script>
|
||
|
|