wallpanel: enabled: true debug: false hide_toolbar: true hide_sidebar: true fullscreen: false image_animation_ken_burns: false idle_time: 60 control_reactivation_time: 1 image_url: / image_fit: cover image_list_update_interval: 3600 image_order: sorted image_excludes: [] show_image_info: false screensaver_entity: input_boolean.wallpanel_screensaver card_interaction: true style: wallpanel-screensaver-info-box: '--wp-card-width': 450px background-color: '#00000099' box-shadow: >- 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) wallpanel-screensaver-info-box-content: '--ha-card-background': none '--ha-card-box-shadow': none '--ha-card-border-width': 0px '--primary-background-color': '#111111' '--secondary-background-color': '#202020' '--primary-text-color': '#e1e1e1' '--secondary-text-color': '#9b9b9b' cards: - type: custom:digital-clock locale: pt-PT dateFormat: weekday: long day: 2-digit month: short timeFormat: hour: 2-digit minute: 2-digit card_mod: style: | span.first-line { font-size: 10em; font-weight: 100; } span.second-line { font-size: 3em; font-weight: 100; margin: 0 25px; padding-bottom: 25px; border-bottom: 1px solid rgba(255, 255, 255, 0.7) } - type: custom:weather-card entity: weather.forecast_home current: true details: false card_mod: style: | span.temp { font-weight: 400; margin-top: -15px; } - square: false columns: 2 type: grid cards: - type: custom:mushroom-template-card entity: switch.sonoff_10016fe342_1 icon_color: | {% if is_state('switch.sonoff_10016fe342_1', 'on') %} orange {% elif is_state('switch.sonoff_10016fe342_1', 'unavailable') %} red {% else %} white {% endif %} icon: | {% if is_state('switch.sonoff_10016fe342_1', 'on') %} mdi:lightbulb-on {% else %} mdi:lightbulb-off-outline {% endif %} card_mod: style: | ha-card { --chip-background: transparent; --icon-size: 150px; justify-content: center; --chip-height: 200px; --chip-border-radius: 50%; opacity: 0.8; margin-left: 10%; margin-top: -30px; } tap_action: action: toggle - type: custom:mushroom-template-card entity: input_select.alarm_type layout: vertical icon_color: | {% if is_state('input_select.alarm_type', 'casa-arrecadacao') %} green {% elif is_state('input_select.alarm_type', 'arrecadacao') %} orange {% elif is_state('input_select.alarm_type', 'off') %} white {% endif %} icon: mdi:security primary: | {% if is_state('input_select.alarm_type', 'casa-arrecadacao') %} Ligado {% elif is_state('input_select.alarm_type', 'arrecadacao') %} Ligado Arrecadação {% elif is_state('input_select.alarm_type', 'off') %} Desligado {% endif %} card_mod: style: | ha-card { --chip-background: transparent; --icon-size: 150px; justify-content: center; --chip-height: 200px; --chip-border-radius: 50%; opacity: 0.8; margin-left: -5%; margin-top: -30px; } tap_action: action: call-service service: script.alarm_type_select - type: custom:mushroom-template-card style: right: '-26%' top: 9% primary: Atualizações secondary: Existem atualizações disponíveis! icon: mdi:arrow-up-bold-hexagon-outline fill_container: true icon_color: green card_mod: style: | mushroom-shape-icon { --shape-color: none !important; } ha-card { padding: 14px !important; background-color: rgba(0, 0, 0, 0.5); border-radius: 20px; } :host { height: 120px; position: absolute; top: 3%; right: 6%; --mush-icon-size: 46px; --mush-icon-symbol-size: 1.30em; --mush-card-primary-font-size: 18px; --mush-card-secondary-font-size: 24px; --mush-card-secondary-font-weight: bold; --mush-card-secondary-line-height: 1.2; --mush-card-primary-line-height: 1.2; {% if is_state('input_boolean.dashboard_update_available', 'off') or is_state('input_boolean.dashboard_low_battery_warning', 'on') %} display: none; {% endif %} } mushroom-badge-icon { --badge-icon-size: 26px; --badge-size: 26px; } - type: custom:mushroom-template-card primary: Alerta secondary: Nível de baterias baixo! icon: mdi:alert-decagram-outline fill_container: true icon_color: orange card_mod: style: | mushroom-shape-icon { --shape-color: none !important; } ha-card { padding: 14px !important; background-color: rgba(0, 0, 0, 0.5); border-radius: 20px; } :host { height: 120px; position: absolute; top: 3%; right: 6%; --mush-icon-size: 46px; --mush-icon-symbol-size: 1.30em; --mush-card-primary-font-size: 18px; --mush-card-secondary-font-size: 24px; --mush-card-secondary-font-weight: bold; --mush-card-secondary-line-height: 1.2; --mush-card-primary-line-height: 1.2; {% if is_state('input_boolean.dashboard_low_battery_warning', 'off') %} display: none; {% endif %} } mushroom-badge-icon { --badge-icon-size: 26px; --badge-size: 26px; } sidebar: digitalClock: true date: true dateFormat: DD MMMM, YYYY hideTopMenu: true hideHassSidebar: true width: mobile: 0 tablet: 50 desktop: 34 style: | h1.digitalClock { font-size: 74px !important; line-height: 48px; cursor: default; text-align: center; } h2.date { text-align: center; } .sidebar-inner { width: 377px !important; background-color: rgba(0, 0, 0, 0.5); margin: 25px; border-radius: 20px; height: 407px !important; } :host { background-color: transparent !important; } sidebarMenu: - action: navigate active: true navigation_path: /kiosk-dashboard/iluminacao name: Iluminação icon: mdi:lightbulb - action: navigate navigation_path: /kiosk-dashboard/climatizacao name: Climatização icon: mdi:home-thermometer-outline - action: navigate navigation_path: /kiosk-dashboard/seguranca name: Segurança icon: mdi:security - action: navigate navigation_path: /kiosk-dashboard/media name: Media icon: mdi:play-network-outline - action: navigate navigation_path: /kiosk-dashboard/consumos name: Consumos icon: mdi:home-lightning-bolt views: - title: Iluminação path: iluminacao panel: true icon: mdi:lightbulb cards: - type: picture-elements image: /local/HouseFloorPlan/images/House/base-house-arrecadacao.png styles: null card_mod: style: | ha-card { background-color: transparent !important; width: 107% !important; left: -10%; top: 3%; } elements: - type: custom:mushroom-template-card style: right: '-26%' top: 9% primary: Atualizações secondary: Existem atualizações disponíveis! icon: mdi:arrow-up-bold-hexagon-outline fill_container: true icon_color: green card_mod: style: | mushroom-shape-icon { --shape-color: none !important; } ha-card { padding: 14px !important; background-color: black; border-radius: 20px; } :host { height: 120px; z-index: 999; --mush-icon-size: 46px; --mush-icon-symbol-size: 1.30em; --mush-card-primary-font-size: 18px; --mush-card-secondary-font-size: 24px; --mush-card-secondary-font-weight: bold; --mush-card-secondary-line-height: 1.2; --mush-card-primary-line-height: 1.2; {% if is_state('input_boolean.dashboard_update_available', 'off') or is_state('input_boolean.dashboard_low_battery_warning', 'on') %} display: none; {% endif %} } mushroom-badge-icon { --badge-icon-size: 26px; --badge-size: 26px; } - type: custom:mushroom-template-card style: right: '-20%' top: 9% primary: Alerta secondary: Nível de baterias baixo! icon: mdi:alert-decagram-outline fill_container: true icon_color: orange card_mod: style: | mushroom-shape-icon { --shape-color: none !important; } ha-card { padding: 14px !important; background-color: black; border-radius: 20px; } :host { height: 120px; z-index: 999; --mush-icon-size: 46px; --mush-icon-symbol-size: 1.30em; --mush-card-primary-font-size: 18px; --mush-card-secondary-font-size: 24px; --mush-card-secondary-font-weight: bold; --mush-card-secondary-line-height: 1.2; --mush-card-primary-line-height: 1.2; {% if is_state('input_boolean.dashboard_low_battery_warning', 'off') %} display: none; {% endif %} } mushroom-badge-icon { --badge-icon-size: 26px; --badge-size: 26px; } - type: image entity: light.sonoff_10022158b8 style: left: 50% top: 50% width: 100% opacity: 0.4 state_image: 'on': /local/HouseFloorPlan/images/House/QuartoLedsCama-70.png 'off': /local/HouseFloorPlan/images/House/Transparent.png tap_action: action: none - type: image entity: switch.sonoff_10016fdff1_1 style: left: 50% top: 50% width: 100% opacity: 0.4 state_image: 'on': /local/HouseFloorPlan/images/House/Quarto-90.png 'off': /local/HouseFloorPlan/images/House/Transparent.png tap_action: action: none - type: image entity: switch.sonoff_10016fe7f9_1 style: left: 50% top: 50% width: 100% opacity: 0.4 state_image: 'on': /local/HouseFloorPlan/images/House/WCQuarto-80.png 'off': /local/HouseFloorPlan/images/House/Transparent.png tap_action: action: none - type: image entity: switch.sonoff_10016fdff1_2 style: left: 50% top: 50% width: 100% opacity: 0.4 state_image: 'on': /local/HouseFloorPlan/images/House/QuartoEntrada-80.png 'off': /local/HouseFloorPlan/images/House/Transparent.png tap_action: action: none - type: image entity: switch.sonoff_100187ca47 style: left: 50% top: 50% width: 100% opacity: 0.4 state_image: 'on': /local/HouseFloorPlan/images/House/HallQuartos-70.png 'off': /local/HouseFloorPlan/images/House/Transparent.png tap_action: action: none - type: image entity: switch.sonoff_1001e524a4_1 style: left: 50% top: 50% width: 100% opacity: 0.4 state_image: 'on': /local/HouseFloorPlan/images/House/WCHall-60.png 'off': /local/HouseFloorPlan/images/House/Transparent.png tap_action: action: none - type: image entity: switch.sonoff_1001e3ab2b_2 style: left: 50% top: 50% width: 100% opacity: 0.4 state_image: 'on': /local/HouseFloorPlan/images/House/QuartoRita-80.png 'off': /local/HouseFloorPlan/images/House/Transparent.png tap_action: action: none - type: image entity: light.sonoff_1001e290ef style: left: 50% top: 50% width: 100% opacity: 0.4 state_image: 'on': /local/HouseFloorPlan/images/House/QuartoRitaLeds-95.png 'off': /local/HouseFloorPlan/images/House/Transparent.png tap_action: action: none - type: image entity: switch.sonoff_1001e2e8c0 style: left: 50% top: 50% width: 100% opacity: 0.4 state_image: 'on': /local/HouseFloorPlan/images/House/MarquiseQuartos-90.png 'off': /local/HouseFloorPlan/images/House/Transparent.png tap_action: action: none - type: image entity: switch.sonoff_10016fe342_1 style: left: 50% top: 50% width: 100% opacity: 0.4 state_image: 'on': /local/HouseFloorPlan/images/House/Hall-70.png 'off': /local/HouseFloorPlan/images/House/Transparent.png tap_action: action: none - type: image entity: switch.sonoff_10016fe4c7_1 style: left: 50% top: 50% width: 100% opacity: 0.4 state_image: 'on': /local/HouseFloorPlan/images/House/SalaApliques-90.png 'off': /local/HouseFloorPlan/images/House/Transparent.png tap_action: action: none - type: image entity: switch.sonoff_10016fe4c7_2 style: left: 50% top: 50% width: 100% opacity: 0.4 state_image: 'on': /local/HouseFloorPlan/images/House/Sala-70.png 'off': /local/HouseFloorPlan/images/House/Transparent.png tap_action: action: none - type: image entity: switch.leds_do_aparador_socket_1 style: left: 50% top: 50% width: 100% opacity: 0.4 state_image: 'on': /local/HouseFloorPlan/images/House/SalaLedsAparador-40.png 'off': /local/HouseFloorPlan/images/House/Transparent.png tap_action: action: none - type: image entity: switch.leds_do_movel_da_tv_socket_1 style: left: 50% top: 50% width: 100% opacity: 0.4 state_image: 'on': /local/HouseFloorPlan/images/House/SalaLedsTV-40.png 'off': /local/HouseFloorPlan/images/House/Transparent.png tap_action: action: none - type: image entity: switch.sonoff_1001753723_1 style: left: 50% top: 50% width: 100% opacity: 0.4 state_image: 'on': /local/HouseFloorPlan/images/House/Cozinha-60.png 'off': /local/HouseFloorPlan/images/House/Transparent.png tap_action: action: none - type: image entity: switch.sonoff_1001753723_2 style: left: 50% top: 50% width: 100% opacity: 0.4 state_image: 'on': /local/HouseFloorPlan/images/House/CozinhaLeds-70.png 'off': /local/HouseFloorPlan/images/House/Transparent.png tap_action: action: none - type: image entity: switch.sonoff_100169c037 style: left: 50% top: 50% width: 100% opacity: 0.4 state_image: 'on': /local/HouseFloorPlan/images/House/CasaMaquinas-60.png 'off': /local/HouseFloorPlan/images/House/Transparent.png tap_action: action: none - type: image entity: switch.sonoff_100169c32f style: left: 50% top: 50% width: 100% opacity: 0.4 state_image: 'on': /local/HouseFloorPlan/images/House/MarquiseCozinha-80.png 'off': /local/HouseFloorPlan/images/House/Transparent.png tap_action: action: none - type: image entity: switch.sonoff_10016fe342_2 style: left: 50% top: 50% width: 100% opacity: 0.4 state_image: 'on': /local/HouseFloorPlan/images/House/Escada-100.png 'off': /local/HouseFloorPlan/images/House/Transparent.png tap_action: action: none - type: image entity: light.sonoff_1001e3ab2b style: left: 50% top: 50% width: 100% opacity: 0.4 state_image: 'on': /local/HouseFloorPlan/images/House/QuartoRitaPresenca-7.png 'off': /local/HouseFloorPlan/images/House/Transparent.png tap_action: action: none - type: image entity: climate.aquecedor_sala_thermostat style: left: 50% top: 50% width: 100% opacity: 0.4 state_image: heat: /local/HouseFloorPlan/images/House/SalaRadiador-15.png 'off': /local/HouseFloorPlan/images/House/Transparent.png tap_action: action: none - type: image entity: climate.aquecedor_quarto_rita_thermostat style: left: 50% top: 50% width: 100% opacity: 0.4 state_image: heat: /local/HouseFloorPlan/images/House/QuartoRitaRadiador-15.png 'off': /local/HouseFloorPlan/images/House/Transparent.png tap_action: action: none - type: image entity: climate.aquecedor_quarto_thermostat style: left: 50% top: 50% width: 100% opacity: 0.4 state_image: heat: /local/HouseFloorPlan/images/House/QuartoRadiador-25.png 'off': /local/HouseFloorPlan/images/House/Transparent.png tap_action: action: none - type: image entity: switch.sonoff_100187cde7 style: left: 50% top: 50% width: 100% opacity: 0.4 state_image: 'on': /local/HouseFloorPlan/images/House/Arrecadacao-80.png 'off': /local/HouseFloorPlan/images/House/Transparent.png tap_action: action: none - type: custom:mushroom-template-card entity: light.sonoff_10022158b8 style: right: 8% top: 30% primary: '{{ states(''sensor.sensor_leds_cama_battery'') }}%' secondary: Bateria icon: | {% if is_state('light.sonoff_10022158b8', 'on') %} mdi:led-strip-variant {% else %} mdi:led-strip-variant-off {% endif %} fill_container: true icon_color: | {% if is_state('light.sonoff_10022158b8', 'on') %} orange {% elif is_state('light.sonoff_10022158b8', 'unavailable') %} red {% else %} white {% endif %} tap_action: action: toggle card_mod: style: | ha-card { border-radius: 20px; --chip-background: transparent; --icon-size: 60px; justify-content: center; --chip-height: 110px; --chip-border-radius: 50%; opacity: 0.7; margin-left: 10%; margin-top: -30px; width: 180px !important; } - type: custom:mushroom-template-card entity: switch.sonoff_10016fdff1_1 style: right: 20% top: 50% icon_color: | {% if is_state('switch.sonoff_10016fdff1_1', 'on') %} orange {% elif is_state('switch.sonoff_10016fdff1_1', 'unavailable') %} red {% else %} white {% endif %} icon: | {% if is_state('switch.sonoff_10016fdff1_1', 'on') %} mdi:lightbulb-on {% else %} mdi:lightbulb-off-outline {% endif %} card_mod: style: | ha-card { background: transparent; --chip-background: transparent; --icon-size: 60px; justify-content: center; --chip-height: 110px; --chip-border-radius: 50%; opacity: 0.8; margin-left: 10%; margin-top: -30px; } tap_action: action: toggle - type: custom:mushroom-template-card entity: switch.sonoff_10016fe7f9_1 style: right: 35% top: 41% icon_color: | {% if is_state('switch.sonoff_10016fe7f9_1', 'on') %} orange {% elif is_state('switch.sonoff_10016fe7f9_1', 'unavailable') %} red {% else %} white {% endif %} icon: | {% if is_state('switch.sonoff_10016fe7f9_1', 'on') %} mdi:lightbulb-on {% else %} mdi:lightbulb-off-outline {% endif %} card_mod: style: | ha-card { background: transparent; --chip-background: transparent; --icon-size: 60px; justify-content: center; --chip-height: 110px; --chip-border-radius: 50%; opacity: 0.8; margin-left: 10%; margin-top: -30px; } tap_action: action: toggle - type: custom:mushroom-template-card entity: switch.sonoff_10016fdff1_2 style: right: 41% top: 55% icon_color: | {% if is_state('switch.sonoff_10016fdff1_2', 'on') %} orange {% elif is_state('switch.sonoff_10016fdff1_2', 'unavailable') %} red {% else %} white {% endif %} icon: | {% if is_state('switch.sonoff_10016fdff1_2', 'on') %} mdi:lightbulb-on {% else %} mdi:lightbulb-off-outline {% endif %} card_mod: style: | ha-card { background: transparent; --chip-background: transparent; --icon-size: 60px; justify-content: center; --chip-height: 110px; --chip-border-radius: 50%; opacity: 0.8; margin-left: 10%; margin-top: -30px; } tap_action: action: toggle - type: custom:mushroom-template-card entity: switch.sonoff_100187ca47 style: right: 40% bottom: 22% icon_color: | {% if is_state('switch.sonoff_100187ca47', 'on') %} orange {% elif is_state('switch.sonoff_100187ca47', 'unavailable') %} red {% else %} white {% endif %} icon: | {% if is_state('switch.sonoff_100187ca47', 'on') %} mdi:lightbulb-on {% else %} mdi:lightbulb-off-outline {% endif %} card_mod: style: | ha-card { background: transparent; --chip-background: transparent; --icon-size: 60px; justify-content: center; --chip-height: 110px; --chip-border-radius: 50%; opacity: 0.8; margin-left: 10%; margin-top: -30px; } tap_action: action: toggle - type: custom:mushroom-template-card entity: switch.sonoff_1001e524a4_1 style: right: 33% bottom: 26% icon_color: | {% if is_state('switch.sonoff_1001e524a4_1', 'on') %} orange {% elif is_state('switch.sonoff_1001e524a4_1', 'unavailable') %} red {% else %} white {% endif %} icon: | {% if is_state('switch.sonoff_1001e524a4_1', 'on') %} mdi:lightbulb-on {% else %} mdi:lightbulb-off-outline {% endif %} card_mod: style: | ha-card { background: transparent; --chip-background: transparent; --icon-size: 60px; justify-content: center; --chip-height: 110px; --chip-border-radius: 50%; opacity: 0.8; margin-left: 10%; margin-top: -30px; } tap_action: action: toggle - type: custom:mushroom-template-card entity: switch.sonoff_1001e3ab2b_2 style: right: 12% bottom: 18% icon_color: | {% if is_state('switch.sonoff_1001e3ab2b_2', 'on') %} orange {% elif is_state('switch.sonoff_1001e3ab2b_2', 'unavailable') %} red {% else %} white {% endif %} icon: | {% if is_state('switch.sonoff_1001e3ab2b_2', 'on') %} mdi:lightbulb-on {% else %} mdi:lightbulb-off-outline {% endif %} card_mod: style: | ha-card { background: transparent; --chip-background: transparent; --icon-size: 60px; justify-content: center; --chip-height: 110px; --chip-border-radius: 50%; opacity: 0.8; margin-left: 10%; margin-top: -30px; } tap_action: action: toggle - type: custom:mushroom-template-card entity: light.sonoff_1001e290ef style: right: 15% bottom: 30% icon_color: | {% if is_state('light.sonoff_1001e290ef', 'on') %} orange {% elif is_state('light.sonoff_1001e290ef', 'unavailable') %} red {% else %} white {% endif %} icon: | {% if is_state('light.sonoff_1001e290ef', 'on') %} mdi:led-strip-variant {% else %} mdi:led-strip-variant-off {% endif %} card_mod: style: | ha-card { background: transparent; --chip-background: transparent; --icon-size: 60px; justify-content: center; --chip-height: 110px; --chip-border-radius: 50%; opacity: 0.8; margin-left: 10%; margin-top: -30px; } tap_action: action: toggle - type: custom:mushroom-template-card entity: switch.sonoff_1001e2e8c0 style: right: 0% bottom: 35% icon_color: | {% if is_state('switch.sonoff_1001e2e8c0', 'on') %} orange {% elif is_state('switch.sonoff_1001e2e8c0', 'unavailable') %} red {% else %} white {% endif %} icon: | {% if is_state('switch.sonoff_1001e2e8c0', 'on') %} mdi:lightbulb-on {% else %} mdi:lightbulb-off-outline {% endif %} card_mod: style: | ha-card { background: transparent; --chip-background: transparent; --icon-size: 60px; justify-content: center; --chip-height: 110px; --chip-border-radius: 50%; opacity: 0.8; margin-left: 10%; margin-top: -30px; } tap_action: action: toggle - type: custom:mushroom-template-card entity: switch.sonoff_10016fe342_1 style: left: 40% bottom: 20% icon_color: | {% if is_state('switch.sonoff_10016fe342_1', 'on') %} orange {% elif is_state('switch.sonoff_10016fe342_1', 'unavailable') %} red {% else %} white {% endif %} icon: | {% if is_state('switch.sonoff_10016fe342_1', 'on') %} mdi:lightbulb-on {% else %} mdi:lightbulb-off-outline {% endif %} card_mod: style: | ha-card { background: transparent; --chip-background: transparent; --icon-size: 60px; justify-content: center; --chip-height: 110px; --chip-border-radius: 50%; opacity: 0.8; margin-left: 10%; margin-top: -30px; } tap_action: action: toggle - type: custom:mushroom-template-card entity: switch.sonoff_10016fe4c7_1 style: left: 38% top: 40% icon_color: | {% if is_state('switch.sonoff_10016fe4c7_1', 'on') %} orange {% elif is_state('switch.sonoff_10016fe4c7_1', 'unavailable') %} red {% else %} white {% endif %} icon: | {% if is_state('switch.sonoff_10016fe4c7_1', 'on') %} mdi:lightbulb-on {% else %} mdi:lightbulb-off-outline {% endif %} card_mod: style: | ha-card { background: transparent; --chip-background: transparent; --icon-size: 60px; justify-content: center; --chip-height: 110px; --chip-border-radius: 50%; opacity: 0.8; margin-left: 10%; margin-top: -30px; } tap_action: action: toggle - type: custom:mushroom-template-card entity: switch.sonoff_10016fe4c7_2 style: left: 28% top: 43% icon_color: | {% if is_state('switch.sonoff_10016fe4c7_2', 'on') %} orange {% elif is_state('switch.sonoff_10016fe4c7_2', 'unavailable') %} red {% else %} white {% endif %} icon: | {% if is_state('switch.sonoff_10016fe4c7_2', 'on') %} mdi:lightbulb-on {% else %} mdi:lightbulb-off-outline {% endif %} card_mod: style: | ha-card { background: transparent; --chip-background: transparent; --icon-size: 60px; justify-content: center; --chip-height: 110px; --chip-border-radius: 50%; opacity: 0.8; margin-left: 10%; margin-top: -30px; } tap_action: action: toggle - type: custom:mushroom-template-card entity: switch.leds_do_aparador_socket_1 style: left: 28% top: 55% icon_color: > {% if is_state('switch.leds_do_aparador_socket_1', 'on') %} orange {% elif is_state('switch.leds_do_aparador_socket_1', 'unavailable') %} red {% else %} white {% endif %} icon: | {% if is_state('switch.leds_do_aparador_socket_1', 'on') %} mdi:led-strip-variant {% else %} mdi:led-strip-variant-off {% endif %} card_mod: style: | ha-card { background: transparent; --chip-background: transparent; --icon-size: 60px; justify-content: center; --chip-height: 110px; --chip-border-radius: 50%; opacity: 0.8; margin-left: 10%; margin-top: -30px; } tap_action: action: toggle - type: custom:mushroom-template-card entity: switch.leds_do_movel_da_tv_socket_1 style: left: 38% bottom: 40% icon_color: > {% if is_state('switch.leds_do_movel_da_tv_socket_1', 'on') %} orange {% elif is_state('switch.leds_do_movel_da_tv_socket_1', 'unavailable') %} red {% else %} white {% endif %} icon: | {% if is_state('switch.leds_do_movel_da_tv_socket_1', 'on') %} mdi:led-strip-variant {% else %} mdi:led-strip-variant-off {% endif %} card_mod: style: | ha-card { background: transparent; --chip-background: transparent; --icon-size: 60px; justify-content: center; --chip-height: 110px; --chip-border-radius: 50%; opacity: 0.8; margin-left: 10%; margin-top: -30px; } tap_action: action: toggle - type: custom:mushroom-template-card entity: switch.sonoff_1001753723_1 style: left: 22% bottom: 23% icon_color: | {% if is_state('switch.sonoff_1001753723_1', 'on') %} orange {% elif is_state('switch.sonoff_1001753723_1', 'unavailable') %} red {% else %} white {% endif %} icon: | {% if is_state('switch.sonoff_1001753723_1', 'on') %} mdi:lightbulb-on {% else %} mdi:lightbulb-off-outline {% endif %} card_mod: style: | ha-card { background: transparent; --chip-background: transparent; --icon-size: 60px; justify-content: center; --chip-height: 110px; --chip-border-radius: 50%; opacity: 0.8; margin-left: 10%; margin-top: -30px; } tap_action: action: toggle - type: custom:mushroom-template-card entity: switch.sonoff_1001753723_2 style: left: 27% bottom: 13% icon_color: | {% if is_state('switch.sonoff_1001753723_2', 'on') %} orange {% elif is_state('switch.sonoff_1001753723_2', 'unavailable') %} red {% else %} white {% endif %} icon: | {% if is_state('switch.sonoff_1001753723_2', 'on') %} mdi:led-strip-variant {% else %} mdi:led-strip-variant-off {% endif %} card_mod: style: | ha-card { background: transparent; --chip-background: transparent; --icon-size: 60px; justify-content: center; --chip-height: 110px; --chip-border-radius: 50%; opacity: 0.8; margin-left: 10%; margin-top: -30px; } tap_action: action: toggle - type: custom:mushroom-template-card entity: switch.sonoff_100169c037 style: left: 9% bottom: 1% icon_color: | {% if is_state('switch.sonoff_100169c037', 'on') %} orange {% elif is_state('switch.sonoff_100169c037', 'unavailable') %} red {% else %} white {% endif %} icon: | {% if is_state('switch.sonoff_100169c037', 'on') %} mdi:lightbulb-on {% else %} mdi:lightbulb-off-outline {% endif %} card_mod: style: | ha-card { background: transparent; --chip-background: transparent; --icon-size: 60px; justify-content: center; --chip-height: 110px; --chip-border-radius: 50%; opacity: 0.8; margin-left: 10%; margin-top: -30px; } tap_action: action: toggle - type: custom:mushroom-template-card entity: switch.sonoff_100169c32f style: left: 10% bottom: 21% icon_color: | {% if is_state('switch.sonoff_100169c32f', 'on') %} orange {% elif is_state('switch.sonoff_100169c32f', 'unavailable') %} red {% else %} white {% endif %} icon: | {% if is_state('switch.sonoff_100169c32f', 'on') %} mdi:lightbulb-on {% else %} mdi:lightbulb-off-outline {% endif %} card_mod: style: | ha-card { background: transparent; --chip-background: transparent; --icon-size: 60px; justify-content: center; --chip-height: 110px; --chip-border-radius: 50%; opacity: 0.8; margin-left: 10%; margin-top: -30px; } tap_action: action: toggle - type: custom:mushroom-template-card entity: switch.sonoff_10016fe342_2 style: right: 51% bottom: 6% icon_color: | {% if is_state('switch.sonoff_10016fe342_2', 'on') %} orange {% elif is_state('switch.sonoff_10016fe342_2', 'unavailable') %} red {% else %} white {% endif %} icon: | {% if is_state('switch.sonoff_10016fe342_2', 'on') %} mdi:lightbulb-on {% else %} mdi:lightbulb-off-outline {% endif %} card_mod: style: | ha-card { background: transparent; --chip-background: transparent; --icon-size: 60px; justify-content: center; --chip-height: 110px; --chip-border-radius: 50%; opacity: 0.8; margin-left: 10%; margin-top: -30px; } tap_action: action: toggle - type: custom:mushroom-template-card entity: light.sonoff_1001e3ab2b style: right: 30% bottom: 14% icon_color: | {% if is_state('light.sonoff_1001e3ab2b', 'on') %} orange {% elif is_state('light.sonoff_1001e3ab2b', 'unavailable') %} red {% else %} white {% endif %} icon: | {% if is_state('light.sonoff_1001e3ab2b', 'on') %} mdi:lightbulb-night {% else %} mdi:lightbulb-night-outline {% endif %} card_mod: style: | ha-card { background: transparent; --chip-background: transparent; --icon-size: 60px; justify-content: center; --chip-height: 110px; --chip-border-radius: 50%; opacity: 0.8; margin-left: 10%; margin-top: -30px; } tap_action: action: toggle - type: custom:mushroom-template-card entity: switch.sonoff_100187cde7 style: left: 20% top: 15% icon_color: | {% if is_state('switch.sonoff_100187cde7', 'on') %} orange {% elif is_state('switch.sonoff_100187cde7', 'unavailable') %} red {% else %} white {% endif %} icon: | {% if is_state('switch.sonoff_100187cde7', 'on') %} mdi:lightbulb-on {% else %} mdi:lightbulb-off-outline {% endif %} card_mod: style: | ha-card { background: transparent; --chip-background: transparent; --icon-size: 60px; justify-content: center; --chip-height: 110px; --chip-border-radius: 50%; opacity: 0.8; margin-left: 10%; margin-top: -30px; } tap_action: action: toggle - title: Climatização path: climatizacao panel: true icon: mdi:home-thermometer-outline cards: - type: picture-elements image: /local/HouseFloorPlan/images/House/base-house-transparent.png styles: null card_mod: style: | ha-card { background-color: transparent !important; width: 107% !important; left: -10%; top: 3%; } elements: - type: custom:mushroom-template-card style: right: '-26%' top: 9% primary: Atualizações secondary: Existem atualizações disponíveis! icon: mdi:arrow-up-bold-hexagon-outline fill_container: true icon_color: green card_mod: style: | mushroom-shape-icon { --shape-color: none !important; } ha-card { padding: 14px !important; background-color: black; border-radius: 20px; } :host { height: 120px; z-index: 999; --mush-icon-size: 46px; --mush-icon-symbol-size: 1.30em; --mush-card-primary-font-size: 18px; --mush-card-secondary-font-size: 24px; --mush-card-secondary-font-weight: bold; --mush-card-secondary-line-height: 1.2; --mush-card-primary-line-height: 1.2; {% if is_state('input_boolean.dashboard_update_available', 'off') or is_state('input_boolean.dashboard_low_battery_warning', 'on') %} display: none; {% endif %} } mushroom-badge-icon { --badge-icon-size: 26px; --badge-size: 26px; } - type: custom:mushroom-template-card style: right: '-20%' top: 9% primary: Alerta secondary: Nível de baterias baixo! icon: mdi:alert-decagram-outline fill_container: true icon_color: orange card_mod: style: | mushroom-shape-icon { --shape-color: none !important; } ha-card { padding: 14px !important; background-color: black; border-radius: 20px; } :host { height: 120px; z-index: 999; --mush-icon-size: 46px; --mush-icon-symbol-size: 1.30em; --mush-card-primary-font-size: 18px; --mush-card-secondary-font-size: 24px; --mush-card-secondary-font-weight: bold; --mush-card-secondary-line-height: 1.2; --mush-card-primary-line-height: 1.2; {% if is_state('input_boolean.dashboard_low_battery_warning', 'off') %} display: none; {% endif %} } mushroom-badge-icon { --badge-icon-size: 26px; --badge-size: 26px; } - type: custom:thermostat-dark-card name: Sala entity: climate.aquecedor_sala_thermostat style: left: 28% top: 26% card_mod: style: | ha-card { background-color: rgba(0, 0, 0, 0.5); border-radius: 20px; padding: 15px 30px 45px 30px !important; width: 310px; } .dial_title { font-size: 35px !important; color: white !important; padding-bottom: 25px !important; } - type: custom:thermostat-dark-card name: Quarto entity: climate.aquecedor_quarto_thermostat style: right: 1% top: 26% card_mod: style: | ha-card { background-color: rgba(0, 0, 0, 0.5); border-radius: 20px; padding: 15px 30px 45px 30px !important; width: 310px; } .dial_title { font-size: 35px !important; color: white !important; padding-bottom: 25px !important; } - type: custom:thermostat-dark-card name: Quarto Rita entity: climate.aquecedor_quarto_rita_thermostat style: left: 28% top: 81% card_mod: style: | ha-card { background-color: rgba(0, 0, 0, 0.5); border-radius: 20px; padding: 15px 30px 45px 30px !important; width: 310px; } .dial_title { font-size: 35px !important; color: white !important; padding-bottom: 25px !important; } - type: custom:mushroom-template-card style: left: 20.5% top: 49% primary: '{{ states(''sensor.aquecedor_sala_battery'') }}%' icon: | {% if states('sensor.aquecedor_sala_battery') | float(0) > 20 %} mdi:battery {% else %} mdi:battery-30 {% endif %} icon_color: | {% if states('sensor.aquecedor_sala_battery') | float(0) > 20 %} green {% else %} red {% endif %} tap_action: action: none card_mod: style: | ha-card { background: transparent !important; --chip-background: transparent !important; --icon-size: 40px; justify-content: center; opacity: 1; margin-left: 10%; margin-top: -30px; width: 200px !important; } - type: custom:mushroom-template-card style: left: 57% top: 49% primary: '{{ states(''sensor.aquecedor_quarto_battery'') }}%' icon: > {% if states('sensor.aquecedor_quarto_battery') | float(0) > 20 %} mdi:battery {% else %} mdi:battery-30 {% endif %} icon_color: > {% if states('sensor.aquecedor_quarto_battery') | float(0) > 20 %} green {% else %} red {% endif %} tap_action: action: none card_mod: style: | ha-card { background: transparent !important; --chip-background: transparent !important; --icon-size: 40px; justify-content: center; opacity: 1; margin-left: 10%; margin-top: -30px; width: 200px !important; } - type: custom:mushroom-template-card style: left: 20.5% bottom: '-10%' primary: '{{ states(''sensor.aquecedor_quarto_rita_battery'') }}%' icon: > {% if states('sensor.aquecedor_quarto_rita_battery') | float(0) > 20 %} mdi:battery {% else %} mdi:battery-30 {% endif %} icon_color: > {% if states('sensor.aquecedor_quarto_rita_battery') | float(0) > 20 %} green {% else %} red {% endif %} tap_action: action: none card_mod: style: | ha-card { background: transparent !important; --chip-background: transparent !important; --icon-size: 40px; justify-content: center; opacity: 1; margin-left: 10%; margin-top: -30px; width: 200px !important; } - title: Segurança path: seguranca panel: true icon: mdi:lightbulb cards: - type: picture-elements image: /local/HouseFloorPlan/images/House/base-house-transparent.png styles: null card_mod: style: | ha-card { background-color: transparent !important; width: 107% !important; left: -10%; top: 3%; } elements: - type: custom:mushroom-template-card style: right: '-26%' top: 9% primary: Atualizações secondary: Existem atualizações disponíveis! icon: mdi:arrow-up-bold-hexagon-outline fill_container: true icon_color: green card_mod: style: | mushroom-shape-icon { --shape-color: none !important; } ha-card { padding: 14px !important; background-color: black; border-radius: 20px; } :host { height: 120px; z-index: 999; --mush-icon-size: 46px; --mush-icon-symbol-size: 1.30em; --mush-card-primary-font-size: 18px; --mush-card-secondary-font-size: 24px; --mush-card-secondary-font-weight: bold; --mush-card-secondary-line-height: 1.2; --mush-card-primary-line-height: 1.2; {% if is_state('input_boolean.dashboard_update_available', 'off') or is_state('input_boolean.dashboard_low_battery_warning', 'on') %} display: none; {% endif %} } mushroom-badge-icon { --badge-icon-size: 26px; --badge-size: 26px; } - type: custom:mushroom-template-card style: right: '-20%' top: 9% primary: Alerta secondary: Nível de baterias baixo! icon: mdi:alert-decagram-outline fill_container: true icon_color: orange card_mod: style: | mushroom-shape-icon { --shape-color: none !important; } ha-card { padding: 14px !important; background-color: black; border-radius: 20px; } :host { height: 120px; z-index: 999; --mush-icon-size: 46px; --mush-icon-symbol-size: 1.30em; --mush-card-primary-font-size: 18px; --mush-card-secondary-font-size: 24px; --mush-card-secondary-font-weight: bold; --mush-card-secondary-line-height: 1.2; --mush-card-primary-line-height: 1.2; {% if is_state('input_boolean.dashboard_low_battery_warning', 'off') %} display: none; {% endif %} } mushroom-badge-icon { --badge-icon-size: 26px; --badge-size: 26px; } - type: custom:webrtc-camera url: rtsp://lusquinhos:luis1981@192.168.1.174/stream2 poster: https://home-assistant.io/images/cast/splash.png muted: true style: left: 43% bottom: 0% width: 500px - type: custom:webrtc-camera url: rtsp://lusquinhos:luis1981@192.168.1.175/stream2 poster: https://home-assistant.io/images/cast/splash.png muted: true style: left: 43% top: 20% width: 500px - title: Media path: media panel: true icon: mdi:lightbulb cards: - type: picture-elements image: /local/HouseFloorPlan/images/House/base-house-transparent.png styles: null card_mod: style: | ha-card { background-color: transparent !important; width: 107% !important; left: -10%; top: 3%; } elements: - type: custom:mushroom-template-card style: right: '-26%' top: 9% primary: Atualizações secondary: Existem atualizações disponíveis! icon: mdi:arrow-up-bold-hexagon-outline fill_container: true icon_color: green card_mod: style: | mushroom-shape-icon { --shape-color: none !important; } ha-card { padding: 14px !important; background-color: black; border-radius: 20px; } :host { height: 120px; z-index: 999; --mush-icon-size: 46px; --mush-icon-symbol-size: 1.30em; --mush-card-primary-font-size: 18px; --mush-card-secondary-font-size: 24px; --mush-card-secondary-font-weight: bold; --mush-card-secondary-line-height: 1.2; --mush-card-primary-line-height: 1.2; {% if is_state('input_boolean.dashboard_update_available', 'off') or is_state('input_boolean.dashboard_low_battery_warning', 'on') %} display: none; {% endif %} } mushroom-badge-icon { --badge-icon-size: 26px; --badge-size: 26px; } - type: custom:mushroom-template-card style: right: '-20%' top: 9% primary: Alerta secondary: Nível de baterias baixo! icon: mdi:alert-decagram-outline fill_container: true icon_color: orange card_mod: style: | mushroom-shape-icon { --shape-color: none !important; } ha-card { padding: 14px !important; background-color: black; border-radius: 20px; } :host { height: 120px; z-index: 999; --mush-icon-size: 46px; --mush-icon-symbol-size: 1.30em; --mush-card-primary-font-size: 18px; --mush-card-secondary-font-size: 24px; --mush-card-secondary-font-weight: bold; --mush-card-secondary-line-height: 1.2; --mush-card-primary-line-height: 1.2; {% if is_state('input_boolean.dashboard_low_battery_warning', 'off') %} display: none; {% endif %} } mushroom-badge-icon { --badge-icon-size: 26px; --badge-size: 26px; } - title: Consumo path: consumo panel: true icon: mdi:home-lightning-bolt cards: - type: picture-elements image: /local/HouseFloorPlan/images/House/base-house-transparent.png styles: null card_mod: style: | ha-card { background-color: transparent !important; width: 107% !important; left: -10%; top: 3%; } elements: - type: custom:mushroom-template-card style: right: '-26%' top: 9% primary: Atualizações secondary: Existem atualizações disponíveis! icon: mdi:arrow-up-bold-hexagon-outline fill_container: true icon_color: green card_mod: style: | mushroom-shape-icon { --shape-color: none !important; } ha-card { padding: 14px !important; background-color: black; border-radius: 20px; } :host { height: 120px; z-index: 999; --mush-icon-size: 46px; --mush-icon-symbol-size: 1.30em; --mush-card-primary-font-size: 18px; --mush-card-secondary-font-size: 24px; --mush-card-secondary-font-weight: bold; --mush-card-secondary-line-height: 1.2; --mush-card-primary-line-height: 1.2; {% if is_state('input_boolean.dashboard_update_available', 'off') or is_state('input_boolean.dashboard_low_battery_warning', 'on') %} display: none; {% endif %} } mushroom-badge-icon { --badge-icon-size: 26px; --badge-size: 26px; } - type: custom:mushroom-template-card style: right: '-20%' top: 9% primary: Baterias secondary: Nível de baterias baixo! icon: mdi:alert-decagram-outline fill_container: true icon_color: orange card_mod: style: | mushroom-shape-icon { --shape-color: none !important; } ha-card { padding: 14px !important; background-color: black; border-radius: 20px; } :host { height: 120px; z-index: 999; --mush-icon-size: 46px; --mush-icon-symbol-size: 1.30em; --mush-card-primary-font-size: 18px; --mush-card-secondary-font-size: 24px; --mush-card-secondary-font-weight: bold; --mush-card-secondary-line-height: 1.2; --mush-card-primary-line-height: 1.2; {% if is_state('input_boolean.dashboard_low_battery_warning', 'off') %} display: none; {% endif %} } mushroom-badge-icon { --badge-icon-size: 26px; --badge-size: 26px; } - title: Consumos path: consumos panel: true icon: mdi:home-lightning-bolt cards: - type: picture-elements image: /local/HouseFloorPlan/images/House/base-house-transparent.png styles: null card_mod: style: | ha-card { background-color: transparent !important; width: 107% !important; left: -10%; top: 3%; } elements: - type: custom:mushroom-template-card style: right: '-26%' top: 9% primary: Atualizações secondary: Existem atualizações disponíveis! icon: mdi:arrow-up-bold-hexagon-outline fill_container: true icon_color: green card_mod: style: | mushroom-shape-icon { --shape-color: none !important; } ha-card { padding: 14px !important; background-color: black; border-radius: 20px; } :host { height: 120px; z-index: 999; --mush-icon-size: 46px; --mush-icon-symbol-size: 1.30em; --mush-card-primary-font-size: 18px; --mush-card-secondary-font-size: 24px; --mush-card-secondary-font-weight: bold; --mush-card-secondary-line-height: 1.2; --mush-card-primary-line-height: 1.2; {% if is_state('input_boolean.dashboard_update_available', 'off') or is_state('input_boolean.dashboard_low_battery_warning', 'on') %} display: none; {% endif %} } mushroom-badge-icon { --badge-icon-size: 26px; --badge-size: 26px; } - type: custom:mushroom-template-card style: right: '-20%' top: 9% primary: Baterias secondary: Nível de baterias baixo! icon: mdi:alert-decagram-outline fill_container: true icon_color: orange card_mod: style: | mushroom-shape-icon { --shape-color: none !important; } ha-card { padding: 14px !important; background-color: black; border-radius: 20px; } :host { height: 120px; z-index: 999; --mush-icon-size: 46px; --mush-icon-symbol-size: 1.30em; --mush-card-primary-font-size: 18px; --mush-card-secondary-font-size: 24px; --mush-card-secondary-font-weight: bold; --mush-card-secondary-line-height: 1.2; --mush-card-primary-line-height: 1.2; {% if is_state('input_boolean.dashboard_low_battery_warning', 'off') %} display: none; {% endif %} } mushroom-badge-icon { --badge-icon-size: 26px; --badge-size: 26px; } - type: custom:circle-sensor-card entity: sensor.han_module_eb_energy_p1_r1 name: Vazio tariff_state: sensor.han_module_eb_tariff_p1 active_tariff_state: '1' max: 1 min: 1 stroke_width: 10 stroke_color: '#4ba6ee' stroke_bg_color: '#4ba6ee' stroke_active_color: '#f19d38' stroke_active_bg_color: '#f19d38' fill: rgba(28, 28, 28, .65) units: kWh show_max: false font_style: color: white font-size: 1.7em style: top: 30% left: 19% width: 250px height: 250px - type: custom:circle-sensor-card entity: sensor.han_module_eb_energy_p1_r2 name: Ponta tariff_state: sensor.han_module_eb_tariff_p1 active_tariff_state: '2' max: 1 min: 1 stroke_width: 10 stroke_color: '#4ba6ee' stroke_bg_color: '#4ba6ee' stroke_active_color: '#f19d38' stroke_active_bg_color: '#f19d38' fill: rgba(28, 28, 28, .65) units: kWh show_max: false font_style: color: white font-size: 1.7em style: top: 30% left: 50% width: 250px height: 250px - type: custom:circle-sensor-card entity: sensor.han_module_eb_energy_p1_r3 name: Cheio tariff_state: sensor.han_module_eb_tariff_p1 active_tariff_state: '3' max: 1 min: 1 stroke_width: 10 stroke_color: '#4ba6ee' stroke_bg_color: '#4ba6ee' stroke_active_color: '#f19d38' stroke_active_bg_color: '#f19d38' fill: rgba(28, 28, 28, .65) units: kWh show_max: false font_style: color: white font-size: 1.7em style: top: 30% right: '-8%' width: 250px height: 250px