activate current tab

Author: maykar

.devcontainer/configuration.yaml

@@ -1,6 +1,7 @@
 default_config:
 lovelace:
   mode: yaml
+conversation:
 input_boolean:
   footer:
     name: 'footer:'

.devcontainer/ui-lovelace.yaml

@@ -11,10 +11,10 @@ custom_header:
   footer: '{{ states.input_boolean.footer.state == "on" }}'
   chevrons: '{{ states.input_boolean.chevrons.state == "on" }}'
   hide_tabs: '{{ states.input_text.hide_tabs.state }}'
+background: dimgray
 views:
   - icon: mdi:pac-man
     title: pacman
-    background: dimgray
     cards:
       - type: entities
         entities:
@@ -29,19 +29,13 @@ views:
           - entity: input_text.hide_tabs
   - icon: mdi:ghost
     title: ghost
-    background: dimgray
   - icon: mdi:skull
     title: skull
-    background: dimgray
   - icon: mdi:bomb
     title: bomb
-    background: dimgray
   - icon: mdi:death-star-variant
     title: death star
-    background: dimgray
   - icon: mdi:space-invaders
     title: invader
-    background: dimgray
   - icon: mdi:triforce
     title: triforce
-    background: dimgray

dist/custom-header.js

@@ -43,6 +43,7 @@ export const buildHeader = () => {
         });
       });
     } else {
+      if (!root.querySelector(name)) return;
       header[button] = document.createElement('paper-icon-button');
       header[button].addEventListener('click', () => {
         root

src/build-header.js

@@ -118,4 +118,7 @@ export const styleHeader = config => {
     attributeFilter: ['style'],
   });
   menuButtonVisibility();
+
+  header.tabContainer.querySelector('paper-tab.iron-selected').click();
+  window.dispatchEvent(new Event('resize'));
 };