frontend/messages/de.json

@@ -972,6 +972,12 @@
 	"relation_btn_add": "Hinzufügen",
 	"relation_btn_save": "Speichern",
 	"relation_btn_cancel": "Abbrechen",
+	"relation_form_group_family": "Familie",
+	"relation_form_group_social": "Sozial",
+	"relation_form_field_type": "Typ",
+	"relation_form_field_from_year": "Von Jahr",
+	"relation_form_field_to_year": "Bis Jahr",
+	"relation_form_year_placeholder": "z.B. 1920",
 
 	"person_relationships_heading": "Beziehungen",
 	"person_relationships_empty": "Noch keine Beziehungen bekannt."

frontend/messages/en.json

@@ -972,6 +972,12 @@
 	"relation_btn_add": "Add",
 	"relation_btn_save": "Save",
 	"relation_btn_cancel": "Cancel",
+	"relation_form_group_family": "Family",
+	"relation_form_group_social": "Social",
+	"relation_form_field_type": "Type",
+	"relation_form_field_from_year": "From year",
+	"relation_form_field_to_year": "To year",
+	"relation_form_year_placeholder": "e.g. 1920",
 
 	"person_relationships_heading": "Relationships",
 	"person_relationships_empty": "No relationships known yet."

frontend/messages/es.json

@@ -972,6 +972,12 @@
 	"relation_btn_add": "Añadir",
 	"relation_btn_save": "Guardar",
 	"relation_btn_cancel": "Cancelar",
+	"relation_form_group_family": "Familia",
+	"relation_form_group_social": "Social",
+	"relation_form_field_type": "Tipo",
+	"relation_form_field_from_year": "Desde año",
+	"relation_form_field_to_year": "Hasta año",
+	"relation_form_year_placeholder": "ej. 1920",
 
 	"person_relationships_heading": "Relaciones",
 	"person_relationships_empty": "Aún no se conocen relaciones."

frontend/src/lib/components/AddRelationshipForm.svelte

@@ -77,18 +77,18 @@ function cancel() {
 	>
 		<div class="grid gap-3 md:grid-cols-2">
 			<label class="block">
-				<span class="font-sans text-xs font-medium text-ink-2">Typ</span>
+				<span class="font-sans text-xs font-medium text-ink-2">{m.relation_form_field_type()}</span>
 				<select
 					name="relationType"
 					bind:value={addType}
 					class="mt-1 block w-full rounded-sm border border-line bg-surface px-2 py-1.5 text-sm text-ink focus:border-primary focus:outline-none"
 				>
-					<optgroup label="Familie">
+					<optgroup label={m.relation_form_group_family()}>
 						<option value="PARENT_OF">{m.relation_parent_of()}</option>
 						<option value="SPOUSE_OF">{m.relation_spouse_of()}</option>
 						<option value="SIBLING_OF">{m.relation_sibling_of()}</option>
 					</optgroup>
-					<optgroup label="Sozial">
+					<optgroup label={m.relation_form_group_social()}>
 						<option value="FRIEND">{m.relation_friend()}</option>
 						<option value="COLLEAGUE">{m.relation_colleague()}</option>
 						<option value="EMPLOYER">{m.relation_employer()}</option>
@@ -109,19 +109,23 @@ function cancel() {
 				/>
 			</div>
 			<label class="block">
-				<span class="font-sans text-xs font-medium text-ink-2">Von Jahr</span>
+				<span class="font-sans text-xs font-medium text-ink-2"
+					>{m.relation_form_field_from_year()}</span
+				>
 				<input
 					type="text"
 					name="fromYear"
 					inputmode="numeric"
 					pattern="[0-9]*"
 					bind:value={addFromYear}
-					placeholder="z.B. 1920"
+					placeholder={m.relation_form_year_placeholder()}
 					class="mt-1 block w-full rounded-sm border border-line bg-surface px-2 py-1.5 text-sm text-ink focus:border-primary focus:outline-none"
 				/>
 			</label>
 			<label class="block">
-				<span class="font-sans text-xs font-medium text-ink-2">Bis Jahr</span>
+				<span class="font-sans text-xs font-medium text-ink-2"
+					>{m.relation_form_field_to_year()}</span
+				>
 				<input
 					type="text"
 					name="toYear"