feat(web): translations (#9854)

* First test * Added translation using Weblate (French) * Translated using Weblate (German) Currently translated at 100.0% (4 of 4 strings) Translation: immich/web Translate-URL: http://familie-mach.net/projects/immich/web/de/ * Translated using Weblate (French) Currently translated at 100.0% (4 of 4 strings) Translation: immich/web Translate-URL: http://familie-mach.net/projects/immich/web/fr/ * Further testing * Further testing * Translated using Weblate (German) Currently translated at 100.0% (18 of 18 strings) Translation: immich/web Translate-URL: http://familie-mach.net/projects/immich/web/de/ * Further work * Update string file. * More strings * Automatically changed strings * Add automatically translated german file for testing purposes * Fix merge-face-selector component * Make server stats strings uppercase * Fix uppercase string * Fix some strings in jobs-panel * Fix lower and uppercase strings. Add a few additional string. Fix a few unnecessary replacements * Update german test translations * Fix typo in locales file * Change string keys * Extract more strings * Extract and replace some more strings * Update testtranslationfile * Change translation keys * Fix rebase errors * Fix one more rebase error * Remove german translation file * Co-authored-by: Daniel Dietzler <danieldietzler@users.noreply.github.com> * chore: clean up translations * chore: add new line * fix formatting * chore: fixes * fix: loading and tests --------- Co-authored-by: root <root@Blacki> Co-authored-by: admin <admin@example.com> Co-authored-by: Jason Rasmussen <jrasm91@gmail.com> Co-authored-by: Daniel Dietzler <mail@ddietzler.dev>
2024-06-04 21:53:00 +02:00
parent a2bccf23c9
commit f446bc8caa
177 changed files with 2779 additions and 1017 deletions
--- a/web/src/routes/admin/library-management/+page.svelte
+++ b/web/src/routes/admin/library-management/+page.svelte
@@ -37,6 +37,7 @@
  import type { PageData } from './$types';
  import CircleIconButton from '$lib/components/elements/buttons/circle-icon-button.svelte';
  import { dialogController } from '$lib/components/shared-components/dialog/dialog';
+  import { t } from 'svelte-i18n';

  export let data: PageData;

@@ -124,7 +125,7 @@
        type: NotificationType.Info,
      });
    } catch (error) {
-      handleError(error, 'Unable to create library');
+      handleError(error, $t('unable_to_create_library'));
    } finally {
      toCreateLibrary = false;
      await readLibraryList();
@@ -142,7 +143,7 @@
      closeAll();
      await readLibraryList();
    } catch (error) {
-      handleError(error, 'Unable to update library');
+      handleError(error, $t('unable_to_update_library'));
    }
  };

@@ -162,7 +163,7 @@
        type: NotificationType.Info,
      });
    } catch (error) {
-      handleError(error, 'Unable to remove library');
+      handleError(error, $t('unable_to_remove_library'));
    } finally {
      confirmDeleteLibrary = null;
      deletedLibrary = null;
@@ -180,7 +181,7 @@
        type: NotificationType.Info,
      });
    } catch (error) {
-      handleError(error, 'Unable to scan libraries');
+      handleError(error, $t('unable_to_scan_libraries'));
    }
  };

@@ -192,7 +193,7 @@
        type: NotificationType.Info,
      });
    } catch (error) {
-      handleError(error, 'Unable to scan library');
+      handleError(error, $t('unable_to_scan_library'));
    }
  };

@@ -204,7 +205,7 @@
        type: NotificationType.Info,
      });
    } catch (error) {
-      handleError(error, 'Unable to scan library');
+      handleError(error, $t('unable_to_scan_library'));
    }
  };

@@ -216,7 +217,7 @@
        type: NotificationType.Info,
      });
    } catch (error) {
-      handleError(error, 'Unable to scan library');
+      handleError(error, $t('unable_to_scan_library'));
    }
  };

@@ -328,14 +329,14 @@
      <LinkButton on:click={() => handleScanAll()}>
        <div class="flex gap-1 text-sm">
          <Icon path={mdiSync} size="18" />
-          <span>Scan All Libraries</span>
+          <span>{$t('scan_all_libraries')}</span>
        </div>
      </LinkButton>
    {/if}
    <LinkButton on:click={() => (toCreateLibrary = true)}>
      <div class="flex gap-1 text-sm">
        <Icon path={mdiPlusBoxOutline} size="18" />
-        <span>Create Library</span>
+        <span>{$t('create_library')}</span>
      </div>
    </LinkButton>
  </div>
@@ -347,11 +348,11 @@
            class="mb-4 flex h-12 w-full rounded-md border bg-gray-50 text-immich-primary dark:border-immich-dark-gray dark:bg-immich-dark-gray dark:text-immich-dark-primary"
          >
            <tr class="grid grid-cols-6 w-full place-items-center">
-              <th class="text-center text-sm font-medium">Type</th>
-              <th class="text-center text-sm font-medium">Name</th>
-              <th class="text-center text-sm font-medium">Owner</th>
-              <th class="text-center text-sm font-medium">Assets</th>
-              <th class="text-center text-sm font-medium">Size</th>
+              <th class="text-center text-sm font-medium">{$t('type')}</th>
+              <th class="text-center text-sm font-medium">{$t('name')}</th>
+              <th class="text-center text-sm font-medium">{$t('owner')}</th>
+              <th class="text-center text-sm font-medium">{$t('assets')}</th>
+              <th class="text-center text-sm font-medium">{$t('size')}</th>
              <th class="text-center text-sm font-medium" />
            </tr>
          </thead>
@@ -390,7 +391,7 @@
                  <CircleIconButton
                    color="primary"
                    icon={mdiDotsVertical}
-                    title="Library options"
+                    title={$t('library_options')}
                    size="16"
                    on:click={(e) => showMenu(e, library, index)}
                  />
@@ -401,24 +402,27 @@
                        <MenuOption on:click={() => onRenameClicked()} text={`Rename`} />

                        {#if selectedLibrary}
-                          <MenuOption on:click={() => onEditImportPathClicked()} text="Edit Import Paths" />
-                          <MenuOption on:click={() => onScanSettingClicked()} text="Scan Settings" />
+                          <MenuOption on:click={() => onEditImportPathClicked()} text={$t('edit_import_paths')} />
+                          <MenuOption on:click={() => onScanSettingClicked()} text={$t('scan_settings')} />
                          <hr />
-                          <MenuOption on:click={() => onScanNewLibraryClicked()} text="Scan New Library Files" />
+                          <MenuOption on:click={() => onScanNewLibraryClicked()} text={$t('scan_new_library_files')} />
                          <MenuOption
                            on:click={() => onScanAllLibraryFilesClicked()}
-                            text="Re-scan All Library Files"
-                            subtitle={'Only refreshes modified files'}
+                            text={$t('scan_all_library_files')}
+                            subtitle={$t('only_refreshes_modified_files')}
                          />
                          <MenuOption
                            on:click={() => onForceScanAllLibraryFilesClicked()}
-                            text="Force Re-scan All Library Files"
-                            subtitle={'Refreshes every file'}
+                            text={$t('force_re-scan_library_files')}
+                            subtitle={$t('refreshes_every_file')}
                          />
                          <hr />
-                          <MenuOption on:click={() => onRemoveOfflineFilesClicked()} text="Remove Offline Files" />
+                          <MenuOption
+                            on:click={() => onRemoveOfflineFilesClicked()}
+                            text={$t('remove_offline_files')}
+                          />
                          <MenuOption on:click={() => onDeleteLibraryClicked()}>
-                            <p class="text-red-600">Delete library</p>
+                            <p class="text-red-600">{$t('delete_library')}</p>
                          </MenuOption>
                        {/if}
                      </ContextMenu>
@@ -459,10 +463,7 @@

        <!-- Empty message -->
      {:else}
-        <EmptyPlaceholder
-          text="Create an external library to view your photos and videos"
-          onClick={() => (toCreateLibrary = true)}
-        />
+        <EmptyPlaceholder text={$t('no_libraries_message')} onClick={() => (toCreateLibrary = true)} />
      {/if}
    </div>
  </section>
--- a/web/src/routes/admin/repair/+page.svelte
+++ b/web/src/routes/admin/repair/+page.svelte
@@ -16,6 +16,7 @@
  import { fixAuditFiles, getAuditFiles, getFileChecksums, type FileReportItemDto } from '@immich/sdk';
  import { mdiCheckAll, mdiContentCopy, mdiDownload, mdiRefresh, mdiWrench } from '@mdi/js';
  import type { PageData } from './$types';
+  import { t } from 'svelte-i18n';

  export let data: PageData;

@@ -84,7 +85,7 @@

      matches = [];
    } catch (error) {
-      handleError(error, 'Unable to repair items');
+      handleError(error, $t('unable_to_repair_items'));
    } finally {
      repairing = false;
    }
@@ -107,9 +108,9 @@
      orphans = report.orphans;
      extras = normalize(report.extras);

-      notificationController.show({ message: 'Refreshed', type: NotificationType.Info });
+      notificationController.show({ message: $t('refreshed'), type: NotificationType.Info });
    } catch (error) {
-      handleError(error, 'Unable to load items');
+      handleError(error, $t('unable_to_load_items'));
    }
  };

@@ -120,7 +121,7 @@
        notificationController.show({ message: `Matched 1 item`, type: NotificationType.Info });
      }
    } catch (error) {
-      handleError(error, 'Unable to check item');
+      handleError(error, $t('unable_to_check_item'));
    }
  };

@@ -136,7 +137,7 @@
        count += await loadAndMatch(filenames.slice(index, index + chunkSize));
      }
    } catch (error) {
-      handleError(error, 'Unable to check items');
+      handleError(error, $t('unable_to_check_items'));
    } finally {
      checking = false;
    }
@@ -203,7 +204,7 @@
    <section class="w-full pb-28 sm:w-5/6 md:w-[850px]">
      {#if matches.length + extras.length + orphans.length === 0}
        <div class="w-full">
-          <EmptyPlaceholder fullWidth text="Untracked and missing files will show up here" src={empty4Url} />
+          <EmptyPlaceholder fullWidth text={$t('repair_no_results_message')} src={empty4Url} />
        </div>
      {:else}
        <div class="gap-2">
@@ -266,7 +267,7 @@
                  title={orphan.pathValue}
                >
                  <td on:click={() => copyToClipboard(orphan.pathValue)}>
-                    <CircleIconButton title="Copy file path" icon={mdiContentCopy} size="18" />
+                    <CircleIconButton title={$t('copy_file_path')} icon={mdiContentCopy} size="18" />
                  </td>
                  <td class="truncate text-sm font-mono text-left" title={orphan.pathValue}>
                    {orphan.pathValue}
@@ -306,7 +307,7 @@
                  title={extra.filename}
                >
                  <td on:click={() => copyToClipboard(extra.filename)}>
-                    <CircleIconButton title="Copy file path" icon={mdiContentCopy} size="18" />
+                    <CircleIconButton title={$t('copy_file_path')} icon={mdiContentCopy} size="18" />
                  </td>
                  <td class="w-full text-md text-ellipsis flex justify-between pr-5">
                    <span class="text-ellipsis grow truncate font-mono text-sm pr-5" title={extra.filename}
--- a/web/src/routes/admin/system-settings/+page.svelte
+++ b/web/src/routes/admin/system-settings/+page.svelte
@@ -28,6 +28,7 @@
  import type { SystemConfigDto } from '@immich/sdk';
  import { mdiAlert, mdiContentCopy, mdiDownload, mdiUpload } from '@mdi/js';
  import type { PageData } from './$types';
+  import { t } from 'svelte-i18n';

  export let data: PageData;

@@ -82,92 +83,92 @@
  }> = [
    {
      item: AuthSettings,
-      title: 'Authentication Settings',
-      subtitle: 'Manage password, OAuth, and other authentication settings',
+      title: $t('admin.authentication_settings'),
+      subtitle: $t('admin.authentication_settings_description'),
      key: 'image',
    },
    {
      item: ImageSettings,
-      title: 'Image Settings',
-      subtitle: 'Manage the quality and resolution of generated images',
+      title: $t('admin.image_settings'),
+      subtitle: $t('admin.image_settings_description'),
      key: 'image',
    },
    {
      item: JobSettings,
-      title: 'Job Settings',
-      subtitle: 'Manage job concurrency',
+      title: $t('admin.job_settings'),
+      subtitle: $t('admin.job_settings_description'),
      key: 'job',
    },
    {
      item: LibrarySettings,
-      title: 'External Library',
-      subtitle: 'Manage external library settings',
+      title: $t('admin.library_settings'),
+      subtitle: $t('admin.library_settings_description'),
      key: 'external-library',
    },
    {
      item: LoggingSettings,
-      title: 'Logging',
-      subtitle: 'Manage log settings',
+      title: $t('admin.logging_settings'),
+      subtitle: $t('admin.manage_log_settings'),
      key: 'logging',
    },
    {
      item: MachineLearningSettings,
-      title: 'Machine Learning Settings',
-      subtitle: 'Manage machine learning features and settings',
+      title: $t('admin.machine_learning_settings'),
+      subtitle: $t('admin.machine_learning_settings_description'),
      key: 'machine-learning',
    },
    {
      item: MapSettings,
-      title: 'Map & GPS Settings',
-      subtitle: 'Manage map related features and setting',
+      title: $t('admin.map_settings'),
+      subtitle: $t('admin.map_settings_description'),
      key: 'location',
    },
    {
      item: NotificationSettings,
-      title: 'Notification Settings',
-      subtitle: 'Manage notification settings, including email',
+      title: $t('admin.notification_settings'),
+      subtitle: $t('admin.notification_settings_description'),
      key: 'notifications',
    },
    {
      item: ServerSettings,
-      title: 'Server Settings',
-      subtitle: 'Manage server settings',
+      title: $t('admin.server_settings'),
+      subtitle: $t('admin.server_settings_description'),
      key: 'server',
    },
    {
      item: StorageTemplateSettings,
-      title: 'Storage Template',
-      subtitle: 'Manage the folder structure and file name of the upload asset',
+      title: $t('admin.storage_template_settings'),
+      subtitle: $t('admin.storage_template_settings_description'),
      key: 'storage-template',
    },
    {
      item: ThemeSettings,
-      title: 'Theme Settings',
-      subtitle: 'Manage customization of the Immich web interface',
+      title: $t('admin.theme_settings'),
+      subtitle: $t('admin.theme_settings_description'),
      key: 'theme',
    },
    {
      item: TrashSettings,
-      title: 'Trash Settings',
-      subtitle: 'Manage trash settings',
+      title: $t('admin.trash_settings'),
+      subtitle: $t('admin.trash_settings_description'),
      key: 'trash',
    },
    {
      item: UserSettings,
-      title: 'User Settings',
-      subtitle: 'Manage user settings',
+      title: $t('admin.user_settings'),
+      subtitle: $t('admin.user_settings_description'),
      key: 'user-settings',
    },
    {
      item: NewVersionCheckSettings,
-      title: 'Version Check',
-      subtitle: 'Enable/disable the new version notification',
+      title: $t('admin.version_check_settings'),
+      subtitle: $t('admin.version_check_settings_description'),
      key: 'version-check',
    },
    {
      item: FFmpegSettings,
-      title: 'Video Transcoding Settings',
-      subtitle: 'Manage the resolution and encoding information of the video files',
+      title: $t('admin.transcoding_settings'),
+      subtitle: $t('admin.transcoding_settings_description'),
      key: 'video-transcoding',
    },
  ];
--- a/web/src/routes/admin/user-management/+page.svelte
+++ b/web/src/routes/admin/user-management/+page.svelte
@@ -25,6 +25,7 @@
  import { DateTime } from 'luxon';
  import { onMount } from 'svelte';
  import type { PageData } from './$types';
+  import { t } from 'svelte-i18n';

  export let data: PageData;

@@ -154,8 +155,8 @@

      {#if shouldShowPasswordResetSuccess}
        <ConfirmDialog
-          title="Password reset success"
-          confirmText="Done"
+          title={$t('password_reset_success')}
+          confirmText={$t('done')}
          onConfirm={() => (shouldShowPasswordResetSuccess = false)}
          onCancel={() => (shouldShowPasswordResetSuccess = false)}
          hideCancelButton={true}
@@ -171,7 +172,7 @@
                >
                  {newPassword}
                </code>
-                <LinkButton on:click={() => copyToClipboard(newPassword)} title="Copy password">
+                <LinkButton on:click={() => copyToClipboard(newPassword)} title={$t('copy_password')}>
                  <div class="flex place-items-center gap-2 text-sm">
                    <Icon path={mdiContentCopy} size="18" />
                  </div>
@@ -192,10 +193,12 @@
          class="mb-4 flex h-12 w-full rounded-md border bg-gray-50 text-immich-primary dark:border-immich-dark-gray dark:bg-immich-dark-gray dark:text-immich-dark-primary"
        >
          <tr class="flex w-full place-items-center">
-            <th class="w-8/12 sm:w-5/12 lg:w-6/12 xl:w-4/12 2xl:w-5/12 text-center text-sm font-medium">Email</th>
-            <th class="hidden sm:block w-3/12 text-center text-sm font-medium">Name</th>
-            <th class="hidden xl:block w-3/12 2xl:w-2/12 text-center text-sm font-medium">Has quota</th>
-            <th class="w-4/12 lg:w-3/12 xl:w-2/12 text-center text-sm font-medium">Action</th>
+            <th class="w-8/12 sm:w-5/12 lg:w-6/12 xl:w-4/12 2xl:w-5/12 text-center text-sm font-medium"
+              >{$t('email')}</th
+            >
+            <th class="hidden sm:block w-3/12 text-center text-sm font-medium">{$t('name')}</th>
+            <th class="hidden xl:block w-3/12 2xl:w-2/12 text-center text-sm font-medium">{$t('has_quota')}</th>
+            <th class="w-4/12 lg:w-3/12 xl:w-2/12 text-center text-sm font-medium">{$t('action')}</th>
          </tr>
        </thead>
        <tbody class="block w-full overflow-y-auto rounded-md border dark:border-immich-dark-gray">
@@ -227,7 +230,7 @@
                  {#if !immichUser.deletedAt}
                    <CircleIconButton
                      icon={mdiPencilOutline}
-                      title="Edit user"
+                      title={$t('edit_user')}
                      color="primary"
                      size="16"
                      on:click={() => editUserHandler(immichUser)}
@@ -235,7 +238,7 @@
                    {#if immichUser.id !== $user.id}
                      <CircleIconButton
                        icon={mdiTrashCanOutline}
-                        title="Delete user"
+                        title={$t('delete_user')}
                        color="primary"
                        size="16"
                        on:click={() => deleteUserHandler(immichUser)}
@@ -258,7 +261,7 @@
        </tbody>
      </table>

-      <Button size="sm" on:click={() => (shouldShowCreateUserForm = true)}>Create user</Button>
+      <Button size="sm" on:click={() => (shouldShowCreateUserForm = true)}>{$t('create_user')}</Button>
    </section>
  </section>
 </UserPageLayout>