104 lines
4.2 KiB
HTML
104 lines
4.2 KiB
HTML
<script type="text/javascript" src="{{ url_for('static', filename='js/music.snapcast.js') }}"></script>
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/music.snapcast.css') }}"></script>
|
|
|
|
<script type="text/javascript">
|
|
window.config = window.config || {};
|
|
window.config.snapcast_hosts = {};
|
|
|
|
hosts = JSON.parse('{{ utils.to_json(utils.get_plugin("music.snapcast").backend_hosts) | safe }}');
|
|
ports = JSON.parse('{{ utils.to_json(utils.get_plugin("music.snapcast").backend_ports) | safe }}');
|
|
|
|
for (var i=0; i < hosts.length; i++) {
|
|
window.config.snapcast_hosts[hosts[i]] = ports[i];
|
|
}
|
|
</script>
|
|
|
|
<div id="snapcast-group-modal" class="modal snapcast-modal">
|
|
<div class="modal-container">
|
|
<div class="modal-header"></div>
|
|
<div class="modal-body">
|
|
<form id="snapcast-group-form" class="snapcast-form" action="#">
|
|
<div class="row snapcast-form-bottom">
|
|
<div class="six columns offset-by-six forms-btns">
|
|
<input type="button" class="btn-default" data-dismiss-modal="#snapcast-group-modal"
|
|
value="Close">
|
|
<input type="submit" class="btn-primary" value="Save">
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="snapcast-client-modal" class="modal snapcast-modal">
|
|
<div class="modal-container">
|
|
<div class="modal-header"></div>
|
|
<div class="modal-body">
|
|
<form id="snapcast-client-form" class="snapcast-form" action="#">
|
|
<div class="row form-row">
|
|
<div class="two columns">
|
|
<label for="name">Name</label>
|
|
</div>
|
|
<div class="ten columns">
|
|
<input type="text" name="name">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row snapcast-client-info">
|
|
<div class="row">
|
|
<div class="three columns info-name">IP Address</div>
|
|
<div class="nine columns info-value" data-bind="ip"></div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="three columns info-name">MAC Address</div>
|
|
<div class="nine columns info-value" data-bind="mac"></div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="three columns info-name">OS</div>
|
|
<div class="nine columns info-value" data-bind="os"></div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="three columns info-name">Architecture</div>
|
|
<div class="nine columns info-value" data-bind="arch"></div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="three columns info-name">Client Name</div>
|
|
<div class="nine columns info-value" data-bind="clientName"></div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="three columns info-name">Client Version</div>
|
|
<div class="nine columns info-value" data-bind="clientVersion"></div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="three columns info-name">Protocol Version</div>
|
|
<div class="nine columns info-value" data-bind="protocolVersion"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row snapcast-client-delete">
|
|
<input type="checkbox" name="delete">
|
|
<label for="delete">Delete client</label>
|
|
</div>
|
|
|
|
<div class="row snapcast-form-bottom">
|
|
<div class="six columns offset-by-six forms-btns">
|
|
<input type="button" class="btn-default" data-dismiss-modal="#snapcast-client-modal"
|
|
value="Close">
|
|
<input type="submit" class="btn-primary" value="Save">
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="snapcast-container" class="row">
|
|
</div>
|
|
|