Congegni/sintonia
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

-added now-playing bar with new design!

Browse source
This commit is contained in:
martin 2011-01-26 20:59:56 -05:00
parent 9e20e935ca
commit 8151ec6429
7 changed files with 108 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

2
application/views/scripts/nowplaying/index.phtml
View file

@ -58,7 +58,7 @@ function createDataGrid(){
$('#example').dataTable( {
"bSort" : false,
"bJQueryUI": true,
"bFilter": true,
"bFilter": false,
"bInfo": false,
"bLengthChange": false,
"aaData": datagridData.rows,

38
application/views/scripts/partialviews/header.phtml
View file

@ -1,3 +1,4 @@
<!--
<div id='col0' style='float:left; width: 10%; height: 100%;'>
<div><a href="Nowplaying/livestream" onClick="return popup(this)">Listen</a></div>
</div>
@ -20,6 +21,43 @@
<div><span id='progressbar'></span> <span id='songposition'></span> | <span id='songlength'></span></div>
<div><span id='showprogressbar'></span> <span id='showposition'></span> | <span id='showlength'></span></div>
</div>
-->
<div id="master-panel">
<div class="now-playing-block">
<div class="text-row"><strong>Previous:</strong> <span id='previous'></span> <span id='prev-length'>04:45</span></div>
<div class="now-playing-info song">
<div class="time-flow"><span class="time-elapsed" id="time-elapsed">03:05</span><span class="time-remaining" id="time-remaining">01:05</span></div>
<span id='current'>Engl - Rammstein</span> <span class="length" id="song-length">04:10</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'>Engl - Rammstein</span> <span id='next-length'>03:56</span></div>
</div>
<div class="show-block">
<div class="text-row">&nbsp;</div>
<div class="now-playing-info show"> <span id='playlist'>The Fast Show</span> <span class="length" id="show-length">16:00 - 17:00</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">16:45:16</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){