Skip to content

Commit

Permalink
Merge pull request #22 from ZephireNZ/fix/2021.11
Browse files Browse the repository at this point in the history 
Fix for 2021.11
  • Loading branch information
TechHome authored Dec 11, 2021
2 parents c14ee1a + bc67bba commit 748f172
Showing 1 changed file with 50 additions and 0 deletions.
50 changes: 50 additions & 0 deletions tv-card.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,33 @@ const LitElement = Object.getPrototypeOf(
customElements.get("ha-panel-lovelace")
);
const html = LitElement.prototype.html;
import {
mdiPower,
mdiPowerOn,
mdiPowerOff,
mdiArrowLeft,
mdiVideoInputHdmi,
mdiHome,
mdiArrowUp,
mdiTelevisionGuide,
mdiArrowDown,
mdiChevronUp,
mdiChevronLeft,
mdiCheckboxBlankCircle,
mdiChevronRight,
mdiChevronDown,
mdiRewind,
mdiPlayPause,
mdiFastForward,
mdiVolumeMute,
mdiVolumeMinus,
mdiVolumePlus,
mdiNetflix,
mdiYoutube,
} from "https://unpkg.com/@mdi/[email protected]/mdi.js?module"

// Taken from mdi v5.9.55
const AMAZON_ICON_PATH = "M15.93,17.09C15.75,17.25 15.5,17.26 15.3,17.15C14.41,16.41 14.25,16.07 13.76,15.36C12.29,16.86 11.25,17.31 9.34,17.31C7.09,17.31 5.33,15.92 5.33,13.14C5.33,10.96 6.5,9.5 8.19,8.76C9.65,8.12 11.68,8 13.23,7.83V7.5C13.23,6.84 13.28,6.09 12.9,5.54C12.58,5.05 11.95,4.84 11.4,4.84C10.38,4.84 9.47,5.37 9.25,6.45C9.2,6.69 9,6.93 8.78,6.94L6.18,6.66C5.96,6.61 5.72,6.44 5.78,6.1C6.38,2.95 9.23,2 11.78,2C13.08,2 14.78,2.35 15.81,3.33C17.11,4.55 17,6.18 17,7.95V12.12C17,13.37 17.5,13.93 18,14.6C18.17,14.85 18.21,15.14 18,15.31L15.94,17.09H15.93M13.23,10.56V10C11.29,10 9.24,10.39 9.24,12.67C9.24,13.83 9.85,14.62 10.87,14.62C11.63,14.62 12.3,14.15 12.73,13.4C13.25,12.47 13.23,11.6 13.23,10.56M20.16,19.54C18,21.14 14.82,22 12.1,22C8.29,22 4.85,20.59 2.25,18.24C2.05,18.06 2.23,17.81 2.5,17.95C5.28,19.58 8.75,20.56 12.33,20.56C14.74,20.56 17.4,20.06 19.84,19.03C20.21,18.87 20.5,19.27 20.16,19.54M21.07,18.5C20.79,18.14 19.22,18.33 18.5,18.42C18.31,18.44 18.28,18.26 18.47,18.12C19.71,17.24 21.76,17.5 22,17.79C22.24,18.09 21.93,20.14 20.76,21.11C20.58,21.27 20.41,21.18 20.5,21C20.76,20.33 21.35,18.86 21.07,18.5Z";

class TVCardServices extends LitElement {
static get properties() {
Expand Down Expand Up @@ -64,6 +91,7 @@ class TVCardServices extends LitElement {
.action="${"power"}"
@click="${this.handleActionClick}"
icon="mdi:power"
.path=${mdiPower}
title="Power"
></ha-icon-button>
</div>
Expand All @@ -79,13 +107,15 @@ class TVCardServices extends LitElement {
.action="${"power_on"}"
@click="${this.handleActionClick}"
icon="mdi:power-on"
.path=${mdiPowerOn}
title="Power on"
></ha-icon-button>
${emptyButton}
<ha-icon-button
.action="${"power_off"}"
@click="${this.handleActionClick}"
icon="mdi:power-off"
.path=${mdiPowerOff}
title="Power off"
></ha-icon-button>
</div>
Expand All @@ -103,6 +133,7 @@ class TVCardServices extends LitElement {
.action="${"back"}"
@click="${this.handleActionClick}"
icon="mdi:arrow-left"
.path=${mdiArrowLeft}
title="Back"
></ha-icon-button>
`
Expand All @@ -113,6 +144,7 @@ class TVCardServices extends LitElement {
.action="${"source"}"
@click="${this.handleActionClick}"
icon="mdi:video-input-hdmi"
.path=${mdiVideoInputHdmi}
title="Source"
></ha-icon-button>
`
Expand All @@ -123,6 +155,7 @@ class TVCardServices extends LitElement {
.action="${"home"}"
@click="${this.handleActionClick}"
icon="mdi:home"
.path=${mdiHome}
title="Home"
></ha-icon-button>
`
Expand All @@ -144,6 +177,7 @@ class TVCardServices extends LitElement {
.action="${"channelup"}"
@click="${this.handleActionClick}"
icon="mdi:arrow-up"
.path=${mdiArrowUp}
title="Channelup"
></ha-icon-button>
`
Expand All @@ -154,6 +188,7 @@ class TVCardServices extends LitElement {
.action="${"info"}"
@click="${this.handleActionClick}"
icon="mdi:television-guide"
.path=${mdiTelevisionGuide}
title="Guide"
></ha-icon-button>
`
Expand All @@ -164,6 +199,7 @@ class TVCardServices extends LitElement {
.action="${"channeldown"}"
@click="${this.handleActionClick}"
icon="mdi:arrow-down"
.path=${mdiArrowDown}
title="Channeldown"
></ha-icon-button>
`
Expand All @@ -178,6 +214,7 @@ class TVCardServices extends LitElement {
.action="${"up"}"
@click="${this.handleActionClick}"
icon="mdi:chevron-up"
.path=${mdiChevronUp}
title="Up"
></ha-icon-button>
</div>
Expand All @@ -187,18 +224,21 @@ class TVCardServices extends LitElement {
.action="${"left"}"
@click="${this.handleActionClick}"
icon="mdi:chevron-left"
.path=${mdiChevronLeft}
title="Left"
></ha-icon-button>
<ha-icon-button
.action="${"select"}"
@click="${this.handleActionClick}"
icon="mdi:checkbox-blank-circle"
.path=${mdiCheckboxBlankCircle}
title="Select"
></ha-icon-button>
<ha-icon-button
.action="${"right"}"
@click="${this.handleActionClick}"
icon="mdi:chevron-right"
.path=${mdiChevronRight}
title="Right"
></ha-icon-button>
</div>
Expand All @@ -208,6 +248,7 @@ class TVCardServices extends LitElement {
.action="${"down"}"
@click="${this.handleActionClick}"
icon="mdi:chevron-down"
.path=${mdiChevronDown}
title="Down"
></ha-icon-button>
</div>
Expand All @@ -222,6 +263,7 @@ class TVCardServices extends LitElement {
.action="${"reverse"}"
@click="${this.handleActionClick}"
icon="mdi:rewind"
.path=${mdiRewind}
title="Rewind"
></ha-icon-button>
`
Expand All @@ -232,6 +274,7 @@ class TVCardServices extends LitElement {
.action="${"play"}"
@click="${this.handleActionClick}"
icon="mdi:play-pause"
.path=${mdiPlayPause}
title="Play/Pause"
></ha-icon-button>
`
Expand All @@ -242,6 +285,7 @@ class TVCardServices extends LitElement {
.action="${"forward"}"
@click="${this.handleActionClick}"
icon="mdi:fast-forward"
.path=${mdiFastForward}
title="Fast-Forward"
></ha-icon-button>
`
Expand All @@ -262,18 +306,21 @@ class TVCardServices extends LitElement {
.action="${"volume_mute"}"
@click="${this.handleActionClick}"
icon="mdi:volume-mute"
.path=${mdiVolumeMute}
title="Volume Mute"
></ha-icon-button>
<ha-icon-button
.action="${"volume_down"}"
@click="${this.handleActionClick}"
icon="mdi:volume-minus"
.path=${mdiVolumeMinus}
title="Volume Down"
></ha-icon-button>
<ha-icon-button
.action="${"volume_up"}"
@click="${this.handleActionClick}"
icon="mdi:volume-plus"
.path=${mdiVolumePlus}
title="Volume Up"
></ha-icon-button>
</div>
Expand All @@ -293,6 +340,7 @@ class TVCardServices extends LitElement {
.action="${"netflix"}"
@click="${this.handleActionClick}"
icon="mdi:netflix"
.path=${mdiNetflix}
title="Netflix"
></ha-icon-button>
`
Expand All @@ -303,6 +351,7 @@ class TVCardServices extends LitElement {
.action="${"prime_video"}"
@click="${this.handleActionClick}"
icon="mdi:amazon"
.path=${AMAZON_ICON_PATH}
title="Prime Video"
></ha-icon-button>
`
Expand All @@ -313,6 +362,7 @@ class TVCardServices extends LitElement {
.action="${"youtube"}"
@click="${this.handleActionClick}"
icon="mdi:youtube"
.path=${mdiYoutube}
title="Youtube"
></ha-icon-button>
`
Expand Down

0 comments on commit 748f172

Please sign in to comment.