-basic now-playing toolbar. Some data still needs to be populated.

This commit is contained in:
mkonecny 2011-01-19 18:32:20 -05:00
parent 7a11f2aa41
commit 7450195854
5 changed files with 158 additions and 163 deletions

View file

@ -193,7 +193,10 @@ class ScheduleController extends Zend_Controller_Action
public function viewPlaylistAction()
{
//TODO: insert code for datagrid
$this->view->headScript()->appendFile('/js/playlist/playlist.js','text/javascript');
$this->view->headScript()->appendFile('/js/progressbar/jquery.progressbar.min.js','text/javascript');
$this->_helper->viewRenderer->setResponseSegment('nowplaying');
}
public function getCurrentPlaylistAction()

View file

@ -3,27 +3,15 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Airtime</title>
<title>Airtime!!</title>
<?php echo $this->headScript() ?>
<?php echo $this->headLink() ?>
</head>
<body>
<div id="nowplayingbar"><?php echo $this->layout()->nowplaying ?></div>
<div id="nav"><?php echo $this->navigation()->menu()->setRenderInvisible(true) ?></div>
<div id="content" style="height: auto"><?php echo $this->layout()->content ?></div>
<!--
<div style="z-index: 1; position: absolute; width: 100%; left: 0px; right: 0px; bottom: 0px; color: black; min-height: 100px; background-color: #cc3300;">
<div style="float:left; width: 15%; height: 100%;">&nbsp;</div>
<div style="float:left; width: 25%; height: 100%;"><div>Show:</div><div>Playlist:</div><div>Host:</div></div>
<div style="float:left; width: 30%; height: 100%;"><div>Previous:</div><div>Current:</div><div>Upcoming:</div></div>
<div style="float:left; width: 30%; height: 100%;" id="list0" ></div>
</div>
<script>
$(document).ready(function() {
$("#list0").playlistViewer();
});
</script>
-->
<div id="content"><?php echo $this->layout()->content ?></div>
</body>
</html>

View file

@ -1,9 +1,21 @@
<div>
<script>
$(document).ready(function() {
$("#list1").playlistViewer();
});
</script>
<div id="list1"></div>
<div id='col0' style='float:left; width: 10%; height: 100%;'>
<div>Listen</div>
<div>Volume</div>
</div>
<div id='col1' style='float:left; width: 30%; height: 100%;'>
<div>Show: <span id='show'></span></div>
<div>Playlist: <span id='playlist'></span></div>
<div>Host: <span id='host'></span></div>
</div>
<div id='col2' style='float:left; width: 30%; height: 100%;'>
<div>Previous: <span id='previous'></span></div>
<div>Current: <span id='current'></span></div>
<div>Upcoming: <span id='next'></span></div>
</div>
<div id='list0' style='float:left; width: 30%; height: 100%;'></div>
<div>Start: <span id='start'></span> End: <span id='end'></span></div>
<div id='progressbar'></div>
</div>