forked from platypush/platypush
64 lines
2.0 KiB
HTML
64 lines
2.0 KiB
HTML
<script type="text/javascript" src="{{ url_for('static', filename='js/widgets/music.js') }}"></script>
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/widgets/music.css') }}"></script>
|
|
|
|
<div class="music-container">
|
|
<div class="track-container">
|
|
<div class="no-track-info">No media is being played</div>
|
|
<div class="track-info">
|
|
<div class="artist" data-bind="artist"></div>
|
|
<div class="title" data-bind="title"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="time-container">
|
|
<div class="row">
|
|
<div class="time-bar">
|
|
<div class="elapsed"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="six columns">
|
|
<div class="time-elapsed" data-bind="time-elapsed"></div>
|
|
</div>
|
|
|
|
<div class="six columns">
|
|
<div class="time-total" data-bind="time-total"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="playback-status-container">
|
|
<div class="row playback-status-titles">
|
|
<div class="two columns offset-by-one">Volume</div>
|
|
<div class="two columns">Random</div>
|
|
<div class="two columns">Repeat</div>
|
|
<div class="two columns">Single</div>
|
|
<div class="two columns">Consume</div>
|
|
</div>
|
|
|
|
<div class="row playback-status-values">
|
|
<div class="two columns offset-by-one">
|
|
<div data-bind="playback-volume"></div>
|
|
</div>
|
|
|
|
<div class="two columns">
|
|
<div data-bind="playback-random"></div>
|
|
</div>
|
|
|
|
<div class="two columns">
|
|
<div data-bind="playback-repeat"></div>
|
|
</div>
|
|
|
|
<div class="two columns">
|
|
<div data-bind="playback-single"></div>
|
|
</div>
|
|
|
|
<div class="two columns">
|
|
<div data-bind="playback-consume"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|