fix: fix i18n (#23174)

* fix: fix embedding time locale

* fix: fix setting i18n

* fix: fix lpr setting item i18n

* fix: fix code

web/src/components/config-form/section-configs/audio.ts

@@ -42,6 +42,7 @@ const audio: SectionConfigOverrides = {
       "filters.*": {
         "ui:options": {
           additionalPropertyKeyReadonly: true,
+          isAudioLabels: true,
         },
       },
       listen: {

web/src/components/config-form/section-configs/audio_transcription.ts

@@ -25,6 +25,11 @@ const audioTranscription: SectionConfigOverrides = {
     hiddenFields: ["enabled_in_config", "live_enabled"],
     advancedFields: ["language", "device", "model_size"],
     overrideFields: ["enabled", "live_enabled"],
+    uiSchema: {
+      model_size: {
+        "ui:options": { size: "xs", enumI18nPrefix: "modelSize" },
+      },
+    },
   },
   global: {
     fieldOrder: ["enabled", "language", "device", "model_size"],

web/src/components/config-form/section-configs/face_recognition.ts

@@ -65,7 +65,7 @@ const faceRecognition: SectionConfigOverrides = {
     ],
     uiSchema: {
       model_size: {
-        "ui:options": { size: "xs" },
+        "ui:options": { size: "xs", enumI18nPrefix: "modelSize" },
       },
     },
   },

web/src/components/config-form/section-configs/onvif.ts

@@ -39,6 +39,11 @@ const onvif: SectionConfigOverrides = {
         track: {
           "ui:widget": "objectLabels",
         },
+        zooming: {
+          "ui:options": {
+            enumI18nPrefix: "onvif.autotracking.zooming",
+          },
+        },
       },
     },
   },

web/src/components/config-form/section-configs/record.ts

@@ -49,6 +49,17 @@ const record: SectionConfigOverrides = {
           "ui:options": { suppressMultiSchema: true, size: "lg" },
         },
       },
+      "alerts.retain.mode": {
+        "ui:options": { enumI18nPrefix: "retainMode" },
+      },
+      "detections.retain.mode": {
+        "ui:options": { enumI18nPrefix: "retainMode" },
+      },
+      "preview.quality": {
+        "ui:options": {
+          enumI18nPrefix: "previewQuality",
+        },
+      },
     },
   },
   global: {

web/src/components/config-form/section-configs/snapshots.ts

@@ -37,7 +37,7 @@ const snapshots: SectionConfigOverrides = {
       },
       "retain.mode": {
         "ui:options": {
-          enumI18nPrefix: "snapshot.retainMode",
+          enumI18nPrefix: "retainMode",
         },
       },
     },

web/src/components/config-form/theme/fields/KnownPlatesField.tsx

@@ -28,7 +28,11 @@ export function KnownPlatesField(props: FieldProps) {
     | ConfigFormContext
     | undefined;
 
-  const { t } = useTranslation(["views/settings", "common"]);
+  const configNamespace =
+    formContext?.i18nNamespace ??
+    (formContext?.level === "camera" ? "config/cameras" : "config/global");
+  const { t: fallbackT } = useTranslation(["common", configNamespace]);
+  const t = formContext?.t ?? fallbackT;
 
   const data: KnownPlatesData = useMemo(() => {
     if (!formData || typeof formData !== "object" || Array.isArray(formData)) {
@@ -39,8 +43,14 @@ export function KnownPlatesField(props: FieldProps) {
 
   const entries = useMemo(() => Object.entries(data), [data]);
 
-  const title = (schema as RJSFSchema).title;
-  const description = (schema as RJSFSchema).description;
+  const id = idSchema?.$id ?? props.name;
+  const sectionPrefix = formContext?.sectionI18nPrefix;
+
+  const title =
+    t(`${sectionPrefix}.${id}.label`) ?? (schema as RJSFSchema).title;
+  const description =
+    t(`${sectionPrefix}.${id}.description`) ??
+    (schema as RJSFSchema).description;
 
   const hasItems = entries.length > 0;
   const emptyPath = useMemo(() => [] as FieldPathList, []);

web/src/components/config-form/theme/fields/ReplaceRulesField.tsx

@@ -47,7 +47,11 @@ export function ReplaceRulesField(props: FieldProps) {
     | ConfigFormContext
     | undefined;
 
-  const { t } = useTranslation(["common"]);
+  const configNamespace =
+    formContext?.i18nNamespace ??
+    (formContext?.level === "camera" ? "config/cameras" : "config/global");
+  const { t: fallbackT } = useTranslation(["common", configNamespace]);
+  const t = formContext?.t ?? fallbackT;
 
   const rules: ReplaceRule[] = useMemo(() => {
     if (!Array.isArray(formData)) {
@@ -60,10 +64,21 @@ export function ReplaceRulesField(props: FieldProps) {
     () => getItemSchema(schema as RJSFSchema),
     [schema],
   );
-  const title = (schema as RJSFSchema).title;
-  const description = (schema as RJSFSchema).description;
-  const patternTitle = getPropertyTitle(itemSchema, "pattern");
-  const replacementTitle = getPropertyTitle(itemSchema, "replacement");
+
+  const id = idSchema?.$id ?? props.name;
+  const sectionPrefix = formContext?.sectionI18nPrefix;
+
+  const title =
+    t(`${sectionPrefix}.${id}.label`) ?? (schema as RJSFSchema).title;
+  const description =
+    t(`${sectionPrefix}.${id}.description`) ??
+    (schema as RJSFSchema).description;
+  const patternTitle =
+    t(`${sectionPrefix}.${id}.pattern.label`) ??
+    getPropertyTitle(itemSchema, "pattern");
+  const replacementTitle =
+    t(`${sectionPrefix}.${id}.replacement.label`) ??
+    getPropertyTitle(itemSchema, "replacement");
 
   const hasItems = rules.length > 0;
   const emptyPath = useMemo(() => [] as FieldPathList, []);

web/src/components/config-form/theme/templates/ObjectFieldTemplate.tsx

@@ -210,6 +210,9 @@ export function ObjectFieldTemplate(props: ObjectFieldTemplateProps) {
       (p.content.props as RjsfElementProps).uiSchema?.["ui:options"]
         ?.advanced !== true,
   );
+
+  const isAudioLabels = uiSchema?.["ui:options"]?.isAudioLabels === true;
+
   const hasModifiedAdvanced = advancedProps.some((prop) =>
     checkSubtreeModified([...fieldPath, prop.name]),
   );
@@ -243,7 +246,7 @@ export function ObjectFieldTemplate(props: ObjectFieldTemplateProps) {
   const path = fieldPathId?.path;
   const filterObjectLabel = path ? getFilterObjectLabel(path) : undefined;
   const translatedFilterLabel = filterObjectLabel
-    ? getTranslatedLabel(filterObjectLabel, "object")
+    ? getTranslatedLabel(filterObjectLabel, isAudioLabels ? "audio" : "object")
     : undefined;
   if (path) {
     translationPath = buildTranslationPath(