Fix play/pause icon (#825)

* Fix play/pause icon

* Fix hidden
This commit is contained in:
c727 2018-01-22 04:50:12 +01:00 committed by Paulus Schoutsen
parent 9c2f6e591d
commit 89464c16ff

View File

@ -65,9 +65,9 @@
<template is='dom-if' if='[[computeShowPlaybackControls(isOff, hasMediaControl)]]'> <template is='dom-if' if='[[computeShowPlaybackControls(isOff, hasMediaControl)]]'>
<paper-icon-button icon='mdi:skip-previous' on-tap='handlePrevious' <paper-icon-button icon='mdi:skip-previous' on-tap='handlePrevious'
hidden$='[[!supportsPreviousTrack]]'></paper-icon-button> hidden$='[[!supportsPreviousTrack]]'></paper-icon-button>
<paper-icon-button icon='[[computePlaybackControlIcon(stateObj)]]' <paper-icon-button icon='[[computePlaybackControlIcon(isPlaying)]]'
on-tap='handlePlaybackControl' on-tap='handlePlaybackControl'
hidden$='[[!computePlaybackControlIcon(stateObj)]]' highlight></paper-icon-button> hidden$='[[!computePlaybackControlIcon(isPlaying)]]' highlight></paper-icon-button>
<paper-icon-button icon='mdi:skip-next' on-tap='handleNext' <paper-icon-button icon='mdi:skip-next' on-tap='handleNext'
hidden$='[[!supportsNextTrack]]'></paper-icon-button> hidden$='[[!supportsNextTrack]]'></paper-icon-button>
</template> </template>
@ -295,8 +295,8 @@
return !isOff && hasMedia; return !isOff && hasMedia;
} }
computePlaybackControlIcon() { computePlaybackControlIcon(isPlaying) {
if (this.isPlaying) { if (isPlaying) {
return this.supportsPause ? 'mdi:pause' : 'mdi:stop'; return this.supportsPause ? 'mdi:pause' : 'mdi:stop';
} }
return this.supportsPlay ? 'mdi:play' : null; return this.supportsPlay ? 'mdi:play' : null;