danbarber/mpd-client
1
0
Fork 0
mirror of https://github.com/danbee/mpd-client synced 2025-03-04 08:39:09 +00:00
Code Issues Releases Wiki Activity

Add disabled state for buttons.

Browse Source
This commit is contained in:
Dan Barber 2014-04-14 12:46:48 +01:00
parent 02f441806e
commit 49cb0746c6
3 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
assets/javascripts/controllers/transport.controller.js
View File

@ -21,6 +21,10 @@ mpdClient.controller('transport', function ($scope, api, serverEvents) {
return $scope.status.state == 'play' return $scope.status.state == 'play'
} }
$scope.playingOrPaused = function () {
return $scope.status.state == 'play' || $scope.status.state == 'pause'
}
$scope.markerPosition = function () { $scope.markerPosition = function () {
return ($scope.elapsedTime / $scope.totalTime) * 100 return ($scope.elapsedTime / $scope.totalTime) * 100
} }

6
assets/javascripts/views/transport.html
View File

@ -7,10 +7,10 @@
</div> </div>
</div> </div>
<nav class="controls"> <nav class="controls">
<button ng-click="sendCommand('previous')">previous</button> <button ng-click="sendCommand('previous')" ng-disabled="!playingOrPaused()">previous</button>
<button ng-click="sendCommand('pause')" ng-if="playing()">pause</button> <button ng-click="sendCommand('pause')" ng-if="playing()">pause</button>
<button ng-click="sendCommand('play')" ng-if="!playing()">play</button> <button ng-click="sendCommand('play')" ng-if="!playing()">play</button>
<button ng-click="sendCommand('stop')">stop</button> <button ng-click="sendCommand('stop')" ng-disabled="!playingOrPaused()">stop</button>
<button ng-click="sendCommand('next')">next</button> <button ng-click="sendCommand('next')" ng-disabled="!playingOrPaused()">next</button>
</nav> </nav>
</div> </div>

3
assets/stylesheets/transport.css.sass
View File

@ -17,6 +17,9 @@
&:hover, &:focus &:hover, &:focus
text-shadow: 0 0 10px rgba(255, 255, 255, 1) text-shadow: 0 0 10px rgba(255, 255, 255, 1)
&[disabled]
opacity: 0.25
.scrubber .scrubber
@include clearfix @include clearfix
padding: 0.5em 25px 0 padding: 0.5em 25px 0