jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-31 21:17:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'seek-feature' of https://github.com/zsarnett/home-assistant-polymer into zsarnett-seek-feature

Browse Source
This commit is contained in:
Zack 2020-02-18 20:25:38 -05:00
commit 1778fa6163
1 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/panels/lovelace/cards/hui-media-control-card.ts
View File

@ -119,6 +119,7 @@ export class HuiMediaControlCard extends LitElement implements LovelaceCard {
.max="${stateObj.attributes.media_duration}" .max="${stateObj.attributes.media_duration}"
.value="${stateObj.attributes.media_position}" .value="${stateObj.attributes.media_position}"
class="progress" class="progress"
@click=${this._handleSeek}
></paper-progress> ></paper-progress>
`} `}
<div class="controls"> <div class="controls">
@ -273,6 +274,16 @@ export class HuiMediaControlCard extends LitElement implements LovelaceCard {
}); });
} }
private _handleSeek(e: MouseEvent): void {
const percent = e.offsetX / this.offsetWidth;
const position = (e.currentTarget! as any).max * percent;
this.hass!.callService("media_player", "media_seek", {
entity_id: this._config!.entity,
seek_position: position,
});
}
static get styles(): CSSResult { static get styles(): CSSResult {
return css` return css`
.ratio { .ratio {
@ -383,6 +394,10 @@ export class HuiMediaControlCard extends LitElement implements LovelaceCard {
--paper-progress-active-color: var(--accent-color); --paper-progress-active-color: var(--accent-color);
--paper-progress-container-color: rgba(200, 200, 200, 0.5); --paper-progress-container-color: rgba(200, 200, 200, 0.5);
} }
.progress:hover {
--paper-progress-height: 8px;
}
`; `;
} }
} }