FEAT: Filter Multi Select

[NickM-27]

Implementation of #1941 & #2608

WIP ToDo:

• Update internal buttons to use labels instead of label
• Use cameras, sub_labels, zones correctly
• General Clean up
• Fix sizing of dropdown
• Format items to remove _
• Update HTTP docs
• Set min width on filter headers for better mobile view
• Handle , in filter names (like sub labels with multiple people)

Demo

Screen.Recording.2022-06-22.at.9.48.26.AM.mov

[johnmarksilly]

Looks nice 🗡️

[netlify]

✅ Deploy Preview for frigate-docs ready!

Name	Link
🔨 Latest commit	9de21b6
🔍 Latest deploy log	https://app.netlify.com/sites/frigate-docs/deploys/6395fc1cb2d0d100095822e3
😎 Deploy Preview	https://deploy-preview-3367--frigate-docs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[DrSpaldo]

I’m not sure if this is the related PR for what I’m suggesting, I hope it is.. would be be possible for the select all button to also have the opposite effect when everything is selected? And de select all. It is tedious when I have 10 cameras to only select one as you have to go and individually select the other 9. Would be better to deselect all, then just select 1. Hopefully that makes sense

[NickM-27]

I’m not sure if this is the related PR for what I’m suggesting, I hope it is.. would be be possible for the select all button to also have the opposite effect when everything is selected? And de select all. It is tedious when I have 10 cameras to only select one as you have to go and individually select the other 9. Would be better to deselect all, then just select 1. Hopefully that makes sense

the camera button to the right of the name is there to select that single one only

[DrSpaldo]

the camera button to the right of the name is there to select that single one only

Haha, I'm an idiot... Perfect, thanks @NickM-27