Add localization fallback defaults and translate UI into 5 languages

uSync.Backoffice.Management.Client/usync-assets/src/components/usync-action-box.ts

@@ -63,7 +63,7 @@ export class uSyncActionBox extends UmbLitElement {
 			<uui-box class="action-box ${this.disabled ? 'disabled' : ''}">
 				<div class="box-content">
 					<h2 class="box-heading" title=${this.getLastSyncDate()}>
-						${this.group?.groupName}
+						${this.localize.termOrDefault(`uSync_group${this.group?.groupName}`, this.group?.groupName ?? '')}
 					</h2>
 					<umb-icon name=${this.group?.icon}></umb-icon>
 					<div class="box-buttons">${dropdownButtons}</div>

uSync.Backoffice.Management.Client/usync-assets/src/components/usync-progress-box.ts

@@ -63,6 +63,14 @@ export class uSyncProcessBox extends UmbElementMixin(LitElement) {
 		}, 2000);
 	}
 
+	#camelize(str: string) {
+		return str
+			.replace(/(?:^\w|[A-Z]|\b\w)/g, function (word: string, index: number) {
+				return index === 0 ? word.toLowerCase() : word.toUpperCase();
+			})
+			.replace(/\s+/g, '');
+	}
+
 	render() {
 		let actions = this.actions;
 		if (!this.actions || this.actions.length === 0) {
@@ -79,6 +87,8 @@ export class uSyncProcessBox extends UmbElementMixin(LitElement) {
 		let actionHtml = actions?.map((action) => {
 			if (action.status == HandlerStatus.COMPLETE) progress++;
 
+			const actionName = this.#camelize(action.name ?? 'unknown');
+
 			return html`
 				<div
 					class="action 
@@ -88,7 +98,7 @@ export class uSyncProcessBox extends UmbElementMixin(LitElement) {
 						<uui-icon .name=${action.icon ?? 'icon-box'}></uui-icon>
 						${this.renderBadge(action)}
 					</div>
-					<h4>${action.name ?? 'unknown'}</h4>
+					<h4>${this.localize.termOrDefault(`treeHeaders_${actionName}`, actionName)}</h4>
 				</div>
 			`;
 		});
@@ -107,7 +117,7 @@ export class uSyncProcessBox extends UmbElementMixin(LitElement) {
 
 		return html`
 			<uui-box>
-				<h2>${this.title}</h2>
+				<h2>${this.localize.termOrDefault(`uSync_group${this.title}`, this.title)}</h2>
 				<div class="action-list">${actionHtml}</div>
 				<div class="update-box">${this.updateMsg?.message}</div>
 				<uui-progress-bar

uSync.Backoffice.Management.Client/usync-assets/src/components/usync-results-group-view.ts

@@ -42,7 +42,7 @@ export class uSyncResultGroupView extends UmbLitElement {
 				<div
 					class="summary ${when(this.expanded, () => 'expanded')}"
 					@click=${() => (this.expanded = !this.expanded)}>
-					<h4>${this.localize.term('uSync_' + this.groupName)}</h4>
+					<h4>${this.localize.termOrDefault('uSync_' + this.groupName, this.groupName)}</h4>
 					<div class="summary-right">
 						<h4 class="count">${changeCount}/${this.results?.length}</h4>
 						<uui-icon

uSync.Backoffice.Management.Client/usync-assets/src/components/usync-results-view.ts

@@ -117,7 +117,7 @@ export class uSyncResultsView extends UmbElementMixin(LitElement) {
 
 		return html`<div class="result-header">
 			<uui-toggle
-				.label=${this.localize.term('uSync_showAll')}
+				.label=${this.localize.termOrDefault('uSync_showAll', 'Show all items')}
 				?checked=${this.showAll}
 				@change=${this.#toggleShowAll}></uui-toggle>
 			<umb-localize .key=${localKey} .args=${[count, changes]}

uSync.Backoffice.Management.Client/usync-assets/src/dialogs/details-modal-element.ts

@@ -86,7 +86,7 @@ export class uSyncDetailsModalElement extends UmbModalBaseElement<
 			type="button"
 			look="outline"
 			.state=${this.importState}
-			.label=${this.localize.term('uSync_importSingle')}
+			.label=${this.localize.termOrDefault('uSync_importSingle', 'Import')}
 			@click="${this.#onImport}"></uui-button>`;
 	}
 

uSync.Backoffice.Management.Client/usync-assets/src/dialogs/legacy-modal-element.ts

@@ -30,7 +30,7 @@ export class uSyncLegacyModalElement extends UmbModalBaseElement<
 	renderLegacyFolder(folder: string | null | undefined) {
 		return folder === undefined || folder === null
 			? nothing
-			: html`${this.localize.term('uSync.legacyInfo', [folder])}`;
+			: html`${this.localize.termOrDefault('uSync.legacyInfo', 'uSync has found a legacy uSync folder', folder)}`;
 	}
 
 	renderLegacyTypes(legacyTypes: Array<string> | undefined) {
@@ -43,14 +43,12 @@ export class uSyncLegacyModalElement extends UmbModalBaseElement<
 		});
 
 		return html`<div>
-			${this.localize.term('uSync.legacyObsolete', [legacyTypeHtml])}
+			${this.localize.termOrDefault('uSync.legacyObsolete', 'Obsolete DataTypes', legacyTypeHtml)}
 		</div>`;
 	}
 
 	renderCopy() {
-		return html`${this.localize.term('uSync.legacyCopy', [
-			this.data?.legacyFolder ?? 'uSync/v15',
-		])} `;
+		return html`${this.localize.termOrDefault('uSync.legacyCopy', 'Copy to uSync folder', this.data?.legacyFolder ?? 'uSync/v15')} `;
 	}
 
 	static styles = css`

uSync.Backoffice.Management.Client/usync-assets/src/dialogs/single-import-modal.element.ts

@@ -64,7 +64,7 @@ export default class SyncImportSingleModalElement extends UmbModalBaseElement<
 							color="positive"
 							type="button"
 							.state=${this.importState}
-							.label=${this.localize.term('uSync_importSingle')}
+							.label=${this.localize.termOrDefault('uSync_importSingle', 'Import')}
 							@click="${this.#doImport}"></uui-button>`,
 				)}
 			</div>

uSync.Backoffice.Management.Client/usync-assets/src/lang/files/da-dk.ts

@@ -0,0 +1,191 @@
+export default {
+	uSync: {
+		section: 'Synkronisering',
+		name: 'uSync',
+		banner: 'uSync alt på én gang',
+
+		migrate: 'Migrer',
+		defaultView: 'Standard',
+		settingsView: 'Indstillinger',
+		addons: 'Tilføjelser',
+
+		groupEverything: 'Alt',
+		groupContent: 'Indhold',
+		groupSettings: 'Indstillinger',
+		groupForms: 'Formularer',
+		groupMedia: 'Medie',
+		groupMembers: 'Medlemmer',
+
+		Report: 'Rapport',
+		Import: 'Importer',
+		Export: 'Eksporter',
+		ImportForce: 'Importer (Tvungen)',
+		ExportClean: 'Eksporter (Ren)',
+		ExportFile: 'Eksporter til fil',
+		ImportFile: 'Importer fra fil',
+
+		noChange: 'Intet har ændret sig',
+		showAll: 'Vis alle elementer',
+
+		detailHeadline: 'Registrerede ændringer',
+		detailHeader: 'Ting der er anderledes',
+
+		runningInBackground:
+			'uSync kører denne proces i baggrunden. Hvis du navigerer væk fra denne side, vil den fortsætte med at køre.',
+
+		connectionLost:
+			'Forbindelsen til serveren er gået tabt. Processen vil fortsætte med at køre i baggrunden, men du vil ikke se opdateringer her.',
+
+		importSingle: 'Importer',
+		importSingleWarning:
+			'Dette vil importere dette element til Umbraco. Hvis dette element har afhængigheder, vil de ikke blive importeret og skal løses manuelt.',
+		importSingleSuccess: 'Elementet er blevet importeret korrekt',
+		importSingleFailed: `<p>Der opstod en fejl ved import af elementet</p><strong>%0%</strong>`,
+
+		changeAction: 'Handling',
+		changeItem: 'Element',
+		changeDiffrence: 'Forskel',
+		changeCreate: 'Dette element findes ikke i Umbraco og oprettes',
+		noChangesImport: 'Der blev ikke foretaget ændringer i dette element',
+		noChangesReport: 'Ingen ændringer registreret',
+		noChangesDelete: 'Dette element er blevet slettet fra Umbraco',
+
+		importHeader: 'Importer fra fil',
+
+		success: 'Succes',
+		change: 'Ændring',
+		changeType: 'Type',
+		changeName: 'Navn',
+		changeDetail: 'Detalje',
+		changeHeading: 'Resultater',
+		changeCount: '{1}/{0} ændringer',
+		noChangeCount: '0/{0} ændringer',
+
+		legacyInfo: `<p>uSync har fundet en ældre uSync-mappe på <strong>%0%</strong>.<br />
+						Det er sandsynligt, at indholdet skal konverteres på en eller anden måde</p>`,
+
+		legacyObsolete: `<h4>Forældede datatyper</h4>
+				<ul>%0%</ul>
+				<p>Du kan konvertere disse datatyper ved hjælp af
+					<a href="https://github.com/Jumoo/uSyncMigrations" target="_blank">uSync.Migrations</a><br />
+					<em>(I den fulde uSync-udgivelse vil konvertering ske her.)</em></p>`,
+
+		legacyCopy: `<h4>Kopiér til uSync/v14</h4>
+					<p>Du kan kopiere din %0%-mappe til ~/uSync/v14-mappen<br />og køre en import.</p>
+					<p>Hvis intet skal konverteres, bør alt importeres korrekt.</p>
+					<p><strong>Fjern eller omdøb %0%-mappen for at forhindre denne popup</strong></p>`,
+
+		hmacMismatch: `<h4>HMAC-uoverensstemmelse <uui-icon name="alert"></uui-icon></h4>
+			<p>Det ser ud til, at indstillingen <code>Imaging:HMAC</code>, der bruges til at generere filerne i uSync-mappen, ikke stemmer overens med den aktuelle indstilling for dette websted.</p>
+			<p>Billeder i RTE-kontrolelementer vil have HMAC-værdien tilføjet til URL-værdien, og uden yderligere konfiguration vises disse billeder muligvis ikke korrekt.</p>
+			<ul><li>Du kan aktivere "HMAC-mapping" i uSync,</li>
+			<li>eller du kan sikre, at HMAC-værdien i indstillingen <code>Imaging:HMAC</code> stemmer overens med den værdi, der bruges til at generere filerne i uSync-mappen</li></ul>`,
+		formatMismatch:
+			'Synkroniseringsfilformatversionen stemmer ikke overens med den forventede version. Dette kan indikere et potentielt kompatibilitetsproblem.',
+
+		legacyBanner:
+			'Dette websted indeholder filer fra en tidligere version af uSync. Se detaljerne under fanen Ældre.',
+
+		legacyCopyTitle: 'Overskriv v%0%-filer',
+		legacyCopyContent:
+			'Er du sikker på, at du vil overskrive indholdet af mappen %0% med de ældre uSync-mappefilerne?',
+
+		legacyIgnoreTitle: 'Ignorer ældre filer',
+		legacyIgnoreContent:
+			'Er du sikker på, at du vil ignorere filerne i den ældre uSync-mappe?',
+
+		errorHeader:
+			'Dette element stødte på en fejl under processen. Detaljerne er nedenfor:',
+
+		uploadIntro: 'Vælg en zip-fil med uSync-filer, som du vil uploade',
+		uploadSuccess: 'Filerne er blevet uploadet og udtrukket til uSync-mappen',
+		uploadError: 'Der opstod en fejl ved upload af filerne',
+
+		ILanguage: 'Sprog',
+		IDictionaryItem: 'Ordbogselementer',
+		IDataType: 'Datatyper',
+		ITemplate: 'Skabeloner',
+		IContentType: 'Indholdstyper',
+		IMediaType: 'Medietyper',
+		IMemberType: 'Medlemstyper',
+		IContent: 'Indhold',
+		IMedia: 'Medie',
+		IDomain: 'Domæner',
+		IWebhook: 'Webhooks',
+		IRelationType: 'Relationstyper',
+		MediaFile: 'Mediefiler',
+		XElement: 'Andet',
+		LanguageHandler: 'Sprog',
+		DictionaryHandler: 'Ordbogselementer',
+		DataTypeHandler: 'Datatyper',
+		TemplateHandler: 'Skabeloner',
+		ContentTypeHandler: 'Indholdstyper',
+		MediaTypeHandler: 'Medietyper',
+		MemberTypeHandler: 'Medlemstyper',
+		ContentHandler: 'Indhold',
+		MediaHandler: 'Medie',
+		RelationTypeHandler: 'Relationstyper',
+		EntityContainer: 'Containere',
+	},
+	USyncSettings: {
+		settings: 'uSync-indstillinger',
+		filesAndFolders: 'Filer og mapper',
+		handlerDefaults: 'Handlerstandarder',
+
+		processingMode: 'Behandlingstilstand',
+		processingModeDesc:
+			'Hvordan uSync-processen kører, enten i baggrunden eller interaktivt (Normal)',
+
+		importAtStartup: 'Importer ved opstart',
+		importAtStartupDesc: 'Kør en import af filer fra disken, når Umbraco starter',
+
+		exportAtStartup: 'Eksporter ved opstart',
+		exportAtStartupDesc: 'Eksporter Umbraco-indstillingerne, når webstedet starter',
+
+		exportOnSave: 'Eksporter ved gem',
+		exportOnSaveDesc: 'Generer uSync-filer, når elementer gemmes',
+
+		uiEnabledGroups: 'Aktiverede UI-grupper',
+		uiEnabledGroupsDesc: 'Handlergrupper, der kan ses/bruges på dashboardet',
+
+		failOnMissingParent: 'Fejl ved manglende overordnet',
+		failOnMissingParentDesc: 'Fejl ved manglende overordnet element',
+
+		currentHandlerSet: 'Aktuelt sæt',
+
+		handlerSet: 'Standardhandlersæt',
+		handlerSetDesc: 'Det standardhandlersæt, der bruges for webstedet',
+
+		flatStructure: 'Flad struktur',
+		flatStructureDesc: 'Alle elementer af en type gemmes i en flad mappestruktur',
+
+		guidNames: 'Brug GUID som filnavne',
+		guidNamesDesc: 'Brug et elements GUID som filnavn',
+
+		handlerGroups: 'Handlergrupper',
+		handlerGroupsDesc: 'Grupper til at begrænse handlersættet til',
+
+		disabledHandlers: 'Deaktiverede handlere',
+		disabledHandlersDesc: 'Handlere eksplicit deaktiveret for dette handlersæt',
+
+		folders: 'Mapper',
+		foldersDesc:
+			'Mapper uSync vil søge efter filer i (elementer gemmes normalt i den sidste mappe på listen)',
+
+		rootSite: 'Rodwebsted',
+		rootSiteDesc: 'Er dette websted en rod for andre websteder.',
+
+		rootLocked: 'Rod låst',
+		rootLockedDesc: 'Er ændringer for elementer fra rodwebstedet låst?',
+
+		help: 'Indstillinger styres via filen appsettings.json. <a href="https://docs.jumoo.co.uk/usync/uSync/reference/config" target="_blank" rel="noopener">Se vores dokumentation</a>',
+
+		bootSettings: 'Indstillinger for første opstart 🥾',
+
+		firstBoot: 'Importer ved første opstart',
+		firstBootDesc: 'Kør importprocessen ved webstedets første opstart',
+
+		firstBootGroup: 'Grupper for første opstart',
+		firstBootGroupDesc: 'De grupper, der køres ved første opstart',
+	},
+};