Zeigt her eure Dashboards!

Habe den Brwoser-Mod so eingestellt das er nach 1 Minute ohne Berührung auf 15% Helligkeit runterschaltet und erst nach Berührung wieder auf 100%. Damit stört das Licht des TV nicht - vor allem in der Nacht.
Zum Bedienen ist so ein großer Touchscreen ideal wie ich find :sweat_smile:

@Shime
Ja sicher du findest mit Sicherheit jede Taste :sweat_smile:

@Shime Sehr schön, darf man fragen wieso beim Energie anzeige PV und Bkw nicht eingebunden ist?

Ist alles eingebunden nur die PV-Balkon Anzeige ist momentan offline weil ich den Tasmota Schalter im vorhinein schon konfiguriert habe die Anlage selbst werde ich aber erst dieses Wochenende installieren😅

Hmmm, bekomme es so aber nur hintereinander und ohne Text.
Und wenn etwas keine Leistung benötigt, wird es nicht ausgeblendet, wird dann stattdessen mit weißer Schrift angezeigt:

chips:
  - type: conditional
    conditions: null
  - type: entity
    entity: sensor.sh_k_hz_leistung
    icon: mdi:water-boiler
    name: Heizung
    tap_action:
      action: navigate
      navigation_path: /lovelace/15
    card_mod:
      style: |
        ha-card {
          {% set state = states('sensor.sh_k_hz_leistung') | int %}
          {% if state >= 100 %} 
            --text-color: red;
          {% elif state >= 60 %}
            --text-color: orange;
          {% elif state >= 30 %}
            --text-color: yellow;
          {% elif state >= 20 %}
            --text-color: yellowgreen;
          {% endif %}
        }
  - type: entity
    entity: sensor.p_w_k_k_leistung
    icon: mdi:fridge
    name: Kühlschrank
    card_mod:
      style: |
        ha-card {
          {% set state = states('sensor.p_w_k_k_leistung') | int %}
          {% if state >= 100 %} 
            --text-color: red;
          {% elif state >= 60 %}
            --text-color: orange;
          {% elif state >= 30 %}
            --text-color: yellow;
          {% elif state >= 20 %}
            --text-color: yellowgreen;
          {% endif %}
        }
  - type: entity
    entity: sensor.p_w_w_fb_leistung
    icon: mdi:router-network-wireless
    name: FRITZ!Box
    tap_action:
      action: navigate
      navigation_path: /lovelace/14
    card_mod:
      style: |
        ha-card {
          {% set state = states('sensor.p_w_w_fb_leistung') | int %}
          {% if state >= 6 %} 
            --text-color: red;
          {% elif state >= 5 %}
            --text-color: yellowgreen;
          {% endif %}
        }
  - type: entity
    entity: sensor.p_w_kz_mo_leistung
    icon: mdi:moon-waning-crescent
    name: Mond
    card_mod:
      style: |
        ha-card {
          {% set state = states('sensor.p_w_kz_mo_leistung') | int %}
          {% if state <= 100 %} 
            --text-color: red;
          {% endif %}
        }
conditions:
  - condition: numeric_state
    above: 1
title: aktuell

Also ich habe es bei mir so gelöst:
Allerdings nach state und nicht nach value. Aber das kann man ja anpassen.

type: horizontal-stack
cards:
  - type: conditional
    conditions:
      - condition: or
        conditions:
          - condition: state
            entity: switch.beleuchtung_teich
            state: 'on'
          - condition: state
            entity: switch.pool_lichterkette_socket_1
            state: 'on'
          - condition: state
            entity: switch.sitzecke_himmel_socket_1
            state: 'on'
    card:
      type: custom:mushroom-chips-card
      chips:
        - type: template
          tap_action:
            action: navigate
            navigation_path: /dashboard-macbook/beleuchtung
          hold_action:
            action: none
          double_tap_action:
            action: none
          icon: mdi:lightbulb
          icon_color: red
          content: ''
  - type: conditional
    conditions:
      - condition: or
        conditions:
          - condition: state
            entity: switch.pumpe
            state: 'on'
    card:
      type: custom:mushroom-chips-card
      chips:
        - type: template
          tap_action:
            action: navigate
            navigation_path: /dashboard-macbook/wasserversorgung
          hold_action:
            action: none
          double_tap_action:
            action: none
          icon: mdi:water-pump
          icon_color: red
          content: ''
  - type: horizontal-stack
    cards:
      - type: conditional
        conditions:
          - condition: or
            conditions:
              - condition: state
                entity: switch.boiler
                state: 'on'
        card:
          type: custom:mushroom-chips-card
          chips:
            - type: template
              tap_action:
                action: navigate
                navigation_path: /dashboard-macbook/wasserversorgung
              hold_action:
                action: none
              double_tap_action:
                action: none
              icon: mdi:water-boiler
              icon_color: red
              content: ''
  - type: horizontal-stack
    cards:
      - type: conditional
        conditions:
          - condition: or
            conditions:
              - condition: state
                entity: switch.teich_skimmer_socket_1
                state: 'on'
        card:
          type: custom:mushroom-chips-card
          chips:
            - type: template
              tap_action:
                action: navigate
                navigation_path: /dashboard-macbook/teich
              hold_action:
                action: none
              double_tap_action:
                action: none
              icon: mdi:filter
              icon_color: red
              content: ''
  - type: conditional
    conditions:
      - condition: or
        conditions:
          - condition: state
            entity: switch.teich_wasserfall_socket_1
            state: 'on'
    card:
      type: custom:mushroom-chips-card
      chips:
        - type: template
          tap_action:
            action: navigate
            navigation_path: /dashboard-macbook/teich
          hold_action:
            action: none
          double_tap_action:
            action: none
          icon: mdi:waterfall
          icon_color: red
          content: ''

Realisiert über Bedingungskarten, da ich die Symbole angezeigt bekommen möchte, wenn bestimmte Geräte angeschaltet sind.

Hi @guevara777!

Danke, dass du deine Arbeit hier veröffentlichst. Gefällt mir mega gut. :heart_eyes:
Ich bekomme allerdings einen Fehler, weil mir ein Template fehlt, das ich hier nicht finden konnte: barcard_new
image
Würdest du das noch bereitstellen und verraten, wie und wo das hinterlegt wird? :slight_smile:

Achso, kannst du bitte noch sagen, wie folgende deiner Entitäten aussehen?

  • sensor.gm2021_gas_total
  • sensor.gm2021_gas_total_cost
  • sensor.gm2021_kilowattstunde_gas_total
  • sensor.gm2021_kilowattstunde_gas_today

Danke, Gruß und ein schönes Wochenende

Das sind die Zählerwerte die ich über einen ESPhome-ESP32 mit einem Reed-Kontakt an den Zähler angeschlossen habe. Der “cost”-Sensor wird von Home Assistant erstellt, wenn du die Kosten im Energy-Dashboard trackst.

Du kannst dafür aber auch ein Utility-Meter anlegen. Ich weiß ja nicht wie du die Werte von deinem Gaszähler bekommst.

Ah, okay. Danke dir. Ich mach das ähnlich, via Tasmota. Sieht jetzt gut aus. :slight_smile:
Allerdings sieht die Statistik nicht richtig aus.


Da scheint alles auf einen Tag zu fallen. Warum auch immer auf den 16.05.2024. Als Entität habe ich das: sensor.gasverbrauch_kwh_total
Hab ich was falsch gemacht? Welche Entität sollte da rein?

Mh, das wäre eigentlich die richtige. Ich nutze mittlerweile die Apex-Charts-Card für die Darstellung, da die andere Karte nicht weiterentwickelt wird.

Sieht dann so aus:

Hier der code für die Karte:

type: vertical-stack
cards:
  - type: custom:tabbed-card
    styles:
      '--mdc-theme-primary': var(--energy-gas-color)
      '--mdc-tab-horizontal-padding': 0px !important
    tabs:
      - attributes:
          minWidth: true
          stacked: false
          label: Tag
        card:
          type: custom:apexcharts-card
          card_mod:
            style: |
              ha-card {
                padding: 0px !important;
                border: none;
                box-shadow: none;
                margin-bottom: -3rem;
              }      
          experimental:
            color_threshold: true
          yaxis:
            - id: YACHSE
              opposite: false
              apex_config:
                tickAmount: 4
                forceNiceScale: true
                decimalsInFloat: 0
          apex_config:
            grid:
              show: true
              borderColor: '#E0E0E0'
            chart:
              height: 400px
              offsetY: -20
            tooltip:
              enabled: true
              followCursor: false
              x:
                show: true
              fixed:
                enabled: false
          header:
            show: true
            show_states: true
            colorize_states: true
            standard_format: false
          graph_span: 1day
          span:
            start: day
          series:
            - entity: sensor.gasverbrauch_kwh_daily
              yaxis_id: YACHSE
              group_by:
                func: diff
                start_with_last: false
                duration: 1hour
              show:
                in_header: raw
                name_in_header: true
                header_color_threshold: true
              color: var(--energy-gas-color)
              type: column
              stroke_width: 2
              float_precision: 1
      - attributes:
          minWidth: true
          stacked: false
          label: Woche
        card:
          type: custom:apexcharts-card
          card_mod:
            style: |
              ha-card {
                padding: 0px !important;
                border: none;
                box-shadow: none;
                margin-bottom: -3rem;
              }      
          experimental:
            color_threshold: true
          yaxis:
            - id: YACHSE
              opposite: false
              apex_config:
                tickAmount: 4
                forceNiceScale: true
                decimalsInFloat: 0
          apex_config:
            grid:
              show: true
              borderColor: '#E0E0E0'
            chart:
              height: 400px
              offsetY: -20
            tooltip:
              enabled: true
              followCursor: false
              x:
                show: true
              fixed:
                enabled: false
          header:
            show: true
            show_states: true
            colorize_states: true
            standard_format: false
          graph_span: 7d
          span:
            start: isoWeek
          series:
            - entity: sensor.gasverbrauch_kwh_weekly
              yaxis_id: YACHSE
              statistics:
                type: sum
              group_by:
                func: diff
                start_with_last: false
                duration: 1d
              show:
                in_header: raw
                name_in_header: true
                header_color_threshold: true
              color: var(--energy-gas-color)
              type: column
              stroke_width: 2
              float_precision: 0
      - attributes:
          minWidth: true
          stacked: false
          label: Monat
        card:
          type: custom:apexcharts-card
          card_mod:
            style: |
              ha-card {
                padding: 0px !important;
                border: none;
                box-shadow: none;
                margin-bottom: -3rem;
              }      
          experimental:
            color_threshold: true
          yaxis:
            - id: YACHSE
              opposite: false
              apex_config:
                tickAmount: 4
                forceNiceScale: true
                decimalsInFloat: 0
          apex_config:
            grid:
              show: true
              borderColor: '#E0E0E0'
            chart:
              height: 400px
              offsetY: -20
            tooltip:
              enabled: true
              followCursor: false
              x:
                show: true
              fixed:
                enabled: false
          header:
            show: true
            show_states: true
            colorize_states: true
            standard_format: false
          graph_span: 1month
          span:
            start: month
          series:
            - entity: sensor.gasverbrauch_kwh_monthly
              yaxis_id: YACHSE
              statistics:
                type: sum
              group_by:
                func: diff
                start_with_last: false
                duration: 1day
              show:
                in_header: raw
                name_in_header: true
                header_color_threshold: true
              color: var(--energy-gas-color)
              type: column
              stroke_width: 2
              float_precision: 0
      - attributes:
          minWidth: true
          stacked: false
          label: Jahr
        card:
          type: custom:apexcharts-card
          card_mod:
            style: |
              ha-card {
                padding: 0px !important;
                border: none;
                box-shadow: none;
                margin-bottom: -3rem;
              }      
          experimental:
            color_threshold: true
          yaxis:
            - id: YACHSE
              opposite: false
              apex_config:
                tickAmount: 4
                forceNiceScale: true
                decimalsInFloat: 0
          apex_config:
            grid:
              show: true
              borderColor: '#E0E0E0'
            chart:
              height: 400px
              offsetY: -20
            tooltip:
              enabled: true
              followCursor: false
              x:
                show: true
              fixed:
                enabled: false
          header:
            show: true
            show_states: true
            colorize_states: true
            standard_format: false
          graph_span: 1y
          span:
            start: year
          series:
            - entity: sensor.gasverbrauch_kwh_yearly
              yaxis_id: YACHSE
              statistics:
                type: sum
              group_by:
                func: diff
                start_with_last: false
                duration: 1month
              show:
                in_header: raw
                name_in_header: true
                header_color_threshold: true
              color: var(--energy-gas-color)
              type: column
              stroke_width: 2
              float_precision: 0

2 „Gefällt mir“

Hallo @onofthepagans
Frage: welche Karte ist die für die Shellys - so etwas such ich schon länger.
Danke

Meinst du die Heizungsübersicht? Auf den Bildern ist nichts von Shelly zu sehen.

Hallo @onofthepagans
ich meine Deinen Beitrag vom Februar 2023
dashboard_1

beste Grüße
Wolli

Es handelt sich hier um die HACS Integration
https://github.com/benct/lovelace-multiple-entity-row

2 „Gefällt mir“

Habe noch etwas weiter “rumgespielt”. Im Moment bin ich damit sehr zufrieden. Das ist die Ansicht auf dem Handy, fürs Tablet hab ich es etwas bearbeitet. Aber im Großen und Ganzen sieht es so ähnlich aus.

Danke für Eure Hilfe!!!

2 „Gefällt mir“

@onofthepagans
Danke - funktioniert perfekt :slight_smile:

Funktioniert super, danke dir @guevara777.
Hast du dein “Subview Strom-Jahresstatistik” auch auf Apex umgebaut? :slight_smile:
Das ist ja noch der history-explorer-card, wenn ich das richtig gesehen habe.

1 „Gefällt mir“

Nein, die Sub-View hab ich entfernt. Sorry.

1 „Gefällt mir“

wie hast du den Kalender so “klein” bekommen?

Hey das der atomic calendar
Da kann man den event modus einstellen oder normalen Kalender modus einfach über hacs installieren
https://github.com/totaldebug/atomic-calendar-revive