tomasz
/
frontend-frameworks-showcase
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Angular using custom translation ids.

master
Tomasz Półgrabia 2021-01-03 16:53:54 +01:00
parent 7a2650564a
commit 6075326683
5 changed files with 33 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
backend/README.md Normal file
View File

@ -0,0 +1,3 @@
# How to start backend
node .\index.js .\config-dev.json

6
frontend-angular/README.md
View File

@ -1,6 +1,10 @@
# Frontend
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.0.4.
Angular version of frontend for a simple people management application.
## How to add new translations
ng extract-i18n --out-file src/locale/messages.de.xlf
## Development server

2
frontend-angular/angular.json
View File

@ -27,7 +27,7 @@
"builder": "@angular-devkit/build-angular:browser",
"options": {
"localize": [
"en-US"
"de"
],
"outputPath": "dist/frontend",
"index": "src/index.html",

12
frontend-angular/src/app/app.component.html
View File

@ -1,7 +1,7 @@
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" routerLink="/">
<h2 class="is-uppercase bold" i18n="app-people-management-limited-label">
<h2 class="is-uppercase bold" i18n="@@app.banner">
PeopleIndex management limited
</h2>
</a>
@ -15,11 +15,11 @@
<div id="navbarBasicExample" class="navbar-menu">
<div class="navbar-start">
<a class="navbar-item" routerLink="/" i18n="app-home-link-label">
<a class="navbar-item" routerLink="/" i18n="@@app.home.link.label">
PeopleIndex
</a>
<a class="navbar-item" routerLink="/people/add" i18="app-add-person-link-label">
<a class="navbar-item" routerLink="/people/add" i18n="@@app.addPerson.link.label">
Add person
</a>
@ -29,10 +29,10 @@
<div class="navbar-item">
<div class="buttons">
<a class="button is-primary" (click)="toggleModal()">
<strong i18n="app-sign-up-link-label">Sign up</strong>
<strong i18n="@@app.signUp.link.label">Sign up</strong>
</a>
<a class="button is-light" (click)="toggleModal()">
<strong i18n="app-log-in-link-label">Log in</strong>
<strong i18n="@@app.logIn.link.label">Log in</strong>
</a>
</div>
</div>
@ -43,7 +43,7 @@
<div class="modal" [ngClass]="{'is-active': notYetImplementedModalActive}">
<div class="modal-background"></div>
<div class="modal-content">
<div class="box" i18n="app-not-implemented-yet">
<div class="box" i18n="@@app.dialog.notImplementedYet.message">
Sorry, this is still waiting for implementation.
</div>
</div>

28
frontend-angular/src/locale/messages.de.xlf
View File

@ -2,45 +2,53 @@
<xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
<file source-language="en-US" datatype="plaintext" original="ng2.template">
<body>
<trans-unit id="c5b59182c27173fd4fe148d3c8a9d373b23fd292" datatype="html">
<trans-unit id="app.banner" datatype="html">
<source> PeopleIndex management limited </source>
<target>Leute Verwaltung Begrenzt</target>
<context-group purpose="location">
<context context-type="sourcefile">src/app/app.component.html</context>
<context context-type="linenumber">5,6</context>
</context-group>
<note priority="1" from="description">app-people-management-limited-label</note>
</trans-unit>
<trans-unit id="815cad6a13eee2edfed8a43dc3a64d88b1b2db27" datatype="html">
<trans-unit id="app.home.link.label" datatype="html">
<source> PeopleIndex </source>
<target> Hauptseite </target>
<context-group purpose="location">
<context context-type="sourcefile">src/app/app.component.html</context>
<context context-type="linenumber">19,20</context>
</context-group>
<note priority="1" from="description">app-home-link-label</note>
</trans-unit>
<trans-unit id="c40c132843f349c3aa49730405de1d0ca733aef6" datatype="html">
<trans-unit id="app.addPerson.link.label" datatype="html">
<source> Add person </source>
<target> Füge neue Person hinzu </target>
<context-group purpose="location">
<context context-type="sourcefile">src/app/app.component.html</context>
<context context-type="linenumber">23,24</context>
</context-group>
</trans-unit>
<trans-unit id="app.signUp.link.label" datatype="html">
<source>Sign up</source>
<target>Registrieren Sich an</target>
<context-group purpose="location">
<context context-type="sourcefile">src/app/app.component.html</context>
<context context-type="linenumber">32</context>
</context-group>
<note priority="1" from="description">app-sign-up-link-label</note>
</trans-unit>
<trans-unit id="f093d9574ab746b231504bd2cbb65f04bd7b00db" datatype="html">
<trans-unit id="app.logIn.link.label" datatype="html">
<source>Log in</source>
<target>Melden Sich an</target>
<context-group purpose="location">
<context context-type="sourcefile">src/app/app.component.html</context>
<context context-type="linenumber">35</context>
</context-group>
<note priority="1" from="description">app-log-in-link-label</note>
</trans-unit>
<trans-unit id="f8a96e4bba93359867f7bd83d8a13a2f086bd885" datatype="html">
<trans-unit id="app.dialog.notImplementedYet.message" datatype="html">
<source> Sorry, this is still waiting for implementation. </source>
<target> Wir bedauern, aber es wurde noch nicht implementiert.</target>
<context-group purpose="location">
<context context-type="sourcefile">src/app/app.component.html</context>
<context context-type="linenumber">47,48</context>
</context-group>
<note priority="1" from="description">app-not-implemented-yet</note>
</trans-unit>
</body>
</file>