Living Room Card Status

[biggilottecassi]

Hi,

great work!

I have a question, can you explain how you created this part of your Livingroom Card

[Anashost]

Sure, Create a toggle named dropdown livingroom from helpers to use it as a toggle to show and hide the cards (graph cards).

status bar card

``` type: custom:stack-in-card mode: vertical cards: - type: custom:mushroom-chips-card card_mod: style: | ha-card { --chip-font-size: 0.3em; --chip-icon-size: 0.5em; --chip-border-width: 0; --chip-box-shadow: none; --chip-background: none; --chip-border: none; --chip-spacing: none; --chip-font-weight: bold; } chips: - type: template entity: input_boolean.dropdown_livingroom icon_color: '' icon: |- {% if is_state('input_boolean.dropdown_livingroom','off') %} mdi:chevron-up {% else %} mdi:chevron-down {% endif %} use_entity_picture: true double_tap_action: action: none hold_action: action: none tap_action: action: toggle content: '' - type: template entity: sensor.livingroom_temperature icon_color: '{{states(''sensor.livingroom_temp_color_no_rgb'')}}' icon: mdi:thermometer use_entity_picture: true double_tap_action: action: none hold_action: action: none tap_action: action: more-info content: |- {% if is_state('sensor.livingroom_temperature','unknown') %} - {% else %} {{states('sensor.livingroom_temperature')}}° {% endif %} - type: template icon: mdi:lightbulb-group content: |- {% if is_state('sensor.livingroom_lights_of_count','0') %} {% else %} {{states('sensor.livingroom_lights_of_count')}} {% endif %} icon_color: |- {% set state = states('sensor.livingroom_lights_of_count')|float %} {% if state <= 0 %} grey {% else %} amber {% endif %} double_tap_action: action: none hold_action: action: more-info tap_action: action: none entity: sensor.livingroom_lights_of_count - type: template entity: switch.plug_4_local icon_color: |- {% if is_state('switch.plug_4_local','off') %} grey {% elif is_state('switch.plug_4_local','unavailable') %} white {% elif is_state('switch.plug_4_local','unknown') %} white {% else %} cyan {% endif %} icon: mdi:fan use_entity_picture: true double_tap_action: action: none hold_action: action: more-info tap_action: action: none ```

temperature & humidity graph card

``` type: conditional conditions: - entity: input_boolean.dropdown_livingroom state: 'off' card: type: horizontal-stack cards: - type: custom:mini-graph-card entities: - sensor.livingroom_temperature line_color: orange name: Temperature icon: mdi:thermometer line_width: 5 font_size: 75 - type: custom:mini-graph-card entities: - sensor.livingroom_humidity line_color: rgb(51, 173, 255) name: Humidity icon: mdi:water-percent line_width: 5 font_size: 75 ```

Note that you need to replace entities with your own, like temperature, lights counter, fan plug.

[biggilottecassi]

Thanks and this?

[Anashost]

This is the status bar card, look at my answer again.

[biggilottecassi]

Sorry. Wrong screenshot

[Anashost]

No worries, these are normal mushroom-chips-card you can configure them mostly from the ui.

[biggilottecassi]

Ok. The Card for Setting and PTZ

[Anashost]

I can give you the code but the buttons at the left involves scripts that does some of the actions that are related to my own camera brand.

yaml

``` square: false type: grid cards: - type: vertical-stack cards: - type: custom:stack-in-card mode: vertical keep: outer_padding: true margin: true box_shadow: false background: false cards: - type: custom:mushroom-chips-card chips: - type: entity entity: script.xxx tap_action: action: call-service service: script.xxx target: {} icon: mdi:door content_info: none - type: entity entity: script.cam_preset_balcony tap_action: action: call-service service: script.cam_preset_balcony target: {} icon: mdi:window-open-variant content_info: none - type: entity entity: script.cam_preset_privacy tap_action: action: call-service service: script.cam_preset_privacy target: {} icon: mdi:eye-off content_info: none - type: entity entity: script.cam_preset_privacy tap_action: action: call-service service: script.cam_preset_privacy_off target: {} icon: mdi:eye content_info: none alignment: start - type: custom:mushroom-chips-card chips: - type: entity entity: script.cam_night_vision_auto contenet: none name: auto tap_action: action: call-service service: script.cam_night_vision_auto target: {} icon: mdi:theme-light-dark content_info: none - type: entity entity: script.cam_night_vision_on contenet: none name: 'on' tap_action: action: call-service service: script.cam_night_vision_on target: {} icon: mdi:weather-night content_info: none - type: entity entity: script.cam_night_vision_off contenet: none name: 'off' tap_action: action: call-service service: script.cam_night_vision_off target: {} icon: mdi:weather-sunny content_info: none - type: custom:mushroom-chips-card card_mod: style: | ha-card { --chip-font-size: 0.3em; --chip-icon-size: 0.5em; --chip-border-width: 0; --chip-box-shadow: none; --chip-background: none; --chip-border: none; --chip-spacing: none; --chip-font-weight: bold; } chips: - type: entity entity: script.xxx tap_action: action: none icon: none content_info: none - type: custom:stack-in-card mode: vertical keep: outer_padding: true margin: true box_shadow: false background: false cards: - type: custom:mushroom-chips-card chips: - type: entity entity: button.tapo_cam_move_up icon: mdi:chevron-up content_info: none double_tap_action: action: none hold_action: action: none tap_action: action: toggle alignment: center - type: custom:mushroom-chips-card chips: - type: entity entity: button.tapo_cam_move_left icon: mdi:chevron-left content_info: none double_tap_action: action: none hold_action: action: none tap_action: action: toggle - type: entity entity: input_boolean.on_state icon: mdi:circle content_info: none double_tap_action: action: none hold_action: action: none tap_action: action: none - type: entity entity: button.tapo_cam_move_right double_tap_action: action: none hold_action: action: none tap_action: action: toggle icon: mdi:chevron-right content_info: none alignment: center - type: custom:mushroom-chips-card chips: - type: entity entity: button.tapo_cam_move_down icon: mdi:chevron-down double_tap_action: action: none hold_action: action: none tap_action: action: toggle content_info: none alignment: center columns: 2 ```

[biggilottecassi]

Hello. The alarm keycard somehow doesn't work. It doesn't come the query for the code

[Anashost]

https://github.com/Anashost/HA-CAMERA-KEYPAD

[biggilottecassi]

When I enter the code in the panel, the live image of the camera opens. When I leave Home Assistant and go back in, the live picture is always there and the alarm panel is not

[Anashost]

Because you need to have either an exit button that sets the status of the alarm back to armed_away, or create an automaton that does that after a certain amount of time. I personally prefer a button.

[biggilottecassi]

Hello. I would like to have a text in the bar next to kWh. How does it work?

[Anashost]

What do you mean exactly? Like normal text, or extra entities next to this