2011-09-29 00:20:26 +04:00
|
|
|
<div class='player-controls' id="controls">
|
2011-08-08 23:40:39 +04:00
|
|
|
<ul class="jp-controls">
|
2012-05-07 01:00:36 +04:00
|
|
|
<li><a href="#" class="jp-play action"><img class="svg" alt="<?php echo $l->t('Play');?>" src="<?php echo OCP\image_path('core', 'actions/play-big.svg'); ?>" /></a></li>
|
|
|
|
<li><a href="#" class="jp-pause action"><img class="svg" alt="<?php echo $l->t('Pause');?>" src="<?php echo OCP\image_path('core', 'actions/pause-big.svg'); ?>" /></a></li>
|
|
|
|
<li><a href="#" class="jp-previous action"><img class="svg" alt="<?php echo $l->t('Previous');?>" src="<?php echo OCP\image_path('core', 'actions/play-previous.svg'); ?>" /></a></li>
|
|
|
|
<li><a href="#" class="jp-next action"><img class="svg" alt="<?php echo $l->t('Next');?>" src="<?php echo OCP\image_path('core', 'actions/play-next.svg'); ?>" /></a></li>
|
|
|
|
<li><a href="#" class="jp-mute action"><img class="svg" alt="<?php echo $l->t('Mute');?>" src="<?php echo OCP\image_path('core', 'actions/sound.svg'); ?>" /></a></li>
|
|
|
|
<li><a href="#" class="jp-unmute action"><img class="svg" alt="<?php echo $l->t('Unmute');?>" src="<?php echo OCP\image_path('core', 'actions/sound-off.svg'); ?>" /></a></li>
|
2011-08-08 23:40:39 +04:00
|
|
|
</ul>
|
|
|
|
<div class="jp-progress">
|
|
|
|
<div class="jp-seek-bar">
|
|
|
|
<div class="jp-play-bar"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2011-08-13 18:34:40 +04:00
|
|
|
<div class="jp-current-time"></div>
|
|
|
|
<div class="jp-duration"></div>
|
2011-08-08 23:40:39 +04:00
|
|
|
<div class="jp-volume-bar">
|
|
|
|
<div class="jp-volume-bar-value"></div>
|
|
|
|
</div>
|
2011-09-28 13:45:22 +04:00
|
|
|
<div class="jp-current-song"></div>
|
2011-08-13 18:34:40 +04:00
|
|
|
|
2011-08-09 00:31:17 +04:00
|
|
|
<div class="player" id="jp-player"></div>
|
2011-09-25 02:17:54 +04:00
|
|
|
|
|
|
|
<div id="scan">
|
|
|
|
<input type="button" class="start" value="<?php echo $l->t('Rescan Collection')?>" />
|
|
|
|
<input type="button" class="stop" style="display:none" value="<?php echo $l->t('Pause')?>" />
|
|
|
|
<div id="scanprogressbar"></div>
|
|
|
|
</div>
|
2011-08-08 23:40:39 +04:00
|
|
|
</div>
|
|
|
|
|
2011-08-11 13:27:14 +04:00
|
|
|
<ul id="leftcontent"></ul>
|
2011-08-08 23:40:39 +04:00
|
|
|
|
|
|
|
<div id="rightcontent">
|
2011-08-09 00:31:17 +04:00
|
|
|
<table id="collection">
|
2011-08-08 23:40:39 +04:00
|
|
|
<thead>
|
2011-08-20 07:07:58 +04:00
|
|
|
<tr>
|
|
|
|
<th><?php echo $l->t('Artist')?></th>
|
|
|
|
<th><?php echo $l->t('Album')?></th>
|
|
|
|
<th><?php echo $l->t('Title')?></th>
|
|
|
|
</tr>
|
2011-08-08 23:40:39 +04:00
|
|
|
</thead>
|
|
|
|
<tbody>
|
2011-08-09 00:31:17 +04:00
|
|
|
<tr class="template">
|
2011-08-20 07:07:58 +04:00
|
|
|
<td class="artist"><a></a></td>
|
2012-01-19 18:14:24 +04:00
|
|
|
<td class="artist-expander"><a></a></td>
|
2011-08-20 07:07:58 +04:00
|
|
|
<td class="album"><a></a></td>
|
2012-01-19 18:14:24 +04:00
|
|
|
<td class="album-expander"><a></a></td>
|
2011-08-20 07:07:58 +04:00
|
|
|
<td class="title"><a></a></td>
|
2011-08-08 23:40:39 +04:00
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</div>
|