📺 ability to specify service calls for tv options

not supported by UI editor yet

README.md

@@ -1,6 +1,6 @@
 
 
-[![Version](https://img.shields.io/badge/version-0.0.5-green.svg?style=for-the-badge)](#) [![mantained](https://img.shields.io/maintenance/yes/2019.svg?style=for-the-badge)](#)
+[![Version](https://img.shields.io/badge/version-0.0.6-green.svg?style=for-the-badge)](#) [![mantained](https://img.shields.io/maintenance/yes/2019.svg?style=for-the-badge)](#)
 
 [![maintainer](https://img.shields.io/badge/maintainer-Ian%20Richardson%20%40iantrich-blue.svg?style=for-the-badge)](#)
 
@@ -27,6 +27,17 @@ This card is for [Lovelace](https://www.home-assistant.io/lovelace) on [Home Ass
 | name | string | **Optional** | Card name
 | theme | string | **Optional** | Card theme
 | tv | boolean | **Optional** | If `true` shows volume and power buttons. Default `false`
+| power | `service` | **Optional**| service to call when power button pressed
+| volume_up | `service` | **Optional**| service to call when volume_up button pressed
+| volume_down | `service` | **Optional**| service to call when volume_down button pressed
+| volume_mute | `service` | **Optional**| service to call when volume_mute button pressed
+
+## `service` Options
+| Name | Type | Requirement | Description
+| ---- | ---- | ------- | -----------
+| service | string | **Required** | Service to call
+| service_data | string | **Optional** | Service data to use
+
 
 ## Installation
 
@@ -62,6 +73,10 @@ Add a custom element in your `ui-lovelace.yaml`
         name: Bedroom TV
         theme: darkpurple
         tv: true
+        power:
+          service: switch.turn_on
+          service_data:
+            entity_id: switch.bedroom_tv_power
 ```
 
 [Troubleshooting](https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins)

roku-card-editor.js

@@ -135,6 +135,7 @@ export class RokuCardEditor extends LitElement {
             >Roku TV?</paper-toggle-button
           >
         </div>
+        <div>Use the YAML editor if you need to specify custom services</div>
       </div>
     `;
   }

roku-card.js

@@ -67,7 +67,7 @@ class RokuCard extends LitElement {
               </paper-listbox>
             </paper-dropdown-menu>
             ${
-              this._config.tv
+              this._config.tv || this._config.power
                 ? html`
                     <paper-icon-button
                       .action="${"power"}"
@@ -161,7 +161,10 @@ class RokuCard extends LitElement {
           </div>
 
           ${
-            this._config.tv
+            this._config.tv ||
+            this._config.volume_up ||
+            this._config.volume_down ||
+            this._config.volume_mute
               ? html`
                   <div class="row">
                     <paper-icon-button
@@ -234,11 +237,36 @@ class RokuCard extends LitElement {
   }
 
   handleActionClick(e) {
-    let remote = this._config.remote ? this._config.remote : "remote." + this._config.entity.split(".")[1];
-    this.hass.callService("remote", "send_command", {
-      entity_id: remote,
-      command: e.currentTarget.action
-    });
+    const custom_services = [
+      "power",
+      "volume_up",
+      "volume_down",
+      "volume_mute"
+    ];
+
+    if (
+      custom_services.indexOf(e.currentTarget.action) >= 0 &&
+      this._config[e.currentTarget.action]
+    ) {
+      const [domain, service] = this._config[
+        e.currentTarget.action
+      ].service.split(".", 2);
+      this.hass.callService(
+        domain,
+        service,
+        this._config[e.currentTarget.action].service_data
+          ? this._config[e.currentTarget.action].service_data
+          : null
+      );
+    } else {
+      let remote = this._config.remote
+        ? this._config.remote
+        : "remote." + this._config.entity.split(".")[1];
+      this.hass.callService("remote", "send_command", {
+        entity_id: remote,
+        command: e.currentTarget.action
+      });
+    }
   }
 
   applyThemesOnElement(element, themes, localTheme) {