Lovelace Restriction Card - Client-side Security

Share your Projects! Dashboards & Frontend
63

well, of course it should… :roll_eyes:

it’s working at the card level now. :slightly_smiling_face:

Thanks!

64

Thanks for this cool card, it’s very useful. There is something I’m not understanding here…I’m trying to make the locks bigger, because they are hard to see on my phone, and I liked the way they looked with toggle-lock-entity-row. However, when I increase the icon sizes in my theme, they don’t seem to get bigger, they just move downward:

In my Lovelace view:

- type: entities
  show_header_toggle: false
  entities:
    - card:
        entity: light.dark_early_lights
      type: "custom:restriction-card"
      row: true
    - card:
        entity: light.all_house_lights
      type: "custom:restriction-card"
      row: true

In my theme:

restriction-lock-row-margin-left: 95%
restriction-lock-icon-height: 60px
restriction-lock-icon-width: 60px
restriction-regular-lock-color: "#FFFFFF"

What it looks like:

switchlocks

For comparison, here’s what it looks like without the icon-width/height lines:

locksorig

Thanks for any help!

65

Is there a way to decrease the transparency of the row lock?

67

I don’t have any such setting yet. PRs welcome for such a css variable though. Put a FR on the repo for now to track it.

1 Like
68

Add a -- before the variable names

69

Roger, wilco.

70

I’m sorry, Ian, I’m missing something. I’ve tried this in my theme

restriction-lock-row-margin-left: 95%
--restriction-lock-icon-height: 100px
--restriction-lock-icon-width: 100px
restriction-regular-lock-color: "#FFFFFF"

but the size of the lock doesn’t change. It doesn’t move down anymore, but it doesn’t get any bigger. Clearly I don’t understand something about how this works. Thanks for any clarification!

71

Would you be able to please share a working example?

I don’t use themes all the time and it would be handy to be able to specify this at card level instead.

Thanks in advance.

72

I also cannot get the height and width working. It is just moving the lock icon down like you.

73

Can one of you open a ticket on the repo? Looks like it works fine in a card, but not in a row

74

Have added issue #23. Thanks for looking into this.

2 Likes
75

Any update on this issue?

76

Does anyone know how to use the conditions option?

I’m trying to lock a few rows based on the state of an input boolean.

The following still allows me to click the lock and unlock it, no matter what state the input boolean is in:

  - card:
      entity: switch.cinema_subwoofer
      state_color: true
    row: true
    type: 'custom:restriction-card'
    condition:
      entity: input_boolean.unlock_restrictions
      value: 'off'

And this version never lets me unlock it no matter what state the input boolean is in:

  - card:
      entity: switch.cinema_subwoofer
      state_color: true
    row: true
    type: 'custom:restriction-card'
    restrictions:
      block: true
      condition:
        entity: input_boolean.unlock_restrictions
        value: 'off'
77

Is there any way to have multiple conditions?
alarm_control_panel have two armed states (armed-home and armed-away). I would like to block or hide on both those states.

78

condition is a card option, not part of restrictions

79

Create a template sensor that watches those and use that in the condition

80

I still don’t understand and there are no examples in the github docs or here. How do I block interaction with the entity unless an input boolean is off.

Edit. Never mind. Got it sorted.

81

Any clue why I get the huge space between the entities?

image

entities:
  - card:
      entities:
        - switch.ha_dockermon
      type: 'custom:hui-entities-card'
    type: 'custom:restriction-card'
  - card:
      entities:
        - switch.deepstack
      type: 'custom:hui-entities-card'
    type: 'custom:restriction-card'
  - card:
      entities:
        - switch.portainer
      type: 'custom:hui-entities-card'
    type: 'custom:restriction-card'
show_header_toggle: false
title: Docker Containers
type: 'custom:hui-entities-card'

Would it be because of the “card” section that is added for each?

82

Any chance you could share the working example? This stuff is very obtuse :wink: Thanks!

83 
  - card:
      entity: switch.cinema_subwoofer
      state_color: true
    row: true
    type: 'custom:restriction-card'
    restrictions:
      block: true
    condition:
      entity: input_boolean.unlock_restrictions
      value: 'off'
1 Like