blakeblackshear.frigate/web
Nicolas Mowen 25819584bd
Add ability to filter search by time range (#13946)
* Add ability to filter by time range

* Cleanup

* Handle input with tags

* fix input for time_range filter

* fix before and after filters

* clean up

* Ensure the default value works as expected

* Handle time range in am/pm based on browser

* Fix arrow

* Fix text

* Handle midnight case

* fix width

* Fix bg

* Fix bg

* Fix mobile spacing

* y spacing

* remove left padding

---------

Co-authored-by: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
2024-09-25 10:05:40 -06:00
..
.vscode Update web readme (#12062) 2024-06-19 08:11:51 -06:00
images
public Formatting improvements (#13765) 2024-09-17 07:39:44 -05:00
src Add ability to filter search by time range (#13946) 2024-09-25 10:05:40 -06:00
themes Theme updates (#12373) 2024-07-10 07:04:02 -05:00
.eslintrc.cjs
.gitignore Use new UI (#8983) 2024-01-31 12:56:11 +00:00
.prettierrc
components.json
index.html use credentials for webmanifest (#10447) 2024-03-14 06:36:56 -06:00
login.html
package-lock.json Improved search input (#13815) 2024-09-18 12:18:16 -06:00
package.json Improved search input (#13815) 2024-09-18 12:18:16 -06:00
postcss.config.js
README.md Update web readme (#12062) 2024-06-19 08:11:51 -06:00
site.webmanifest Implement support for notifications (#12523) 2024-08-29 20:19:50 -06:00
tailwind.config.js Theme updates (#12373) 2024-07-10 07:04:02 -05:00
tsconfig.json
tsconfig.node.json
vite.config.ts optional env var for easier development (#11426) 2024-05-18 18:49:38 -06:00

This is the Frigate frontend which connects to and provides a User Interface to the Python backend.

Web Development

Installing Web Dependencies Via NPM

Within /web, run:

npm install

Running development frontend

Within /web, run:

PROXY_HOST=<ip_address:port> npm run dev

The Proxy Host can point to your existing Frigate instance. Otherwise defaults to localhost:5000 if running Frigate on the same machine.

Extensions

Install these IDE extensions for an improved development experience:

  • eslint