Example HA Dashboard Page (shown in 37C3 Talk)

Showroom Home Assistant
,
1

This is my Demo Code i used to realize this example Dashboard that was shown at the 37C3 Talk

msg-1001258867564-32388
msg-1001258867564-323881280×576 60.7 KB

This example requiers an running “TeddyCloud” Server, at least one connected Toniebox (here i have three Boxes connected), HomeAssistant, MQTT Connection between TeddyCloud and HA

- title: TeddyCloud
    path: teddycloud
    visible:
      - user: xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
    badges: []
    cards:
      - type: vertical-stack
        cards:
          - type: picture
            image_entity: image.teddycloud_box_beere_content_picture
          - type: entity
            entity: sensor.teddycloud_box_beere_content_title
            name: Titel
          - type: entities
            title: Toniebox Beere
            entities:
              - entity: sensor.teddycloud_box_beere_tag_valid
                name: Tag UID
              - entity: binary_sensor.teddycloud_box_beere_charger
                name: Ladestation
              - entity: sensor.teddycloud_box_beere_volume_db
                name: Volume dB
              - entity: sensor.teddycloud_box_beere_volume_level
                name: Volume Level
              - entity: event.teddycloud_box_beere_volume_down
                name: kleines Ohr (leiser)
              - entity: event.teddycloud_box_beere_volume_up
                name: großes Ohr (lauter)
              - entity: sensor.teddycloud_box_beere_content_audio_id
      - type: vertical-stack
        cards:
          - type: picture
            image: https://demo.home-assistant.io/stub_config/t-shirt-promo.png
            image_entity: image.teddycloud_box_grau_content_picture
          - type: entity
            entity: sensor.teddycloud_box_grau_content_title
            name: Titel
          - type: entities
            title: Toniebox Grau (LED)
            entities:
              - entity: sensor.teddycloud_box_grau_tag_valid
                name: Tag UID
              - entity: binary_sensor.teddycloud_box_grau_charger
                name: Ladestation
              - entity: sensor.teddycloud_box_grau_volume_db
                name: Volume dB
              - entity: sensor.teddycloud_box_grau_volume_level
                name: Volume Level
              - entity: event.teddycloud_box_grau_volume_down
                name: kleines Ohr (leiser)
              - entity: event.teddycloud_box_grau_volume_up
                name: großes Ohr (lauter)
              - entity: sensor.teddycloud_box_grau_content_audio_id
      - type: vertical-stack
        cards:
          - type: picture
            image: https://demo.home-assistant.io/stub_config/t-shirt-promo.png
            image_entity: image.teddycloud_box_rot_content_picture
          - type: entity
            entity: sensor.teddycloud_box_rot_content_title
            name: Titel
          - type: entities
            title: Toniebox Rot
            entities:
              - entity: sensor.teddycloud_box_rot_tag_valid
                name: Tag UID
              - entity: sensor.teddycloud_box_rot_playback
              - entity: binary_sensor.teddycloud_box_rot_charger
                name: Ladestation
              - entity: sensor.teddycloud_box_rot_volume_db
                name: Volume dB
              - entity: sensor.teddycloud_box_rot_volume_level
                name: Volume Level
              - entity: event.teddycloud_box_rot_volume_down
                name: kleines Ohr (leiser)
              - entity: event.teddycloud_box_rot_volume_up
                name: großes Ohr (lauter)
              - entity: sensor.teddycloud_box_rot_content_audio_id
      - type: entities
        entities:
          - entity: >-
              switch.teddycloud_server_cloud_cachecontent_cache_cloud_content_on_local_server
            name: Cache Cloud Content
          - entity: >-
              switch.teddycloud_server_cloud_enabled_generally_enable_cloud_operation
            name: Enable Cloud Operation

please note, its only my Example Code that is extracted of my Dashboard yaml file.

3 Likes
2

Hi,
Did you manage to set some image while tonie is not playing? I’ve tried to, but it never gives me image that I set, I think teddycloud is pushing empty image into entity as well while not playing and just got that nasty no-image icon there…
image

Edit:
Kind of sorted it with extra automation to publish different payload, but somehow my HA won’t show pictures from https link from teddycloud, when i manually publish same link but http it does work. I’ve used completely different image now.
image