From 60753266831356a724f67d2dab0bf7f67cfa4830 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tomasz=20P=C3=B3=C5=82grabia?=
 <tomasz.polgrabia@protonmail.com>
Date: Sun, 3 Jan 2021 16:53:54 +0100
Subject: [PATCH] Angular using custom translation ids.

---
 backend/README.md                           |  3 +++
 frontend-angular/README.md                  |  6 ++++-
 frontend-angular/angular.json               |  2 +-
 frontend-angular/src/app/app.component.html | 12 ++++-----
 frontend-angular/src/locale/messages.de.xlf | 28 +++++++++++++--------
 5 files changed, 33 insertions(+), 18 deletions(-)
 create mode 100644 backend/README.md

diff --git a/backend/README.md b/backend/README.md
new file mode 100644
index 0000000..d1db969
--- /dev/null
+++ b/backend/README.md
@@ -0,0 +1,3 @@
+# How to start backend
+
+node .\index.js .\config-dev.json
\ No newline at end of file
diff --git a/frontend-angular/README.md b/frontend-angular/README.md
index 260c0f5..daf3157 100644
--- a/frontend-angular/README.md
+++ b/frontend-angular/README.md
@@ -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
 
diff --git a/frontend-angular/angular.json b/frontend-angular/angular.json
index 3547972..61d56bf 100644
--- a/frontend-angular/angular.json
+++ b/frontend-angular/angular.json
@@ -27,7 +27,7 @@
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
             "localize": [
-              "en-US"
+              "de"
             ],
             "outputPath": "dist/frontend",
             "index": "src/index.html",
diff --git a/frontend-angular/src/app/app.component.html b/frontend-angular/src/app/app.component.html
index 3abb1a6..0b46896 100644
--- a/frontend-angular/src/app/app.component.html
+++ b/frontend-angular/src/app/app.component.html
@@ -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>
diff --git a/frontend-angular/src/locale/messages.de.xlf b/frontend-angular/src/locale/messages.de.xlf
index dd322f5..3289831 100644
--- a/frontend-angular/src/locale/messages.de.xlf
+++ b/frontend-angular/src/locale/messages.de.xlf
@@ -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>