Custom Lovelace view for the Nest Hub

Share your Projects! Dashboards & Frontend
1

here is my config and the view in shown in youtube link.

title: Nest Hub
views:
  - icon: ''
    panel: true
    path: begane-grond
    title: Begane grond
    badges: []
    cards:
      - elements:
          - entity: light.led_tv_kast
            style:
              left: 20%
              top: 25%
              transform: 'scale(2,2)'
            tap_action:
              action: toggle
            type: state-icon
          - entity: light.hanglamp
            style:
              left: 22%
              top: 75%
              transform: 'scale(2,2)'
            tap_action:
              action: toggle
            type: state-icon
          - entity: switch.woonkamer_plafond_licht
            style:
              left: 23%
              top: 47%
              transform: 'scale(2,2)'
            tap_action:
              action: toggle
            type: state-icon
          - entity: switch.keuken_kastjes_licht
            style:
              left: 65%
              top: 25%
              transform: 'scale(2,2)'
            tap_action:
              action: toggle
            type: state-icon
          - entity: switch.keuken_plafond_licht
            style:
              left: 75%
              top: 30%
              transform: 'scale(2,2)'
            tap_action:
              action: toggle
            type: state-icon
          - entity: switch.hal_begane_grond_licht
            style:
              left: 75%
              top: 75%
              transform: 'scale(2,2)'
            tap_action:
              action: toggle
            type: state-icon
          - entity: switch.eettafel_licht
            style:
              left: 44%
              top: 28%
              transform: 'scale(2,2)'
            tap_action:
              action: toggle
            type: state-icon
          - attribute: current_temperature
            entity: climate.toon_thermostat
            style:
              color: yellow
              left: 43%
              top: 61%
              transform: 'scale(2,2)'
            suffix: °C
            type: state-label
          - service: scene.turn_on
            service_data:
              entity_id: scene.woonkamer_verlichting_aan
            style:
              left: 40%
              top: 82%
              transform: 'scale(2,2)'
            title: Woonkamer verlichting aan
            type: service-button
          - service: scene.turn_on
            service_data:
              entity_id: scene.woonkamer_verlichting_uit
            style:
              color: red
              left: 40%
              top: 92%
              transform: 'scale(2,2)'
            title: Woonkamer verlichting uit
            type: service-button
          - icon: 'mdi:camera'
            style:
              color: pink
              left: 90%
              top: 60%
              transform: 'scale(2,2)'
            tap_action:
              action: navigate
              navigation_path: /nest-hub/beveiliging
            type: icon
          - icon: 'mdi:home-floor-1'
            style:
              color: pink
              left: 90%
              top: 70%
              transform: 'scale(2,2)'
            tap_action:
              action: navigate
              navigation_path: /nest-hub/1e-verdieping
            type: icon
          - icon: 'mdi:home-floor-2'
            style:
              color: pink
              left: 90%
              top: 80%
              transform: 'scale(2,2)'
            tap_action:
              action: navigate
              navigation_path: /nest-hub/2e-verdieping
            type: icon
        image: 'http://192.168.1.225:8123/local/beganegrond.jpg'
        type: picture-elements
  - badges: []
    cards:
      - elements:
          - entity: switch.overloop_eerste_etage_licht
            style:
              left: 45.2%
              top: 54%
              transform: 'scale(2,2)'
            tap_action:
              action: toggle
            type: state-icon
          - attribute: null
            entity: sensor.temperature_temp_slaapkamer_menno
            style:
              color: white
              left: 22%
              top: 22%
              transform: 'scale(2,2)'
            type: state-label
          - attribute: null
            entity: sensor.humidity_luchtvochtigheid_slaapkamer_menno
            style:
              color: white
              left: 22%
              top: 29%
              transform: 'scale(2,2)'
            type: state-label
          - attribute: null
            entity: sensor.pressure_luchtdruk_slaapkamer_menno
            style:
              color: white
              left: 22%
              top: 36%
              transform: 'scale(2,2)'
            type: state-label
          - attribute: null
            entity: sensor.temperature_temp_slaapkamer
            style:
              color: white
              left: 70%
              top: 42%
              transform: 'scale(2,2)'
            type: state-label
          - attribute: null
            entity: sensor.humidity_luchtvochtigheid_slaapkamer
            style:
              color: white
              left: 70%
              top: 49%
              transform: 'scale(2,2)'
            type: state-label
          - attribute: null
            entity: sensor.pressure_luchtdruk_slaapkamer
            style:
              color: white
              left: 70%
              top: 56%
              transform: 'scale(2,2)'
            type: state-label
          - icon: 'mdi:camera'
            style:
              color: pink
              left: 90%
              top: 60%
              transform: 'scale(2,2)'
            tap_action:
              action: navigate
              navigation_path: /nest-hub/beveiliging
            type: icon
          - icon: 'mdi:home'
            style:
              color: pink
              left: 90%
              top: 70%
              transform: 'scale(2,2)'
            tap_action:
              action: navigate
              navigation_path: /nest-hub/begane-grond
            type: icon
          - icon: 'mdi:home-floor-2'
            style:
              color: pink
              left: 90%
              top: 80%
              transform: 'scale(2,2)'
            tap_action:
              action: navigate
              navigation_path: /nest-hub/2e-verdieping
            type: icon
        image: 'http://192.168.1.225:8123/local/1e_etage.jpg'
        type: picture-elements
    panel: true
    path: 1e-verdieping
    title: 1e verdieping
    visible:
      - user: 4f69a096ea6d41929c4eca53129654d9
      - user: 19305369fa664199be356458bd747e68
      - user: abc9a3068b5945d0b60a58f157e0b477
      - user: 3bbb576b74eb4915b4b43078ad3379cd
  - badges: []
    cards:
      - elements:
          - entity: switch.overloop_zolder_licht
            style:
              left: 43%
              top: 52%
              transform: 'scale(2,2)'
            tap_action:
              action: toggle
            type: state-icon
          - attribute: null
            entity: sensor.temperature_temp_slaapkamer_merle
            style:
              color: white
              left: 70%
              top: 31%
              transform: 'scale(2,2)'
            type: state-label
          - attribute: null
            entity: sensor.humidity_luchtvochtigheid_slaapkamer_merle
            style:
              color: white
              left: 70%
              top: 38%
              transform: 'scale(2,2)'
            type: state-label
          - attribute: null
            entity: sensor.pressure_luchtdruk_slaapkamer_merle
            style:
              color: white
              left: 70%
              top: 45%
              transform: 'scale(2,2)'
            type: state-label
          - icon: 'mdi:camera'
            style:
              color: pink
              left: 90%
              top: 60%
              transform: 'scale(2,2)'
            tap_action:
              action: navigate
              navigation_path: /nest-hub/beveiliging
            type: icon
          - icon: 'mdi:home'
            style:
              color: pink
              left: 90%
              top: 70%
              transform: 'scale(2,2)'
            tap_action:
              action: navigate
              navigation_path: /nest-hub/begane-grond
            type: icon
          - icon: 'mdi:home-floor-1'
            style:
              color: pink
              left: 90%
              top: 80%
              transform: 'scale(2,2)'
            tap_action:
              action: navigate
              navigation_path: /nest-hub/1e-verdieping
            type: icon
        image: 'http://192.168.1.225:8123/local/2e_etage.jpg'
        type: picture-elements
    panel: true
    path: 2e-verdieping
    title: 2e verdieping
    visible:
      - user: 4f69a096ea6d41929c4eca53129654d9
      - user: 19305369fa664199be356458bd747e68
      - user: abc9a3068b5945d0b60a58f157e0b477
      - user: 3bbb576b74eb4915b4b43078ad3379cd
  - badges: []
    cards:
      - aspect_ratio: 0%
        camera_image: camera.sjoerd_tuin
        entities: []
        image: 'https://demo.home-assistant.io/stub_config/kitchen.png'
        title: Tuin
        type: picture-glance
      - aspect_ratio: 0%
        camera_image: camera.sjoerd_voordeur
        entities: []
        image: 'https://demo.home-assistant.io/stub_config/kitchen.png'
        title: Voordeur
        type: picture-glance
      - aspect_ratio: 0%
        camera_image: camera.sjoerd_woonkamer
        entities: []
        image: 'https://demo.home-assistant.io/stub_config/kitchen.png'
        title: Woonkamer
        type: picture-glance
      - cards:
          - hold_action:
              action: none
            icon: 'mdi:home'
            icon_height: 50px
            name: Begane grond
            show_icon: true
            show_name: true
            tap_action:
              action: navigate
              navigation_path: \nest-hub\begane-grond
            type: button
          - hold_action:
              action: none
              show_icon: true
              show_name: true
            icon: 'mdi:home-floor-1'
            icon_height: 50px
            name: 1e Verdieping
            tap_action:
              action: navigate
              navigation_path: \nest-hub\1e-verdieping
            type: button
          - hold_action:
              action: none
            icon: 'mdi:home-floor-2'
            icon_height: 50px
            name: 2e Verdieping
            show_icon: true
            show_name: true
            tap_action:
              action: navigate
              navigation_path: \nest-hub\2e-verdieping
            type: button
        type: vertical-stack
    panel: false
    path: beveiliging
    title: beveiliging

Here is the view

2 Likes
2

Very nice. I was wondering, do you use cast or catt to show it on the Google Nest Hub.

3

i use cast through an automation, it triggers on starting of home assistant or when the nest stops playing.
automation:

- id: '1591682005536'
  alias: Test Nest Hub
  description: ''
  trigger:
  - event: start
    platform: homeassistant
  - entity_id: media_player.hub_huiskamer
    platform: state
    to: 'off'
  action:
  - data:
      entity_id: media_player.hub_huiskamer
      view_path: begane-grond
    service: cast.show_lovelace_view
  - delay: '00:00:05'
  - data:
      dashboard_path: nest-hub
      entity_id: media_player.hub_huiskamer
      view_path: begane-grond
    service: cast.show_lovelace_view

the 5 seconds delay and resend the cast with dashboard is the workaround for the page not found error.

4

Tried it, but (as always) getting the error message: Unable to find a view with path …
And I think casting and custom cards does not work together.
Thanks anyway