diff --git a/packages/person-profile/src/i18n/de/translation.json b/packages/person-profile/src/i18n/de/translation.json index 2c63c0851048d8f7bff41ecf0f8cee05f52fd120..a9b63f1367c6e89ac50f6e6922b3d6e3fedbf6d3 100644 --- a/packages/person-profile/src/i18n/de/translation.json +++ b/packages/person-profile/src/i18n/de/translation.json @@ -1,2 +1,13 @@ { + "person-profile": { + "profile-caption": "Profil von", + "given-name": "Vorname", + "family-name": "Nachname", + "email": "Email", + "telephone": "Telefon", + "role": "Rolle", + "none-selected": "Keine Person ausgewählt", + "staff": "Mitarbeiter/in", + "alumni": "Absolvent/in" + } } diff --git a/packages/person-profile/src/i18n/en/translation.json b/packages/person-profile/src/i18n/en/translation.json index 2c63c0851048d8f7bff41ecf0f8cee05f52fd120..712a774f18805388f1bd1eec45802319af4321a7 100644 --- a/packages/person-profile/src/i18n/en/translation.json +++ b/packages/person-profile/src/i18n/en/translation.json @@ -1,2 +1,13 @@ { + "person-profile": { + "profile-caption": "Profile for", + "given-name": "given name", + "family-name": "family name", + "email": "email", + "telephone": "telephone", + "role": "role", + "none-selected": "No person selected", + "staff": "staff", + "alumni": "alumni" + } } diff --git a/packages/person-profile/src/person-profile.js b/packages/person-profile/src/person-profile.js index 3334fc765fcca64b08dd8e76ab9599a96ec0e335..a23a1a060a1156e14cbea80659701e5261e9902c 100644 --- a/packages/person-profile/src/person-profile.js +++ b/packages/person-profile/src/person-profile.js @@ -75,9 +75,9 @@ class PersonProfile extends VPULitElement { if (this.person !== null && this.person.roles !== undefined) { // roles are only defined for self-disclosure if (this.person.roles.indexOf('ROLE_STAFF') > -1) { - role = 'Mitarbeiter/in'; + role = i18n.t('person-profile.staff'); } else if (this.person.roles.indexOf('ROLE_ALUMNI') > -1) { - role = 'Absolvent/in'; + role = i18n.t('person-profile.alumni'); } } const bulmaCSS = getAssetURL(bulmaCSSPath); @@ -92,18 +92,18 @@ class PersonProfile extends VPULitElement { } </style> - ${this.person !== null && this.person.name !== '' ? html`<h3>PROFILE for ${this.person.name}</h3> + ${this.person !== null && this.person.name !== '' ? html`<h3>${i18n.t('person-profile.profile-caption')} ${this.person.name}</h3> <table class="profile"> <thead></thead> <tbody> - <tr><td class="td-profile">Vorname</td><td>${this.person.givenName}</td></tr> - <tr><td class="td-profile">Nachname</td><td>${this.person.familyName}</td></tr> - <tr><td class="td-profile">Email</td><td>${this.person.email}</td></tr> - <tr><td class="td-profile">Telefon</td><td>${this.person.telephone}</td></tr> - <tr><td class="td-profile">Funktion</td><td>${role}</td></tr> + <tr><td class="td-profile">${i18n.t('person-profile.given-name')}</td><td>${this.person.givenName}</td></tr> + <tr><td class="td-profile">${i18n.t('person-profile.family-name')}</td><td>${this.person.familyName}</td></tr> + <tr><td class="td-profile">${i18n.t('person-profile.email')}</td><td>${this.person.email}</td></tr> + <tr><td class="td-profile">${i18n.t('person-profile.telephone')}</td><td>${this.person.telephone}</td></tr> + <tr><td class="td-profile">${i18n.t('person-profile.role')}</td><td>${role}</td></tr> </tbody> <tfoot></tfoot> - </table>` : html`Keine Person ausgewählt.` } + </table>` : i18n.t('person-profile.none-selected') } `; } }