Security Compact - Card from ScrewPlate

image

A card to display the Alarm System State (ON/OFF) and whether a door, window or the garage is OPEN/CLOSED.

If you don’t have a garage, you can hide the icon and status for the garage.

ScrewPlate will be a template set with various widgets, all of which are highly customizable in a unified style. More information on GitHub

Screenshots

Changelog

In each widget there is a tag with version, please always make sure to use the latest version.

Change and further information on GitHub

Resources

https://raw.githubusercontent.com/DrScr3w/ScrewPlate/refs/heads/main/templates/Card_Template_Security_Compact.yaml

3 Likes

Thanks for your widgets, they look really nice.
But for a better unique look and feel, you should give them all the same size…

I can’t find the switch in the props. But you don’t need to add a switch at all, just check if the props for the item is set. if not, change visibility to false

                            - component: f7-row
                              config:
                                visible: '=props.itemGateGroup ? true : false'
                              slots:

This check can be usefull at other places as well and should be used for item states as well.
Otherwise you will find a lot of warnings in the logs about trying to update undefined items…

Thank you, yes I already have that on my list and will add it soon.

Oh, I had forgotten to push version 0.2

With the switchGarageShow you can now show the garage.

No Problem, I have changed the widget with my suggestion, which imho is a better solution, as it can reduce configs if wider used. Please also consider the Item state check like described.
We often see posts about log entries with undefined items coming from UI widgets.

1 Like

Two or three other points have also changed :wink:

It is not an openHAB item but only a BOOLEAN value, which should not generate any errors.

    - default: "false"
      label: Garage - Show on Card
      name: switchGarageShow
      required: false
      type: BOOLEAN
      groupName: customGroup