From 29e509335596f5e9ec57ad7af01eb5d4647284f4 Mon Sep 17 00:00:00 2001
From: tpjanssen <25168870+tpjanssen@users.noreply.github.com>
Date: Tue, 31 Oct 2023 21:46:43 +0100
Subject: [PATCH] Visit camera directly from system page

---
 docs/docs/configuration/index.md |  3 +++
 frigate/config.py                |  4 ++++
 web/src/routes/System.jsx        | 14 +++++++++++++-
 3 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/docs/docs/configuration/index.md b/docs/docs/configuration/index.md
index 1fe1048e9..8e4ecd127 100644
--- a/docs/docs/configuration/index.md
+++ b/docs/docs/configuration/index.md
@@ -520,6 +520,9 @@ cameras:
     # to be replaced by a newer image. (default: shown below)
     best_image_timeout: 60
 
+    # Optional: URL to visit the camera directly from system page (default: shown below)
+    visit_url: ""
+
     # Optional: zones for this camera
     zones:
       # Required: name of the zone
diff --git a/frigate/config.py b/frigate/config.py
index ebec6c843..dfe2ed0c4 100644
--- a/frigate/config.py
+++ b/frigate/config.py
@@ -731,6 +731,10 @@ class CameraConfig(FrigateBaseModel):
         default=60,
         title="How long to wait for the image with the highest confidence score.",
     )
+    visit_url: str = Field(
+        default="",
+        title="URL to visit the camera directly from system page.",
+    )
     zones: Dict[str, ZoneConfig] = Field(
         default_factory=dict, title="Zone configuration."
     )
diff --git a/web/src/routes/System.jsx b/web/src/routes/System.jsx
index 5ad3fd215..8bd5a1620 100644
--- a/web/src/routes/System.jsx
+++ b/web/src/routes/System.jsx
@@ -347,7 +347,19 @@ export default function System() {
                     >
                       <div className="capitalize text-lg flex justify-between p-4">
                         <Link href={`/cameras/${camera}`}>{camera.replaceAll('_', ' ')}</Link>
-                        <Button onClick={(e) => onHandleFfprobe(camera, e)}>ffprobe</Button>
+                        <div className="flex">
+                          {(config.cameras[camera]['visit_url'] != "") && (
+                            <Link
+                              className="text-blue-500 hover:underline"
+                              target="_blank"
+                              rel="noopener noreferrer"
+                              href={config.cameras[camera]['visit_url']}
+                            >
+                              visit
+                            </Link>
+                          )}
+                          <Button className="ml-2" onClick={(e) => onHandleFfprobe(camera, e)}>ffprobe</Button>
+                        </div>
                       </div>
                       <div className="p-2">
                         <Table className="w-full">