From: PhiTux Date: Thu, 28 Aug 2025 14:22:14 +0000 (+0200) Subject: progress in i18n X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=c9a356f93e7657395fa5f352ce6b05447ab0ded8;p=DailyTxT.git progress in i18n --- diff --git a/frontend/src/lib/FileList.svelte b/frontend/src/lib/FileList.svelte index 0b6be36..5503a52 100644 --- a/frontend/src/lib/FileList.svelte +++ b/frontend/src/lib/FileList.svelte @@ -3,6 +3,9 @@ import { faTrash } from '@fortawesome/free-solid-svg-icons'; import { slide } from 'svelte/transition'; import { formatBytes } from './helpers.js'; + import { getTranslate } from '@tolgee/svelte'; + + const { t } = getTranslate(); let { files, downloadFile, askDeleteFile, deleteAllowed } = $props(); @@ -34,9 +37,11 @@ aria-valuemax="100" > {#if file.downloadProgress === 0} - Wird entschlüsselt... + + {$t('files.decrypting')} + {:else} - Download: {file.downloadProgress}% + {$t('files.download')}: {file.downloadProgress}% {/if} diff --git a/frontend/src/lib/ImageViewer.svelte b/frontend/src/lib/ImageViewer.svelte index 063e472..85b5b2f 100644 --- a/frontend/src/lib/ImageViewer.svelte +++ b/frontend/src/lib/ImageViewer.svelte @@ -3,6 +3,9 @@ import { fade, slide } from 'svelte/transition'; import { faXmark, faChevronRight, faChevronLeft } from '@fortawesome/free-solid-svg-icons'; import { Fa } from 'svelte-fa'; + import { getTranslate } from '@tolgee/svelte'; + + const { t } = getTranslate(); let { images } = $props(); // Array of image objects with `src`, `filename`, and `uuid_filename` @@ -132,7 +135,7 @@ href={images[currentIndex].src} download={images[currentIndex].filename} > - Download + {$t('imageViewer.download')} - {#if $searchTag.id}
diff --git a/frontend/src/lib/TagModal.svelte b/frontend/src/lib/TagModal.svelte index 8d3a8cd..86d9058 100644 --- a/frontend/src/lib/TagModal.svelte +++ b/frontend/src/lib/TagModal.svelte @@ -4,6 +4,9 @@ import { Picker } from 'emoji-picker-element'; import Fa from 'svelte-fa'; import { faTrash } from '@fortawesome/free-solid-svg-icons'; + import { getTranslate } from '@tolgee/svelte'; + + const { t } = getTranslate(); let { editTag = $bindable(), @@ -55,9 +58,9 @@
{#if createTag} - Neues Tag erstellen + {$t('modal.tag.title_new')} {:else} - Tag bearbeiten + {$t('modal.tag.title_edit')} {/if}
@@ -65,7 +68,7 @@
-
Emoji
+
{$t('modal.tag.emoji')}
{#if editTag.icon} @@ -78,7 +81,7 @@ }}> {:else} - Kein Emoji ausgewählt... + {$t('modal.tag.no_emoji')} {/if}
@@ -93,9 +96,9 @@ 😀 {:else} {editTag.icon} - {/if} Emoji auswählen + {/if} + {$t('modal.tag.select_emoji')} -
-
Name
+
{$t('modal.tag.name')}
-
Farbe
+
{$t('modal.tag.color')}
-
Vorschau
+
{$t('modal.tag.preview')}
- +
@@ -834,7 +838,7 @@ bind:group={$tempSettings.darkModeAutoDetect} /> {#if $tempSettings.darkModeAutoDetect === false}
@@ -857,10 +861,10 @@
{#if $tempSettings.background !== $settings.background || $tempSettings.monochromeBackgroundColor !== $settings.monochromeBackgroundColor} -
+ {@render unsavedChanges()} {/if} -
Hintergrund
+
{$t('settings.background')}
@@ -883,7 +887,9 @@ value={'monochrome'} bind:group={$tempSettings.background} /> - + {#if $tempSettings.background === 'monochrome'}
-

🛠️ Funktionen

+

🛠️ {$t('settings.functions')}

{#if $tempSettings.setAutoloadImagesPerDevice !== $settings.setAutoloadImagesPerDevice || $tempSettings.autoloadImagesByDefault !== $settings.autoloadImagesByDefault} -
+ {@render unsavedChanges()} {/if} -
Bilder automatisch laden
-
    -
  • - Beim Laden eines Textes können hochgeladene Bilder (sofern vorhanden) - automatisch geladen werden. Erhöhter Datenverbrauch! -
    • -
  • Alternativ wird ein Button zum Nachladen aller Bilder angezeigt.
    • -
+
{$t('settings.images_title')}
+ {@html $t('settings.images_description')}
+ {$t('settings.images_loading_per_device')} +
@@ -937,12 +936,8 @@ disabled={!$tempSettings.setAutoloadImagesPerDevice} /> + {@html $t('settings.images_loading_this_device')} +
@@ -955,20 +950,16 @@ disabled={$tempSettings.setAutoloadImagesPerDevice} /> + {$t('settings.images_loading_default')} +
{#if $tempSettings.useBrowserLanguage !== $settings.useBrowserLanguage || $tempSettings.language !== $settings.language} -
+ {@render unsavedChanges()} {/if} -
🌐 Sprache
+
🌐 {$t('settings.language')}
{#if $tempSettings.useBrowserLanguage && tolgeesMatchForBrowserLanguage() === ''} {/if}
@@ -1010,7 +1001,7 @@ bind:group={$tempSettings.useBrowserLanguage} />

{#if !$tempSettings.useBrowserTimezone} - Ausgewählt: {$tempSettings.timezone} + {$t('settings.timezone.selected')} {$tempSettings.timezone} {/if}
- Wenn man auf Reisen ist, kann es sinnvoll sein, die Zeitzone anhand des Browsers - zu ermitteln. Dann werden Datum und Uhrzeit am Zielort vorraussichtlich besser - erkannt.
- Wenn man hingegen zuhause im privaten Browser teils andere Zeitzonen (z. B. immer - UTC) verwendet, kann es sinnvoll sein, hier eine bestimmte Zeitzone festzulegen. + {@html $t('settings.timezone.help_text')}
@@ -1086,21 +1072,12 @@ .trim() .split(',') .map( (year) => parseInt(year.trim()) )) !== JSON.stringify($settings.aLookBackYears)} -
+ {@render unsavedChanges()} {/if} -
Ein Blick zurück
+
{$t('settings.aLookBack')}
    -
  • - Lege fest, aus welchen vergangenen Jahren Tagebucheinträge desselben - Kalendertags angezeigt werden sollen. -
    • -
  • Gilt nur für den Schreibmodus.
    • -
  • - Beispiel: 1,5,10 sorgt dafür, dass du unter dem Textfeld noch die - Einträge von vor 1 Jahr, vor 5 Jahren und vor 10 Jahren angezeigt bekommst (sofern - vorhanden). -
    • + {@html $t('settings.aLookBack.description')}
+ {$t('settings.ALookBack.useIt')} +
@@ -1126,19 +1099,17 @@ class="form-control {aLookBackYearsInvalid ? 'is-invalid' : ''}" aria-describedby="useALookBackHelpBlock" disabled={!$tempSettings.useALookBack} - placeholder="Jahre, mit Komma getrennt" + placeholder={$t('settings.ALookBack.input_placeholder')} bind:value={aLookBackYears} invalid /> {#if aLookBackYearsInvalid} {/if}
- Trage hier alle vergangenen Jahre ein, die angezeigt werden sollen. Beispiel: 1,5,10. Benutze Komma zur Trennung, verzichte auf Leerzeichen. + {@html $t('settings.ALookBack.help_text')}
@@ -1152,12 +1123,13 @@
-

#️⃣ Tags

+

#️⃣ {$t('settings.tags')}

- Hier können Tags bearbeitet oder auch vollständig aus DailyTxT gelöscht werden. + {$t('settings.tags.description')} + {#if $tags.length === 0} {/if}
@@ -1176,21 +1148,19 @@ transition:slide >
- Tag dauerhaft löschen? - Dies kann einen Moment dauern, da jeder Eintrag nach potenziellen Verlinkungen - durchsucht werden muss. Änderungen werden zudem u. U. erst nach einem Neuladen - im Browser angezeigt. + + {@html $t('settings.tags.delete_confirmation')}
(confirmDeleteTemplate = false)} + >{$t('settings.abort')}
{/if} - Passwort ändern + {$t('settings.password.change_password_button')} {#if changePasswordNotEqual} {/if} {#if changingPasswordSuccess} {/if} {#if changingPasswordIncorrect} {:else if changingPasswordError} {/if}
-
Backup-Codes
+
{$t('settings.backup_codes')}
    -
  • - Backup-Codes funktionieren wie Einmal-Passwörter. Sie können immer anstelle - des Passworts verwendet werden, allerdings sind sie jeweils nur einmal gültig - und werden anschließend gelöscht. -
    • -
  • - Es werden immer 6 Codes generiert, welche die vorherigen Codes (sofern - vorhanden) ersetzen. -
    • -
  • - Du musst dir die Codes nach der Erstellung direkt notieren, sie können nicht - erneut angezeigt werden! -
    • + {@html $t('settings.backup_codes.description')}
@@ -1551,17 +1513,18 @@ type="password" class="form-control" id="currentPassword" - placeholder="Aktuelles Passwort" + placeholder={$t('settings.password.current_password')} bind:value={backupCodesPassword} /> - +
    {#each backupCodes as code} @@ -1591,16 +1551,15 @@ {/if} {#if showBackupCodesError} {/if}
Username ändern
-
Konto löschen
+
{$t('settings.delete_account')}

- Dies löscht dein Konto und alle damit verbundenen Daten. Dies kann nicht - rückgängig gemacht werden! + {$t('settings.delete_account.description')}

{ @@ -1612,10 +1571,11 @@ type="password" class="form-control" id="currentPassword" - placeholder="Aktuelles Passwort" + placeholder={$t('settings.password.current_password')} bind:value={deleteAccountPassword} /> - +
{$t('settings.abort')} +
@@ -1730,7 +1690,7 @@ aria-atomic="true" >
-
Fehler beim Speichern der Änderungen!
+
{$t('settings.toast.saved_edit_tag_error')}
@@ -1742,7 +1702,7 @@ aria-atomic="true" >
-
Fehler beim Löschen des Tags!
+
{$t('settings.toast.delete_tag_error')}
@@ -1754,7 +1714,7 @@ aria-atomic="true" >
-
Einstellungen gespeichert!
+
{$t('settings.toast.saved_settings_success')}
@@ -1766,7 +1726,7 @@ aria-atomic="true" >
-
Fehler beim Speichern der Einstellungen!
+
{$t('settings.toast.saved_settings_error')}
@@ -1778,7 +1738,7 @@ aria-atomic="true" >
-
Name oder Inhalt einer Vorlage dürfen nicht leer sein!
+
{$t('settings.toast.invalid_template_empty')}
@@ -1790,7 +1750,7 @@ aria-atomic="true" >
-
Name der Vorlage existiert bereits
+
{$t('settings.toast.invalid_template_double')}
@@ -1802,7 +1762,7 @@ aria-atomic="true" >
-
Vorlage gespeichert
+
{$t('settings.toast.saved_template_success')}
@@ -1814,7 +1774,7 @@ aria-atomic="true" >
-
Fehler beim Löschen der Vorlage
+
{$t('settings.toast.delete_template_error')}
@@ -1826,7 +1786,7 @@ aria-atomic="true" >
-
Vorlage gelöscht
+
{$t('settings.toast.delete_template_success')}
@@ -1838,7 +1798,7 @@ aria-atomic="true" >
-
Fehler beim Logout
+
{$t('settings.toast.logout_error')}
@@ -1850,7 +1810,7 @@ aria-atomic="true" >
-
Fehler beim Exportieren!
+
{$t('settings.toast.export_data_error')}
@@ -1897,7 +1857,7 @@ } .unsaved-changes::before { - content: 'Ungespeicherte Änderungen'; + content: attr(data-content); } :global(.tagColumn > span) { @@ -1906,7 +1866,6 @@ .tagColumn { gap: 0.5rem; - /* width: min-content; */ } #selectMode:checked {