57 lines
1.9 KiB
HTML
57 lines
1.9 KiB
HTML
<link rel='import' href='../../bower_components/polymer/polymer.html'>
|
|
|
|
<link rel='import' href='../../bower_components/paper-icon-button/paper-icon-button.html'>
|
|
|
|
<dom-module id='more-info-media_player'>
|
|
<style>
|
|
.media-state {
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
paper-icon-button[highlight] {
|
|
color: var(--accent-color);
|
|
}
|
|
|
|
.volume {
|
|
margin-bottom: 8px;
|
|
|
|
max-height: 0px;
|
|
overflow: hidden;
|
|
transition: max-height .5s ease-in;
|
|
}
|
|
|
|
.has-volume_level .volume {
|
|
max-height: 40px;
|
|
}
|
|
</style>
|
|
<template>
|
|
<div class$='[[computeClassNames(stateObj)]]'>
|
|
<div class='layout horizontal'>
|
|
<div class='flex'>
|
|
<paper-icon-button icon='power-settings-new' highlight$='[[isOff]]'
|
|
on-tap='handleTogglePower'
|
|
hidden$='[[computeHidePowerButton(isOff, supportsTurnOn, supportsTurnOff)]]'></paper-icon-button>
|
|
</div>
|
|
<div>
|
|
<template is='dom-if' if='[[!isOff]]'>
|
|
<paper-icon-button icon='av:skip-previous' on-tap='handlePrevious'
|
|
hidden$='[[!supportsPreviousTrack]]'></paper-icon-button>
|
|
<paper-icon-button icon='[[computePlaybackControlIcon(stateObj)]]'
|
|
on-tap='handlePlaybackControl' highlight></paper-icon-button>
|
|
<paper-icon-button icon='av:skip-next' on-tap='handleNext'
|
|
hidden$='[[!supportsNextTrack]]'></paper-icon-button>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
<div class='volume center horizontal layout' hidden$='[[!supportsVolumeSet]]'>
|
|
<paper-icon-button on-tap="handleVolumeTap"
|
|
icon="[[computeMuteVolumeIcon(isMuted)]]"></paper-icon-button>
|
|
<paper-slider disabled$='[[isMuted]]'
|
|
min='0' max='100' value='[[volumeSliderValue]]'
|
|
on-change='volumeSliderChanged' class='flex'>
|
|
</paper-slider>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</dom-module>
|