jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-30 20:56:36 +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}"
.value="${stateObj.attributes.media_position}"
class="progress"
@click=${this._handleSeek}
></paper-progress>
`}
<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 {
return css`
.ratio {
@ -383,6 +394,10 @@ export class HuiMediaControlCard extends LitElement implements LovelaceCard {
--paper-progress-active-color: var(--accent-color);
--paper-progress-container-color: rgba(200, 200, 200, 0.5);
}
.progress:hover {
--paper-progress-height: 8px;
}
`;
}
}