diff --git a/README.md b/README.md index 3084805..7ba6e71 100644 --- a/README.md +++ b/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 diff --git a/kiosk-mode.js b/kiosk-mode.js index 07b13e7..ff66264 100644 --- a/kiosk-mode.js +++ b/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" +);