frigate-hass-card: Frigate card query args not working when used with Bubble Card

I am using the bubble card to have a popup using the navigate action. This is basically a card that is in the dashboard but hidden and when the navigation is called with the hash #cameras a popup will show with the card inside.

Running frigate card 5.2.0

Here is the yaml for the view that is calling this:

type: custom:mushroom-chips-card
chips:
  - type: template
    entity: sensor.frigate_status
    content: |-
      {% if (states("binary_sensor.back_deck_cam_person_occupancy") == 'on')  %}
        Person @ Back Deck
      {% elif states('binary_sensor.back_deck_cam_dog_occupancy') == 'on' %}
        Dog @ Back Deck
      {% else %}
        Back Deck
      {% endif %}
    icon: |-
      {% if (states("binary_sensor.back_deck_cam_person_occupancy") == 'on')  %}
        mdi:account-alert-outline
      {% elif states('binary_sensor.back_deck_cam_dog_occupancy') == 'on' %}
        mdi:dog-service
      {% else %}
        mdi:cctv
      {% endif %}
    icon_color: |-
      {% if (states("binary_sensor.back_deck_cam_person_occupancy") == 'on')  %}
        red
      {% elif states('binary_sensor.back_deck_cam_dog_occupancy') == 'on' %}
        red
      {% else %}
        white
      {% endif %}
    tap_action:
      action: navigate
      navigation_path: '#cameras?frigate-card-action:camera_select=back_deck_cam'
alignment: center

I have also tried

navigation_path: '#cameras?frigate-card-action:popup:camera_select=back_deck_cam' navigation_path: '#cameras?frigate-card-action:camera_select=camera.back_deck_cam'

but they also do not seem to work.

Here is the yaml for the frigate card in a popup

type: vertical-stack
cards:
  - type: custom:bubble-card
    card_type: pop-up
    hash: '#cameras'
    name: Cameras
    icon: mdi:cctv
    margin_top_mobile: 0px
    margin_top_desktop: 28px
    width_desktop: 90%
  - type: custom:vertical-stack-in-card
    cards:
      - type: custom:frigate-card
        card_id: popup
        cameras:
          - camera_entity: camera.front_cam
            live_provider: go2rtc
            go2rtc:
              modes:
                - webrtc
            frigate:
              labels:
                - person
                - dog
                - cat
            id: front_cam
          - camera_entity: camera.back_gate_cam
            live_provider: go2rtc
            go2rtc:
              modes:
                - webrtc
            frigate:
              labels:
                - person
            id: back_gate_cam
          - camera_entity: camera.back_deck_cam
            live_provider: go2rtc
            go2rtc:
              modes:
                - webrtc
            frigate:
              labels:
                - person
            id: back_deck_cam
          - camera_entity: camera.garage_cam
            live_provider: go2rtc
            go2rtc:
              modes:
                - webrtc
            frigate:
              labels:
                - person
          - camera_entity: camera.front_doorbell_cam
            live_provider: go2rtc
            go2rtc:
              modes:
                - webrtc
            frigate:
              labels:
                - person
          - camera_entity: camera.office_cam
            live_provider: go2rtc
            go2rtc:
              modes:
                - webrtc
            frigate:
              labels:
                - dog
        live:
          lazy_unload: all
          auto_play: all
          auto_mute: all
          auto_unmute: never
          controls:
            title:
              mode: none
            thumbnails:
              mode: below
              media: snapshots
              show_details: false
            next_previous:
              style: none
          zoomable: false
          auto_pause: all
        media_viewer:
          controls:
            title:
              mode: none
            next_previous:
              style: none
        menu:
          style: outside
          position: bottom
          buttons:
            frigate:
              enabled: false
            snapshots:
              enabled: false
            download:
              enabled: false
            camera_ui:
              enabled: false
            fullscreen:
              enabled: false
            media_player:
              enabled: false
            microphone:
              enabled: true
            timeline:
              enabled: false
        performance:
          profile: high
        timeline: {}

I can see the url properly showing the query args, and the card opens but it always opens to front_cam

example: http://HA_IP:8123/dashboard-draft/default-view#cameras?frigate-card-action:camera_select=back_deck_cam

About this issue

  • Original URL
  • State: closed
  • Created 9 months ago
  • Comments: 25 (23 by maintainers)

Most upvoted comments

Awesome, that is working great and I see what you are saying now, that makes sense

Sorry I didn’t make that clear

I’ll try it again but that was actually how it was before but I changed it. I’ll give it another go

To be clear I’m testing this on web so not sure what the specific issue is, but sounds like this is being refactored so sounds good to me

That’s right – this is what I’m currently working on in my development time. I will specifically test the examples in this bug as I’m doing so. It’s part of a much larger refactor of the main card.ts file which has grown beyond maintainability.