thomas/hass-browser_mod
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Tweak browser-player card icons

Browse Source
This commit is contained in:
Thomas Lovén 2021-11-02 20:20:12 +00:00
parent 604a34540e
commit a0a50d701a
1 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
js/browser-player.js
View File

@ -27,8 +27,11 @@ Promise.race(bases).then(() => {
return {};
}
setConfig(config) {
async setConfig(config) {
this._config = config;
while (!window.browser_mod) {
await new Promise((resolve) => setTimeout(resolve, 1000));
}
for (const event of [
"play",
"pause",
@ -72,11 +75,10 @@ Promise.race(bases).then(() => {
return html`
<ha-card>
<div class="card-content">
<ha-icon-button
<ha-icon-button @click=${this.handleMute}>
<ha-icon
.icon=${player.muted ? "mdi:volume-off" : "mdi:volume-high"}
@click=${this.handleMute}
>
<ha-icon .icon=${player.muted ? "mdi:volume-off" : "mdi:volume-high"}></ha-icon>
></ha-icon>
</ha-icon-button>
<ha-slider
min="0"
@ -90,18 +92,13 @@ Promise.race(bases).then(() => {
${window.browser_mod.player_state === "stopped"
? html`<div class="placeholder"></div>`
: html`
<ha-icon-button
<ha-icon-button @click=${this.handlePlayPause} highlight>
<ha-icon
.icon=${player.paused ? "mdi:play" : "mdi:pause"}
@click=${this.handlePlayPause}
highlight
>
<ha-icon .icon=${player.paused ? "mdi:play" : "mdi:pause"}></ha-icon>
></ha-icon>
</ha-icon-button>
`}
<ha-icon-button
.icon=${"mdi:cog"}
@click=${this.handleMoreInfo}
>
<ha-icon-button @click=${this.handleMoreInfo}>
<ha-icon .icon=${"mdi:cog"}></ha-icon>
</ha-icon-button>
</div>
@ -133,6 +130,9 @@ Promise.race(bases).then(() => {
-moz-user-select: all;
-ms-user-select: all;
}
ha-icon-button ha-icon {
display: flex;
}
`;
}
}