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)
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
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.