Stats: add record retain mode/days to camera stats

frigate/storage.py

@@ -82,6 +82,8 @@ class StorageMaintainer(threading.Thread):
                 "bandwidth": self.camera_storage_stats.get(camera, {}).get(
                     "bandwidth", 0
                 ),
+                "record_retain_mode": self.config.cameras[camera].record.retain.mode,
+                "record_retain_days": self.config.cameras[camera].record.retain.days,
             }
 
         return usages

web/public/locales/en/views/system.json

@@ -91,6 +91,9 @@
     "cameraStorage": {
       "title": "Camera Storage",
       "camera": "Camera",
+      "retention": "Retention",
+      "day": "day",
+      "days": "days",
       "unusedStorageInformation": "Unused Storage Information",
       "storageUsed": "Storage",
       "percentageOfTotalUsed": "Percentage of Total",

web/src/components/graph/CombinedStorageGraph.tsx

@@ -25,6 +25,8 @@ type CameraStorage = {
     bandwidth: number;
     usage: number;
     usage_percent: number;
+    record_retain_mode: string;
+    record_retain_days: number;
   };
 };
 
@@ -56,6 +58,8 @@ export function CombinedStorageGraph({
     usage: cameraStorage[entity].usage,
     bandwidth: cameraStorage[entity].bandwidth,
     color: colors[index], // Assign the corresponding color
+    retentionMode: cameraStorage[entity].record_retain_mode,
+    retentionDays: cameraStorage[entity].record_retain_days,
   }));
 
   // Add the unused percentage to the series
@@ -67,6 +71,8 @@ export function CombinedStorageGraph({
     usage: totalStorage.total - totalStorage.used,
     bandwidth: 0,
     color: (systemTheme || theme) == "dark" ? "#404040" : "#E5E5E5",
+    retentionMode: "",
+    retentionDays: 0,
   });
 
   const options = useMemo(() => {
@@ -181,6 +187,7 @@ export function CombinedStorageGraph({
           <TableHeader>
             <TableRow>
               <TableHead>{t("storage.cameraStorage.camera")}</TableHead>
+              <TableHead>{t("storage.cameraStorage.retention")}</TableHead>
               <TableHead>{t("storage.cameraStorage.storageUsed")}</TableHead>
               <TableHead>
                 {t("storage.cameraStorage.percentageOfTotalUsed")}
@@ -225,6 +232,18 @@ export function CombinedStorageGraph({
                     </Popover>
                   )}
                 </TableCell>
+                <TableCell>
+                  {item.name === "Unused"
+                    ? "—"
+                    : t("effectiveRetainMode.modes." + item.retentionMode) +
+                      (" (" +
+                        item.retentionDays +
+                        " " +
+                        (item.retentionDays === 1
+                          ? t("storage.cameraStorage.day")
+                          : t("storage.cameraStorage.days")) +
+                        ")")}
+                </TableCell>
                 <TableCell>{getUnitSize(item.usage ?? 0)}</TableCell>
                 <TableCell>{item.data[0].toFixed(2)}%</TableCell>
                 <TableCell>

web/src/views/system/StorageMetrics.tsx

@@ -20,6 +20,8 @@ type CameraStorage = {
     bandwidth: number;
     usage: number;
     usage_percent: number;
+    record_retain_mode: string;
+    record_retain_days: number;
   };
 };