2011-08-08 23:40:39 +04:00
|
|
|
<div id="controls">
|
|
|
|
<ul class="jp-controls">
|
|
|
|
<li><a href="#" class="jp-play" tabindex="1">play</a></li>
|
|
|
|
<li><a href="#" class="jp-pause" tabindex="1">pause</a></li>
|
|
|
|
<li><a href="#" class="jp-mute" tabindex="1">mute</a></li>
|
|
|
|
<li><a href="#" class="jp-unmute" tabindex="1">unmute</a></li>
|
|
|
|
<li><a href="#" class="jp-previous" tabindex="1">previous</a></li>
|
|
|
|
<li><a href="#" class="jp-next" tabindex="1">next</a></li>
|
|
|
|
</ul>
|
|
|
|
<div class="jp-progress">
|
|
|
|
<div class="jp-seek-bar">
|
|
|
|
<div class="jp-play-bar"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="jp-volume-bar">
|
|
|
|
<div class="jp-volume-bar-value"></div>
|
|
|
|
</div>
|
|
|
|
<div class="jp-current-time"></div>
|
|
|
|
<div class="jp-duration"></div>
|
|
|
|
<div class='player' id='jp-player'></div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="leftcontent">
|
|
|
|
<table id='playlist'>
|
|
|
|
<thead>
|
|
|
|
<tr>
|
|
|
|
<th class='name'><input id='selectAll' type='checkbox'>Name</th>
|
|
|
|
<th class='artist'>Artist</th>
|
|
|
|
</tr>
|
|
|
|
</thead>
|
|
|
|
<tbody>
|
|
|
|
<tr>
|
|
|
|
<td>
|
|
|
|
The playlist is empty
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
|
|
<tfoot>
|
|
|
|
<tr class='template'>
|
|
|
|
<td class='name'>
|
|
|
|
<input type='checkbox'>
|
|
|
|
<span></span>
|
|
|
|
</td>
|
|
|
|
<td class='artist'></td>
|
|
|
|
</tr>
|
|
|
|
</tfoot>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="rightcontent">
|
|
|
|
<div id='scan'>
|
|
|
|
<p id='scancount' style='display:none'><span class='songCount'>0</span> Songs scanned</p>
|
|
|
|
<div id="scanprogressbar"></div>
|
|
|
|
<input type='button' class='start' value='Recan Collection'></input>
|
|
|
|
<input type='button' class='stop' style='display:none' value='Pause'></input>
|
|
|
|
</div>
|
|
|
|
<table id='collection'>
|
|
|
|
<thead>
|
|
|
|
<th>Artist</th>
|
|
|
|
<th>Album</th>
|
|
|
|
<th>Title</th>
|
|
|
|
</thead>
|
|
|
|
<tbody>
|
|
|
|
<tr class='template'>
|
|
|
|
<td class='artist'><a/></td>
|
|
|
|
<td class='album'><a/></td>
|
|
|
|
<td class='title'><a/></td>
|
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</div>
|