✨ feat(i18n): localize hardcoded "Image age" label in container tab content

s-b-e-n-s-o-n · s-b-e-n-s-o-n · commit 2a5183cd909b · 2026-05-14T10:58:12.000-04:00
Replace hardcoded "Image age" text in ContainerSideTabContent and
ContainerFullPageTabContent with t() calls keyed to
containerComponents.sideTabContent.imageAge; add translations to all
17 supported locales (de, ar, es, fr, it, ja, ko, nl, pl, pt-BR, ru,
tr, uk, vi, zh-CN, zh-TW).
diff --git a/ui/src/components/containers/ContainerFullPageTabContent.vue b/ui/src/components/containers/ContainerFullPageTabContent.vue
@@ -320,7 +320,7 @@ function getUpdateKindLabel(kind: Container['updateKind']) {
                 class="flex items-center gap-3 px-3 py-2 dd-rounded text-xs"
                 :style="{ backgroundColor: 'var(--dd-bg-inset)' }"
               >
-                <span class="dd-text-secondary">Image age</span>
+                <span class="dd-text-secondary">{{ t('containerComponents.sideTabContent.imageAge') }}</span>
                 <span class="font-mono dd-text">
                   {{ imageAge(selectedContainer.imageCreated || selectedImageMetadata.created) }}
                 </span>
diff --git a/ui/src/components/containers/ContainerSideTabContent.vue b/ui/src/components/containers/ContainerSideTabContent.vue
@@ -284,7 +284,7 @@ function getUpdateKindLabel(kind: Container['updateKind']) {
                 class="mt-2 flex items-center gap-2 px-2.5 py-1.5 dd-rounded text-2xs-plus"
                 :style="{ backgroundColor: 'var(--dd-bg-inset)' }"
               >
-                <span class="dd-text-secondary">Image age</span>
+                <span class="dd-text-secondary">{{ t('containerComponents.sideTabContent.imageAge') }}</span>
                 <span class="font-mono dd-text">
                   {{ imageAge(selectedContainer.imageCreated || selectedImageMetadata.created) }}
                 </span>
diff --git a/ui/src/locales/ar/containerComponents.json b/ui/src/locales/ar/containerComponents.json
@@ -219,7 +219,8 @@
       "digest": "Digest",
       "created": "Created",
       "unknown": "Unknown",
-      "imageMetadata": "Image Metadata"
+      "imageMetadata": "Image Metadata",
+      "imageAge": "عمر الصورة"
     },
     "listContent": {
       "loadingContainers": "Loading containers...",
diff --git a/ui/src/locales/de/containerComponents.json b/ui/src/locales/de/containerComponents.json
@@ -218,7 +218,8 @@
       "digest": "Digest",
       "created": "Erstellt",
       "unknown": "Unbekannt",
-      "imageMetadata": "Image-Metadaten"
+      "imageMetadata": "Image-Metadaten",
+      "imageAge": "Image-Alter"
     },
     "listContent": {
       "loadingContainers": "Container werden geladen...",
diff --git a/ui/src/locales/en/containerComponents.json b/ui/src/locales/en/containerComponents.json
@@ -219,7 +219,8 @@
       "digest": "Digest",
       "created": "Created",
       "unknown": "Unknown",
-      "imageMetadata": "Image Metadata"
+      "imageMetadata": "Image Metadata",
+      "imageAge": "Image age"
     },
     "listContent": {
       "loadingContainers": "Loading containers...",
diff --git a/ui/src/locales/es/containerComponents.json b/ui/src/locales/es/containerComponents.json
@@ -218,7 +218,8 @@
       "digest": "Digest",
       "created": "Creado",
       "unknown": "Desconocido",
-      "imageMetadata": "Metadatos de imagen"
+      "imageMetadata": "Metadatos de imagen",
+      "imageAge": "Antigüedad de la imagen"
     },
     "listContent": {
       "loadingContainers": "Cargando contenedores...",
diff --git a/ui/src/locales/fr/containerComponents.json b/ui/src/locales/fr/containerComponents.json
@@ -218,7 +218,8 @@
       "digest": "Digest",
       "created": "Créé",
       "unknown": "Inconnu",
-      "imageMetadata": "Métadonnées de l'image"
+      "imageMetadata": "Métadonnées de l'image",
+      "imageAge": "Âge de l'image"
     },
     "listContent": {
       "loadingContainers": "Chargement des conteneurs...",
diff --git a/ui/src/locales/it/containerComponents.json b/ui/src/locales/it/containerComponents.json
@@ -218,7 +218,8 @@
       "digest": "Digest",
       "created": "Creato",
       "unknown": "Sconosciuto",
-      "imageMetadata": "Metadati immagine"
+      "imageMetadata": "Metadati immagine",
+      "imageAge": "Età dell'immagine"
     },
     "listContent": {
       "loadingContainers": "Caricamento container...",
diff --git a/ui/src/locales/ja/containerComponents.json b/ui/src/locales/ja/containerComponents.json
@@ -219,7 +219,8 @@
       "digest": "Digest",
       "created": "Created",
       "unknown": "Unknown",
-      "imageMetadata": "Image Metadata"
+      "imageMetadata": "Image Metadata",
+      "imageAge": "イメージの経過時間"
     },
     "listContent": {
       "loadingContainers": "Loading containers...",
diff --git a/ui/src/locales/ko/containerComponents.json b/ui/src/locales/ko/containerComponents.json
@@ -219,7 +219,8 @@
       "digest": "Digest",
       "created": "Created",
       "unknown": "Unknown",
-      "imageMetadata": "Image Metadata"
+      "imageMetadata": "Image Metadata",
+      "imageAge": "이미지 경과 시간"
     },
     "listContent": {
       "loadingContainers": "Loading containers...",
diff --git a/ui/src/locales/nl/containerComponents.json b/ui/src/locales/nl/containerComponents.json
@@ -218,7 +218,8 @@
       "digest": "Verteren",
       "created": "Gemaakt",
       "unknown": "Onbekend",
-      "imageMetadata": "Image-metadata"
+      "imageMetadata": "Image-metadata",
+      "imageAge": "Leeftijd image"
     },
     "listContent": {
       "loadingContainers": "Containers laden...",
diff --git a/ui/src/locales/pl/containerComponents.json b/ui/src/locales/pl/containerComponents.json
@@ -218,7 +218,8 @@
       "digest": "Podsumowanie",
       "created": "Utworzono",
       "unknown": "Nieznany",
-      "imageMetadata": "Metadane obrazu"
+      "imageMetadata": "Metadane obrazu",
+      "imageAge": "Wiek obrazu"
     },
     "listContent": {
       "loadingContainers": "Ładowanie kontenerów...",
diff --git a/ui/src/locales/pt-BR/containerComponents.json b/ui/src/locales/pt-BR/containerComponents.json
@@ -218,7 +218,8 @@
       "digest": "Digest",
       "created": "Criado",
       "unknown": "Desconhecido",
-      "imageMetadata": "Metadados da imagem"
+      "imageMetadata": "Metadados da imagem",
+      "imageAge": "Idade da imagem"
     },
     "listContent": {
       "loadingContainers": "Carregando contêineres...",
diff --git a/ui/src/locales/ru/containerComponents.json b/ui/src/locales/ru/containerComponents.json
@@ -219,7 +219,8 @@
       "digest": "Digest",
       "created": "Created",
       "unknown": "Unknown",
-      "imageMetadata": "Image Metadata"
+      "imageMetadata": "Image Metadata",
+      "imageAge": "Возраст образа"
     },
     "listContent": {
       "loadingContainers": "Loading containers...",
diff --git a/ui/src/locales/tr/containerComponents.json b/ui/src/locales/tr/containerComponents.json
@@ -218,7 +218,8 @@
       "digest": "Özet",
       "created": "Oluşturuldu",
       "unknown": "Bilinmiyor",
-      "imageMetadata": "İmaj Meta Verileri"
+      "imageMetadata": "İmaj Meta Verileri",
+      "imageAge": "İmaj yaşı"
     },
     "listContent": {
       "loadingContainers": "Konteynerler yükleniyor...",
diff --git a/ui/src/locales/uk/containerComponents.json b/ui/src/locales/uk/containerComponents.json
@@ -219,7 +219,8 @@
       "digest": "Digest",
       "created": "Created",
       "unknown": "Unknown",
-      "imageMetadata": "Image Metadata"
+      "imageMetadata": "Image Metadata",
+      "imageAge": "Вік образу"
     },
     "listContent": {
       "loadingContainers": "Loading containers...",
diff --git a/ui/src/locales/vi/containerComponents.json b/ui/src/locales/vi/containerComponents.json
@@ -219,7 +219,8 @@
       "digest": "Digest",
       "created": "Created",
       "unknown": "Unknown",
-      "imageMetadata": "Image Metadata"
+      "imageMetadata": "Image Metadata",
+      "imageAge": "Tuổi của image"
     },
     "listContent": {
       "loadingContainers": "Loading containers...",
diff --git a/ui/src/locales/zh-CN/containerComponents.json b/ui/src/locales/zh-CN/containerComponents.json
@@ -218,7 +218,8 @@
       "digest": "摘要",
       "created": "创建时间",
       "unknown": "未知",
-      "imageMetadata": "镜像元数据"
+      "imageMetadata": "镜像元数据",
+      "imageAge": "镜像时龄"
     },
     "listContent": {
       "loadingContainers": "正在加载容器...",
diff --git a/ui/src/locales/zh-TW/containerComponents.json b/ui/src/locales/zh-TW/containerComponents.json
@@ -218,7 +218,8 @@
       "digest": "摘要",
       "created": "建立時間",
       "unknown": "未知",
-      "imageMetadata": "映像檔元資料"
+      "imageMetadata": "映像檔元資料",
+      "imageAge": "映像檔存在時間"
     },
     "listContent": {
       "loadingContainers": "正在載入容器...",

Original file line number	Diff line number	Diff line change
`@@ -320,7 +320,7 @@ function getUpdateKindLabel(kind: Container['updateKind']) {`
`320`	`320`	`class="flex items-center gap-3 px-3 py-2 dd-rounded text-xs"`
`321`	`321`	`:style="{ backgroundColor: 'var(--dd-bg-inset)' }"`
`322`	`322`	`>`
`323`		`- <span class="dd-text-secondary">Image age</span>`
	`323`	`+ <span class="dd-text-secondary">{{ t('containerComponents.sideTabContent.imageAge') }}</span>`
`324`	`324`	`<span class="font-mono dd-text">`
`325`	`325`	`{{ imageAge(selectedContainer.imageCreated \|\| selectedImageMetadata.created) }}`
`326`	`326`	`</span>`
Original file line number	Diff line number	Diff line change
`@@ -284,7 +284,7 @@ function getUpdateKindLabel(kind: Container['updateKind']) {`
`284`	`284`	`class="mt-2 flex items-center gap-2 px-2.5 py-1.5 dd-rounded text-2xs-plus"`
`285`	`285`	`:style="{ backgroundColor: 'var(--dd-bg-inset)' }"`
`286`	`286`	`>`
`287`		`- <span class="dd-text-secondary">Image age</span>`
	`287`	`+ <span class="dd-text-secondary">{{ t('containerComponents.sideTabContent.imageAge') }}</span>`
`288`	`288`	`<span class="font-mono dd-text">`
`289`	`289`	`{{ imageAge(selectedContainer.imageCreated \|\| selectedImageMetadata.created) }}`
`290`	`290`	`</span>`