Home Assistant Git Exporter

config/www/community/generic-remote-control-card/generic-remote-control-card.js

@@ -0,0 +1,106 @@
+ 
+function loadScript(remote_template){
+  if(window[`scriptLoaded_${remote_template}`]){
+    return;
+  }
+
+  var script = document.createElement("script");
+  script.src = `/hacsfiles/generic-remote-control-card/remotes/${remote_template}/remote-html.js`;
+  script.type = "text/javascript";
+  script.async = false;
+  document.head.appendChild(script); 
+  window[`scriptLoaded_${remote_template}`] = true;
+  
+}
+
+
+class GenericRemotControlCard extends HTMLElement {
+
+  constructor() {
+    super();
+    this.attachShadow({ mode: 'open' });
+  }
+  setConfig(config) {
+    loadScript(config.remote_template);
+    const root = this.shadowRoot;
+    if (root.lastChild) root.removeChild(root.lastChild);
+
+    const cardConfig = Object.assign({}, config);
+    this._config = cardConfig
+  }
+
+  
+  set hass(hass) {
+    
+
+  
+    const config = this._config;
+    
+    loadScript(config.remote_template);
+    
+    try{
+      const html = window[`getRemoteHtml_${config.remote_template}`](config);
+        const css = window[`getRemoteStyle_${config.remote_template}`](config);
+        
+        
+        const root = this.shadowRoot;
+        this._hass = hass;
+        // root.lastChild.hass = hass;
+   
+        const card = document.createElement('ha-card');
+        if(!this.content && window[`scriptLoaded_${config.remote_template}`]){
+             this.content = document.createElement('div');
+             const style = document.createElement('style');
+             style.textContent = css;
+             this.content.innerHTML = html;
+             card.appendChild(this.content);
+             card.appendChild(style);
+     
+             root.appendChild(card);
+             
+             this._bindButtons(card, this._hass, this._config);
+        }
+    
+    } catch(err){
+      console.log('waiting for remote load');
+      loadScript(config.remote_template);
+    }
+    
+  }
+  
+ 
+    
+  _bindButtons(card, hass, config){
+    var buttons =  card.getElementsByClassName(`myButton-${config.remote_template}`);
+    var i;
+    for (i = 0; i < buttons.length; i++) { 
+      let button = buttons[i]
+        button.addEventListener('click', function(source){
+          console.log(button.id);
+          let buttonData = getButtonData(button.id, config);
+          console.log(buttonData)
+          let domain = buttonData.call.split(".")[0]
+          let action = buttonData.call.split(".")[1]
+          hass.callService(domain,
+                            action, 
+                            buttonData.data
+                             );
+        });
+    }
+  }
+  
+  
+
+
+  getCardSize() {
+    return 3;
+  }
+  
+
+}
+
+ function getButtonData(buttonId, config){
+    return config.buttons[buttonId];
+  }
+
+customElements.define('generic-remote-control-card', GenericRemotControlCard);