Localize JobList

LibrePhotos · Dec 11, 2023 · 2d55da9 · 2d55da9
1 parent 08f82d1
commit 2d55da9
Show file tree

Hide file tree

Showing 17 changed files with 31 additions and 20 deletions.
diff --git a/src/components/album/ModalAlbumEdit.tsx b/src/components/album/ModalAlbumEdit.tsx
@@ -117,7 +117,7 @@ export function ModalAlbumEdit(props: Props) {
                       {t("modalalbum.items", { count: item.photo_count })}
                       <br />
                       {t("modalalbum.updated", {
-                        duration: DateTime.fromISO(item.created_on).setLocale(i18nResolvedLanguage).toRelative(),
+                        duration: DateTime.fromISO(item.created_on).setLocale(i18nResolvedLanguage()).toRelative(),
                       })}
                       {}
                     </Text>

diff --git a/src/components/charts/LocationDurationStackedBar.tsx b/src/components/charts/LocationDurationStackedBar.tsx
@@ -35,10 +35,10 @@ export function LocationDurationStackedBar() {
       return t("locationstimeline.fromto", {
         location: loc,
         start: DateTime.fromSeconds(start)
-          .setLocale(i18nResolvedLanguage)
+          .setLocale(i18nResolvedLanguage())
           .toLocaleString({ year: "numeric", month: "short" }),
         end: DateTime.fromSeconds(end)
-          .setLocale(i18nResolvedLanguage)
+          .setLocale(i18nResolvedLanguage())
           .toLocaleString({ year: "numeric", month: "short" }),
       });
     }
@@ -56,7 +56,7 @@ export function LocationDurationStackedBar() {
             <XAxis
               tickFormat={(v: any) =>
                 DateTime.fromSeconds(parseFloat(locationTimeline[0].start + v))
-                  .setLocale(i18nResolvedLanguage)
+                  .setLocale(i18nResolvedLanguage())
                   .toLocaleString({ year: "numeric", month: "2-digit" })
               }
             />

diff --git a/src/components/facedashboard/FaceTooltip.tsx b/src/components/facedashboard/FaceTooltip.tsx
@@ -21,7 +21,7 @@ export function FaceTooltip({ tooltipOpened, cell, children }: Props) {
       : null;
 
   const dateTimeLabel = DateTime.fromISO(cell.timestamp).isValid
-    ? DateTime.fromISO(cell.timestamp).setLocale(i18nResolvedLanguage).toLocaleString(DateTime.DATETIME_MED)
+    ? DateTime.fromISO(cell.timestamp).setLocale(i18nResolvedLanguage()).toLocaleString(DateTime.DATETIME_MED)
     : null;
 
   const tooltipIsEmpty = confidencePercentageLabel === null && dateTimeLabel === null;

diff --git a/src/components/job/JobDuration.tsx b/src/components/job/JobDuration.tsx
@@ -20,7 +20,7 @@ export function JobDuration({ matches, finished, finishedAt, startedAt }: IJobDu
         <td>
           {DateTime.fromISO(finishedAt)
             .diff(DateTime.fromISO(startedAt))
-            .reconfigure({ locale: i18nResolvedLanguage })
+            .reconfigure({ locale: i18nResolvedLanguage() })
             .rescale()
             .toHuman()}
         </td>

diff --git a/src/components/job/JobList.tsx b/src/components/job/JobList.tsx
@@ -62,7 +62,7 @@ export function JobList() {
               <td>
                 <JobIndicator job={Object.create(job)} />
               </td>
-              <td>{job.job_type_str}</td>
+              <td>{t(job.job_type_str)}</td>
               <td>
                 <JobProgress
                   target={job.result.progress.target}
@@ -73,10 +73,10 @@ export function JobList() {
               </td>
               {matches && (
                 <>
-                  <td>{DateTime.fromISO(job.queued_at).setLocale(i18nResolvedLanguage).toRelative()}</td>
+                  <td>{DateTime.fromISO(job.queued_at).setLocale(i18nResolvedLanguage()).toRelative()}</td>
                   <td>
                     {job.started_at
-                      ? DateTime.fromISO(job.started_at!).setLocale(i18nResolvedLanguage).toRelative()
+                      ? DateTime.fromISO(job.started_at!).setLocale(i18nResolvedLanguage()).toRelative()
                       : ""}
                   </td>
                 </>

diff --git a/src/components/lightbox/TimestampItem.tsx b/src/components/lightbox/TimestampItem.tsx
@@ -26,7 +26,7 @@ export function TimestampItem({ photoDetail }: Props) {
   const [editMode, setEditMode] = useState(false);
 
   const { t } = useTranslation();
-  const lang = i18nResolvedLanguage;
+  const lang = i18nResolvedLanguage();
   import(`dayjs/locale/${lang}.js`);
 
   const dispatch = useAppDispatch();

diff --git a/src/components/photolist/DefaultHeader.tsx b/src/components/photolist/DefaultHeader.tsx
@@ -184,7 +184,7 @@ export function DefaultHeader(props: Props) {
           <b>
             {dayHeaderPrefix}
             {DateTime.fromISO(date).isValid
-              ? DateTime.fromISO(date).setLocale(i18nResolvedLanguage).toLocaleString(DateTime.DATE_HUGE)
+              ? DateTime.fromISO(date).setLocale(i18nResolvedLanguage()).toLocaleString(DateTime.DATE_HUGE)
               : date}
           </b>
         </Text>

diff --git a/src/components/scrollscrubber/ScrollScrubber.tsx b/src/components/scrollscrubber/ScrollScrubber.tsx
@@ -178,7 +178,7 @@ export function ScrollScrubber({ type, scrollPositions, targetHeight, scrollToY,
           pos.year = item.year;
           if (item.year && item.month) {
             pos.month = DateTime.fromISO(`${item.year}-${item.month.toString().padStart(2, "0")}-01`)
-              .setLocale(i18nResolvedLanguage)
+              .setLocale(i18nResolvedLanguage())
               .toLocaleString({ year: "numeric", month: "short" });
           }
         }

diff --git a/src/components/sharing/ModalPhotosShare.tsx b/src/components/sharing/ModalPhotosShare.tsx
@@ -75,7 +75,7 @@ export function ModalPhotosShare(props: Props) {
                         <Title order={4}>{displayName}</Title>
                         <Text size="sm" color="dimmed">
                           {t("modalphotosshare.joined")}{" "}
-                          {DateTime.fromISO(item.date_joined).setLocale(i18nResolvedLanguage).toRelative()}
+                          {DateTime.fromISO(item.date_joined).setLocale(i18nResolvedLanguage()).toRelative()}
                         </Text>
                       </div>
                     </Group>

diff --git a/src/components/sharing/UserEntry.tsx b/src/components/sharing/UserEntry.tsx
@@ -40,7 +40,7 @@ export function UserEntry(props: UserEntryProps) {
           <Title order={4}>{getDisplayName(user)}</Title>
           <Text size="sm" color="dimmed">
             {t("modalphotosshare.joined")}{" "}
-            {DateTime.fromISO(user.date_joined).setLocale(i18nResolvedLanguage).toRelative()}
+            {DateTime.fromISO(user.date_joined).setLocale(i18nResolvedLanguage()).toRelative()}
           </Text>
         </div>
       </Group>

diff --git a/src/i18n.ts b/src/i18n.ts
@@ -28,7 +28,7 @@ import translationVi from "./locales/vi/translation.json";
 import translationZh_Hans from "./locales/zh_Hans/translation.json";
 import translationZh_Hant from "./locales/zh_Hant/translation.json";
 
-export const i18nResolvedLanguage = i18n.resolvedLanguage ? i18n.resolvedLanguage.replace("_", "-") : "en";
+export const i18nResolvedLanguage = () => (i18n?.resolvedLanguage ? i18n.resolvedLanguage.replace("_", "-") : "en");
 
 const resources = {
   en: {

diff --git a/src/layouts/albums/AlbumAuto.tsx b/src/layouts/albums/AlbumAuto.tsx
@@ -38,7 +38,7 @@ export function AlbumAuto() {
     }
     const album = albums[index];
     const dateTimeLabel = DateTime.fromISO(album.timestamp).isValid
-      ? DateTime.fromISO(album.timestamp).setLocale(i18nResolvedLanguage).toLocaleString(DateTime.DATE_MED)
+      ? DateTime.fromISO(album.timestamp).setLocale(i18nResolvedLanguage()).toLocaleString(DateTime.DATE_MED)
       : null;
 
     return (

diff --git a/src/layouts/albums/AlbumAutoGalleryView.tsx b/src/layouts/albums/AlbumAutoGalleryView.tsx
@@ -62,7 +62,7 @@ export function AlbumAutoGalleryView() {
   useEffect(() => {}, [album]);
 
   function formatTimestamp(timestamp: string): string {
-    return DateTime.fromISO(timestamp).setLocale(i18nResolvedLanguage).toLocaleString(DateTime.DATE_MED);
+    return DateTime.fromISO(timestamp).setLocale(i18nResolvedLanguage()).toLocaleString(DateTime.DATE_MED);
   }
 
   if (isFetching || !album) {
@@ -150,7 +150,7 @@ export function AlbumAutoGalleryView() {
                   <div>
                     <Title order={5}>
                       {t("autoalbumgallery.day", { day: i + 1 })} -{" "}
-                      {DateTime.fromISO(v[0]).setLocale(i18nResolvedLanguage).toLocaleString(DateTime.DATE_HUGE)}
+                      {DateTime.fromISO(v[0]).setLocale(i18nResolvedLanguage()).toLocaleString(DateTime.DATE_HUGE)}
                     </Title>
                     <Text color="dimmed">
                       <Breadcrumbs separator="/">{uniqueLocations}</Breadcrumbs>

diff --git a/src/layouts/settings/AdminPage.tsx b/src/layouts/settings/AdminPage.tsx
@@ -82,7 +82,7 @@ function UserTable() {
               <td>{user.scan_directory ? user.scan_directory : t("adminarea.notset")}</td>
               {matches && <td>{user.confidence ? user.confidence : t("adminarea.notset")}</td>}
               {matches && <td>{user.photo_count}</td>}
-              {matches && <td>{DateTime.fromISO(user.date_joined).setLocale(i18nResolvedLanguage).toRelative()}</td>}
+              {matches && <td>{DateTime.fromISO(user.date_joined).setLocale(i18nResolvedLanguage()).toRelative()}</td>}
             </tr>
           ))}
         </tbody>

diff --git a/src/locales/de/translation.json b/src/locales/de/translation.json
@@ -446,6 +446,7 @@
     "albumalreadyexists": "Album {{name}} exisitiert bereits.",
     "albumplaceholder": "Titel des Albums"
   },
+  "Download Models": "Modelle herunterladen",
   "faces": "Gesichter",
   "events": "Ereignisse",
   "days": "Tage",

diff --git a/src/locales/en/translation.json b/src/locales/en/translation.json
@@ -521,6 +521,16 @@
     "unknownfacescounter_one": "{{count}} Unkown Face",
     "unknownfacescounter_other": "{{count}} Unkown Faces"
   },
+  "Scan Photos": "Scan Photos",
+  "Generate Event Albums": "Generate Event Albums",
+  "Regenerate Event Titles": "Regenerate Event Titles",
+  "Train Faces": "Train Faces",
+  "Delete Missing Photos": "Delete Missing Photos",
+  "Scan Faces": "Scan Faces",
+  "Calculate Clip Embeddings": "Calculate Clip Embeddings",
+  "Find Similar Faces": "Find Similar Faces",
+  "Download Selected Photos": "Download Selected Photos",
+  "Download Models": "Download Models",
   "scan": "Scan",
   "socialgraph": "Social Graph",
   "facecluster": "Face Clusters",

diff --git a/src/util/util.ts b/src/util/util.ts
@@ -34,7 +34,7 @@ export function formatDateForPhotoGroups(photoGroups: DatePhotosGroup[]): DatePh
         ...photoGroup,
         year: date.year,
         month: date.month,
-        date: date.setLocale(i18nResolvedLanguage).toLocaleString(DateTime.DATE_HUGE),
+        date: date.setLocale(i18nResolvedLanguage()).toLocaleString(DateTime.DATE_HUGE),
       };
     }
     return photoGroup;