fix settings menu option, typo, wait for hass

Author: maykar

src/config.js

@@ -18,7 +18,6 @@ export class CustomHeaderConfig {
       ...lovelace.config.custom_header,
     };
     this.template_vars = this.config.template_variables;
-    this.last_template_result = null;
     this.test_config = { ...this.config, ...conditionalConfig(this.config, ha_elements()) };
     this.template_failed = false;
     this.disabled =

src/custom-header.ts

@@ -107,7 +107,7 @@ export const rebuild = () => {
     return;
   }
 
-  window['last_template_result'] = [];
+  window['last_template_result'] = {};
   clearTimeout(window['customHeaderTempTimeout']);
   if (!window.location.href.includes('disable_ch')) hideHeader(haElem);
 

src/ha-elements.js

@@ -1,6 +1,16 @@
 import { getLovelace } from 'custom-card-helpers';
 
-export const hass = document.querySelector('home-assistant').shadowRoot.querySelector('home-assistant-main').hass;
+const getHass = () => {
+  if (document.querySelector('home-assistant').shadowRoot.querySelector('home-assistant-main').hass) {
+    return document.querySelector('home-assistant').shadowRoot.querySelector('home-assistant-main').hass;
+  } else {
+    setTimeout(getHass, 300);
+  }
+};
+
+const hassElem = getHass();
+
+export const hass = hassElem;
 
 export const ha_elements = () => {
   const haElem = {};

src/menu-observers.js

@@ -95,7 +95,7 @@ export const menuButtonObservers = (config, ch, haElem) => {
   if (prevDot && prevDot.style.cssText != buildDot().style.cssText) {
     prevDot.remove();
     if (config.button_text.menu) {
-      header.menu.shadowRoot.querySelector('.buttonText').style.textDecoration = '';
+      ch.header.menu.shadowRoot.querySelector('.buttonText').style.textDecoration = '';
     }
   }
   if (!ch.header.menu.shadowRoot.querySelector('.dot') && haElem.menu.shadowRoot.querySelector('.dot')) {

src/overflow-menu.js

@@ -100,13 +100,11 @@ export const insertSettings = (header, config, haElem) => {
     chSettings.setAttribute('onClick', ' ');
     chSettings.innerHTML = 'Custom Header';
     if (header.options.querySelector('mwc-list-item') && !header.options.querySelector('#ch_settings')) {
-      const mwcItems = header.options.querySelectorAll('mwc-list-item');
-      const mwcItemsHA = header.options.querySelectorAll('mwc-list-item');
       if (!header.options.querySelector('#ch_settings')) {
-        insertAfter(chSettings, mwcItems[mwcItems.length - 1]);
+        header.options.appendChild(chSettings);
       }
       if (!haElem.options.querySelector('#ch_settings')) {
-        insertAfter(chSettings, mwcItemsHA[mwcItemsHA.length - 1]);
+        haElem.options.appendChild(chSettings);
       }
     } else if (
       header.options.querySelector('paper-listbox') &&

src/style-header.js

@@ -17,7 +17,6 @@ export const styleHeader = (config, ch, haElem = ha_elements()) => {
     config.disabled_mode = false;
   } else if (!config.hide_ch_settings) {
     insertSettings(ch.header, config, haElem);
-    insertSettings(ch.header, config, haElem);
   }
 
   if (config.disabled_mode) {