Block access to "Configure UI" for Group "Users"

foraster · May 3, 2019, 8:40am

I just noticed the Users/Administrators implementation.

Is there some way to block access to the “Configure UI” in Lovelace for the “Users” group ?

lolouk44 · May 3, 2019, 10:25am

Not yet. This is something that is in planned and in development, we’ll have to wait for a few releases, but I’m sure that it will be worth the wait

foraster · May 3, 2019, 10:27am

I have seen that something can be done with the ‘compact custom header’ card. Will give it a try

lolouk44 · May 3, 2019, 10:33am

depends where the interface will be accessed from.
I have a Fire 7 tablet that’s wall mounted, using Kiosk (so bars and menus don’t show) and fully-kiosk.
Fully allows me to block access to android, turn on the display only when motion is detected, and use the front tablet camera as a CCTV…

foraster · May 3, 2019, 4:30pm

Thanks for the tip, I’ll also give fully-kiosk a try

lolouk44 · May 3, 2019, 4:38pm

no worries. the Kiosk Lovelace Resource I use is this one:

gist.github.com

https://gist.github.com/ciotlosm/1f09b330aa5bd5ea87b59f33609cc931

Readme.md

# Kiosk mode

## Installation

Add `kiosk.js` file with the content below to your `www` folder in config.

Like any other custom script, use `ui-lovelace.yaml` resources section to reference the `kiosk.js` file.

Make sure you add `kiosk` somewhere in your URL. You can use it in the id of your view or in the query string.

This file has been truncated. show original

kiosk.js

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 header = home_assistant_main.shadowRoot
                  .querySelector("app-drawer-layout > partial-panel-resolver > ha-panel-lovelace").shadowRoot
                  .querySelector("hui-root").shadowRoot

This file has been truncated. show original

ui-lovelace.yaml

resources:
  - url: /local/kiosk.js
    type: js
  - url: /local/custom-lovelace/thermostat-card/thermostat-card.js?v=0.1
    type: module
title: Lovelace Demo
views:
  - title: Home
    icon: mdi:heart
    id: kiosk_thermostat

This file has been truncated. show original

Please check the comments on the main page as the hosted code hasn’t been updated in a long time and no longer works, but the instructions on how to use are still valid.
The code that works is this one