checkpt

Author: matteius

web/js/components/preact/system/StreamStorage.jsx

@@ -75,13 +75,15 @@ export function StreamStorage({ systemInfo, formatBytes }) {
               {streamStorageData.map((stream, index) => {
                 const color = getStreamColor(index);
                 return (
-                  <span
+                  <a
                     key={stream.name}
-                    className="inline-block px-2 py-0.5 text-xs rounded"
+                    href={`recordings.html?stream=${encodeURIComponent(stream.name)}`}
+                    className="inline-block px-2 py-0.5 text-xs rounded hover:opacity-80 transition-opacity cursor-pointer"
                     style={{ backgroundColor: color.bg, color: color.text }}
+                    title={t('system.viewRecordingsForStream', { stream: stream.name })}
                   >
                     {stream.name}: {formatBytes(stream.size)}
-                  </span>
+                  </a>
                 );
               })}
             </div>
@@ -97,11 +99,13 @@ export function StreamStorage({ systemInfo, formatBytes }) {
               {streamStorageData.map((stream, index) => {
                 const color = getStreamColor(index);
                 return (
-                  <div
+                  <a
                     key={stream.name}
-                    className="h-2.5"
+                    href={`recordings.html?stream=${encodeURIComponent(stream.name)}`}
+                    className="h-2.5 block hover:opacity-70 transition-opacity cursor-pointer"
                     style={{ width: `${stream.slicePercent}%`, backgroundColor: color.text }}
-                  ></div>
+                    title={t('system.viewRecordingsForStream', { stream: stream.name })}
+                  ></a>
                 );
               })}
             </div>

web/public/locales/de.json

@@ -123,6 +123,7 @@
   "system.unhealthy": "Nicht betriebsbereit",
   "system.version": "Version",
   "system.uptime": "Laufzeit",
+  "system.viewRecordingsForStream": "Aufnahmen für Stream anzeigen: {stream}",
   "zoneEditor.title": "Erkennungszonen-Editor",
   "zoneEditor.subtitle": "Zeichnen Sie Zonen, in denen Objekte für {streamName} erkannt werden sollen",
   "zoneEditor.drawZone": "Zone zeichnen",

web/public/locales/en.json

@@ -447,6 +447,7 @@
   "system.noQuota": "no quota",
   "system.streamStorageRecordingsSummary": "{size} ({percent}%) • {count} recordings",
   "system.retentionAndQuota": "Retention: {retention} • {quota}",
+  "system.viewRecordingsForStream": "View recordings for stream: {stream}",
   "system.storageHealth": "Storage Health",
   "system.storageHealthUnavailable": "Storage health data unavailable",
   "system.diskPressure": "Disk Pressure",

web/public/locales/es.json

@@ -456,6 +456,7 @@
   "system.noQuota": "sin cuota",
   "system.streamStorageRecordingsSummary": "{size} ({percent}%) • {count} grabaciones",
   "system.retentionAndQuota": "Retención: {retention} • Cuota: {quota}",
+  "system.viewRecordingsForStream": "Ver grabaciones del stream: {stream}",
   "system.storageHealth": "Estado del almacenamiento",
   "system.storageHealthUnavailable": "Datos de estado del almacenamiento no disponibles",
   "system.diskPressure": "Presión de disco",

web/public/locales/fr.json

@@ -123,6 +123,7 @@
   "system.unhealthy": "Non opérationnel",
   "system.version": "Version",
   "system.uptime": "Temps de fonctionnement",
+  "system.viewRecordingsForStream": "Voir les enregistrements du stream : {stream}",
   "zoneEditor.title": "Éditeur de zones de détection",
   "zoneEditor.subtitle": "Dessinez les zones où vous souhaitez détecter des objets pour {streamName}",
   "zoneEditor.drawZone": "Dessiner une zone",

web/public/locales/it.json

@@ -123,6 +123,7 @@
   "system.unhealthy": "Non operativo",
   "system.version": "Versione",
   "system.uptime": "Tempo di attività",
+  "system.viewRecordingsForStream": "Visualizza registrazioni per lo stream: {stream}",
   "zoneEditor.title": "Editor zone di rilevamento",
   "zoneEditor.subtitle": "Disegna le zone in cui vuoi rilevare oggetti per {streamName}",
   "zoneEditor.drawZone": "Disegna zona",

web/public/locales/ja.json

@@ -123,6 +123,7 @@
   "system.unhealthy": "異常",
   "system.version": "バージョン",
   "system.uptime": "稼働時間",
+  "system.viewRecordingsForStream": "ストリームの録画を表示: {stream}",
   "zoneEditor.title": "検出ゾーンエディター",
   "zoneEditor.subtitle": "{streamName} の物体検出用ゾーンを描画します",
   "zoneEditor.drawZone": "ゾーンを描画",

web/public/locales/pt-BR.json

@@ -446,6 +446,7 @@
   "system.noQuota": "sem cota",
   "system.streamStorageRecordingsSummary": "{size} ({percent}%) • {count} gravações",
   "system.retentionAndQuota": "Retenção: {retention} • {quota}",
+  "system.viewRecordingsForStream": "Ver gravações do stream: {stream}",
   "system.storageHealth": "Saúde do armazenamento",
   "system.storageHealthUnavailable": "Dados de saúde do armazenamento indisponíveis",
   "system.diskPressure": "Pressão do disco",

web/public/locales/zh.json

@@ -123,6 +123,7 @@
   "system.unhealthy": "异常",
   "system.version": "版本",
   "system.uptime": "运行时间",
+  "system.viewRecordingsForStream": "查看流的录像: {stream}",
   "zoneEditor.title": "检测区域编辑器",
   "zoneEditor.subtitle": "为 {streamName} 绘制需要检测物体的区域",
   "zoneEditor.drawZone": "绘制区域",