9f24576d04
- Added angular-ui's ui-sortable directive - Removed our custom drag & drop handlers, they are replaced by ui-sortable. - Refactored queue.js to better comply with https://github.com/johnpapa/angular-styleguide#controllers. Having the exposed
58 lines
2 KiB
HTML
58 lines
2 KiB
HTML
<div class="headeractions">
|
|
<a
|
|
class="buttonimg"
|
|
title="Shuffle Queue"
|
|
ng-click="vm.shuffleQueue()"
|
|
><img src="images/fork_gd_11x12.png"></a>
|
|
<a
|
|
class="buttonimg"
|
|
title="Delete Queue"
|
|
ng-click="vm.emptyQueue()"
|
|
><img src="images/trash_fill_gd_12x12.png"></a>
|
|
<a
|
|
class="buttonimg"
|
|
title="Remove Selected From Queue"
|
|
ng-click="vm.removeSelectedSongsFromQueue()"
|
|
><img src="images/x_11x11.png"></a>
|
|
</div>
|
|
<div class="header">Queue</div>
|
|
<div id="SideQueue">
|
|
<ul class="simplelist songlist noselect">
|
|
<div
|
|
class="songs"
|
|
ui-sortable
|
|
ng-model="vm.player.queue"
|
|
>
|
|
<li
|
|
ng-repeat="song in vm.player.queue track by $index"
|
|
class="row song id{{song.id}}"
|
|
ng-click="vm.toggleSelection(song)"
|
|
ng-dblclick="vm.playSong(song)"
|
|
ng-class="{'selected': song.selected, 'playing': vm.isPlayingSong(song)}"
|
|
>
|
|
<div class="itemactions">
|
|
<a
|
|
class="remove"
|
|
href=""
|
|
title="Remove Song"
|
|
ng-click="vm.removeSongFromQueue(song)"
|
|
stop-event="click"
|
|
></a>
|
|
<a
|
|
href=""
|
|
title="Star"
|
|
ng-class="{'favorite': song.starred, 'rate': ! song.starred}"
|
|
ng-click="vm.toggleStar(song)"
|
|
stop-event="click"
|
|
></a>
|
|
<div class="clear"></div>
|
|
</div>
|
|
<div class="title floatleft" title="{{ song.description }}" ng-bind-html="song.name"></div>
|
|
<div class="time floatleft">{{ song.time }}</div>
|
|
<div class="clear"></div>
|
|
</li>
|
|
|
|
</div>
|
|
</ul>
|
|
<div class="colspacer"></div>
|
|
</div>
|