58 lines
1.9 KiB
PHTML
58 lines
1.9 KiB
PHTML
<div id="master-panel">
|
|
<div class="now-playing-block">
|
|
<div class="text-row"><strong>Previous:</strong> <span id='previous'></span> <span id='prev-length'></span></div>
|
|
<div class="now-playing-info song">
|
|
<div class="time-flow"><span class="time-elapsed" id="time-elapsed"></span><span class="time-remaining" id="time-remaining"></span></div>
|
|
<span id='current'></span> <span class="length" id="song-length"></span> </div>
|
|
<div class="progressbar">
|
|
<div class="progress-song" id="progress-bar" style="width:0%;"></div>
|
|
</div>
|
|
<div class="text-row next-song"><strong>Next:</strong> <span id='next'></span> <span id='next-length'></span></div>
|
|
</div>
|
|
<div class="show-block">
|
|
<div class="text-row"> </div>
|
|
<div class="now-playing-info show"> <span id='playlist'></span> <span class="length" id="show-length"></span> </div>
|
|
<div class="progressbar">
|
|
<div class="progress-show" id='progress-show' style="width:0%;"></div>
|
|
</div>
|
|
</div>
|
|
<div class="on-air-block">
|
|
<div class="on-air-info off" id="on-air-info">ON AIR</div>
|
|
</div>
|
|
<div class="time-info-block">
|
|
<ul>
|
|
<li>Station time</li>
|
|
<li class="time" id="time"></li>
|
|
<li class="time-zone">CET</li>
|
|
</ul>
|
|
</div>
|
|
<div class="personal-block">
|
|
<ul>
|
|
<li>Signed in:</li>
|
|
<li class="name">Vladimir Stefanovic</li>
|
|
<li><a href="/Login/logout">Logout</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
function popup(mylink){
|
|
if (!window.focus)
|
|
return true;
|
|
var href;
|
|
if (typeof(mylink) == 'string')
|
|
href=mylink;
|
|
else
|
|
href=mylink.href;
|
|
window.open(href, "player", 'width=300,height=100,scrollbars=yes');
|
|
return false;
|
|
}
|
|
</script>
|
|
|
|
<script type="text/javascript">
|
|
$(document).ready(function() {
|
|
//initialize the playlist bar in the included playlist.js
|
|
init("nowplayingbar");
|
|
});
|
|
</script>
|