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

fix icons

Browse Source
This commit is contained in:
regevbr 2021-10-28 18:49:09 +03:00 committed by Thomas Lovén
parent aaa70e3043
commit 604a34540e
2 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
custom_components/browser_mod/browser_mod.js
View File

@ -93,7 +93,9 @@ const e="lovelace-player-device-id";function t(){if(!localStorage[e]){const t=()
<ha-icon-button <ha-icon-button
.icon=${e.muted?"mdi:volume-off":"mdi:volume-high"} .icon=${e.muted?"mdi:volume-off":"mdi:volume-high"}
@click=${this.handleMute} @click=${this.handleMute}
></ha-icon-button> >
<ha-icon .icon=${e.muted?"mdi:volume-off":"mdi:volume-high"}></ha-icon>
</ha-icon-button>
<ha-slider <ha-slider
min="0" min="0"
max="1" max="1"
@ -108,12 +110,16 @@ const e="lovelace-player-device-id";function t(){if(!localStorage[e]){const t=()
.icon=${e.paused?"mdi:play":"mdi:pause"} .icon=${e.paused?"mdi:play":"mdi:pause"}
@click=${this.handlePlayPause} @click=${this.handlePlayPause}
highlight highlight
></ha-icon-button> >
<ha-icon .icon=${e.paused?"mdi:play":"mdi:pause"}></ha-icon>
</ha-icon-button>
`} `}
<ha-icon-button <ha-icon-button
.icon=${"mdi:cog"} .icon=${"mdi:cog"}
@click=${this.handleMoreInfo} @click=${this.handleMoreInfo}
></ha-icon-button> >
<ha-icon .icon=${"mdi:cog"}></ha-icon>
</ha-icon-button>
</div> </div>
<div class="device-id" @click=${this.setDeviceID}>${s}</div> <div class="device-id" @click=${this.setDeviceID}>${s}</div>

12
js/browser-player.js
View File

@ -75,7 +75,9 @@ Promise.race(bases).then(() => {
<ha-icon-button <ha-icon-button
.icon=${player.muted ? "mdi:volume-off" : "mdi:volume-high"} .icon=${player.muted ? "mdi:volume-off" : "mdi:volume-high"}
@click=${this.handleMute} @click=${this.handleMute}
></ha-icon-button> >
<ha-icon .icon=${player.muted ? "mdi:volume-off" : "mdi:volume-high"}></ha-icon>
</ha-icon-button>
<ha-slider <ha-slider
min="0" min="0"
max="1" max="1"
@ -92,12 +94,16 @@ Promise.race(bases).then(() => {
.icon=${player.paused ? "mdi:play" : "mdi:pause"} .icon=${player.paused ? "mdi:play" : "mdi:pause"}
@click=${this.handlePlayPause} @click=${this.handlePlayPause}
highlight highlight
></ha-icon-button> >
<ha-icon .icon=${player.paused ? "mdi:play" : "mdi:pause"}></ha-icon>
</ha-icon-button>
`} `}
<ha-icon-button <ha-icon-button
.icon=${"mdi:cog"} .icon=${"mdi:cog"}
@click=${this.handleMoreInfo} @click=${this.handleMoreInfo}
></ha-icon-button> >
<ha-icon .icon=${"mdi:cog"}></ha-icon>
</ha-icon-button>
</div> </div>
<div class="device-id" @click=${this.setDeviceID}>${deviceID}</div> <div class="device-id" @click=${this.setDeviceID}>${deviceID}</div>