Add optional hide_header and hide_sidebar

README.md

@@ -48,6 +48,8 @@ views:
 
 ```
 
+Optional query strings are `?hide_header` and `?hide_sidebar`
+
 ### Related
 
 * [Fully Kiosk Browser](https://www.fully-kiosk.com/) - Great for wall mounted tablets

kiosk-mode.js

@@ -1,29 +1,38 @@
-if (window.location.href.indexOf('kiosk') > 0) {
-    setTimeout(function() {
-        try {
-            const home_assistant_main = document
-                .querySelector("body > home-assistant").shadowRoot
-                .querySelector("home-assistant-main");
+const home_assistant_main = document
+  .querySelector("body > home-assistant")
+  .shadowRoot.querySelector("home-assistant-main");
 
-            const header = home_assistant_main.shadowRoot
-                .querySelector("app-drawer-layout > partial-panel-resolver > ha-panel-lovelace").shadowRoot
-                .querySelector("hui-root").shadowRoot
-                .querySelector("#layout > app-header")
-                .style.display = "none";
+const header = home_assistant_main.shadowRoot
+  .querySelector("app-drawer-layout > partial-panel-resolver > ha-panel-lovelace")
+  .shadowRoot.querySelector("hui-root")
+  .shadowRoot.querySelector("#layout > app-header");
 
-            const drawer = home_assistant_main.shadowRoot
-                .querySelector("#drawer")
-                .style.display = 'none';
+const drawer = home_assistant_main.shadowRoot.querySelector("#drawer");
 
-            home_assistant_main.style.setProperty("--app-drawer-width", 0);
-            home_assistant_main.shadowRoot
-                .querySelector("#drawer > ha-sidebar").shadowRoot
-                .querySelector("div.menu")
-                .click();
-            window.dispatchEvent(new Event('resize'));
-        } 
-        catch (e) {
-            console.log(e);
-        }
-    }, 200);
-}
+setTimeout(function () {
+  try {
+    if (window.location.href.includes("kiosk")) {
+      header.style.display = "none";
+      drawer.style.display = "none";
+      home_assistant_main.style.setProperty("--app-drawer-width", 0);
+      window.dispatchEvent(new Event("resize"));
+    }
+    if (window.location.href.includes("hide_header")) {
+      header.style.display = "none";
+      window.dispatchEvent(new Event("resize"));
+    }
+    if (window.location.href.includes("hide_sidebar")) {
+      drawer.style.display = "none";
+      home_assistant_main.style.setProperty("--app-drawer-width", 0);
+      window.dispatchEvent(new Event("resize"));
+    }
+  } catch (e) {
+    console.log(e);
+  }
+}, 200);
+
+console.info(
+  `%c  KIOSK-MODE   \n%c Version 1.1.0 `,
+  "color: orange; font-weight: bold; background: black",
+  "color: white; font-weight: bold; background: dimgray"
+);