From 7a7a2f6cebb0a490ed650b6de77b9d35d3b5e741 Mon Sep 17 00:00:00 2001
From: HardiReady <hardi@noarch.de>
Date: Tue, 2 Oct 2018 12:56:51 +0200
Subject: [PATCH] Add i18n for login/signup

---
 .../common/not-found/not-found.component.html |  2 +-
 static/src/app/login/signup.component.html    | 26 +++++++------------
 static/src/app/login/signup.component.ts      |  2 +-
 static/src/assets/i18n/de.json                | 15 ++++++++++-
 4 files changed, 26 insertions(+), 19 deletions(-)

diff --git a/static/src/app/common/not-found/not-found.component.html b/static/src/app/common/not-found/not-found.component.html
index 36f9696..a727ba3 100644
--- a/static/src/app/common/not-found/not-found.component.html
+++ b/static/src/app/common/not-found/not-found.component.html
@@ -1 +1 @@
-<h1>Oops, diese Seite kennen wir nicht...</h1>
+<h1>{{'public.error.headline' | translate}}</h1>
diff --git a/static/src/app/login/signup.component.html b/static/src/app/login/signup.component.html
index 5ae3eb6..af110ce 100644
--- a/static/src/app/login/signup.component.html
+++ b/static/src/app/login/signup.component.html
@@ -1,29 +1,23 @@
-<form class="form-signin" (ngSubmit)="login(userName.value, password.value, secret.value)">
+<form class="form-signin" (ngSubmit)="signup(userName.value, password.value, secret.value)">
 
   <div class="row" style="position: absolute;width: 500px;left: 40%;">
-    <h2 style="text-align: center;" class="form-signin-heading">Registrieren</h2>
+    <h2 style="text-align: center;" class="form-signin-heading">{{'signup.headline' | translate}}</h2>
 
-    <p>Dieses Formular nur ausfüllen wenn du einer <b>HL</b> angehörst oder <b>SQL</b> bist. Dabei den Nutzernamen aus
-      dem OPT Forum verwenden!
-      Im Forum eine Nachricht an <a href="https://www.opt4.net/dashboard/index.php?conversation-add/&userID=9"
-                                    target="_blank">HardiReady</a>
-      senden, in welcher der 'geheime Text' steht, den du bei der Registrierung nutzt.<br>
-      Dabei kann es sich um irgend eine willkürliche Zeichenfolge oder einen Satz handeln - dient nur dem Abgleich.
-      Anschließend wird dein Account aktiviert und du wirst darüber per PN informiert.</p>
+    <p [innerHtml]="'signup.description' | translate"></p>
 
-    <label for="inputEmail" class="sr-only">Benutzername</label>
-    <input #userName id="inputEmail" class="form-control" placeholder="Benutzername" required="" autofocus="">
+    <label for="inputEmail" class="sr-only">{{'signup.username' | translate}}</label>
+    <input #userName id="inputEmail" class="form-control" placeholder="{{'signup.username' | translate}}" required="" autofocus="">
 
-    <label for="inputPassword" class="sr-only">Passwort</label>
-    <input #password type="password" id="inputPassword" class="form-control" placeholder="Passwort" required="">
+    <label for="inputPassword" class="sr-only">{{'signup.password' | translate}}</label>
+    <input #password type="password" id="inputPassword" class="form-control" placeholder="{{'signup.password' | translate}}" required="">
 
-    <label for="inputSecret" class="sr-only">Secret</label>
-    <input #secret type="text" id="inputSecret" class="form-control" placeholder="Geheimer Text für PN Abgleich"
+    <label for="inputSecret" class="sr-only">{{'signup.secret' | translate}}</label>
+    <input #secret type="text" id="inputSecret" class="form-control" placeholder="{{'signup.secret.placeholder' | translate}}"
            required="">
 
     <div class="form-group">
       <button type="submit" class="btn btn-lg btn-block btn-primary">
-        <span *ngIf="!loading">Registrieren</span>
+        <span *ngIf="!loading">{{'signup.submit' | translate}}</span>
         <span *ngIf="loading" class="glyphicon glyphicon-refresh glyphicon-refresh-animate"></span>
       </button>
     </div>
diff --git a/static/src/app/login/signup.component.ts b/static/src/app/login/signup.component.ts
index 6e04a8c..dfeb2a5 100644
--- a/static/src/app/login/signup.component.ts
+++ b/static/src/app/login/signup.component.ts
@@ -31,7 +31,7 @@ export class SignupComponent implements OnInit {
     this.returnUrl = RouteConfig.overviewPath;
   }
 
-  login(username: string, password: string, secret: string) {
+  signup(username: string, password: string, secret: string) {
     if (username.length > 0 && password.length > 0 && secret.length > 0) {
       this.loading = true;
       this.loginService.signUp(username, password, secret)
diff --git a/static/src/assets/i18n/de.json b/static/src/assets/i18n/de.json
index a3ffcda..ff75d8d 100644
--- a/static/src/assets/i18n/de.json
+++ b/static/src/assets/i18n/de.json
@@ -19,7 +19,20 @@
   "navigation.top.admin": "Admin Panel",
   "navigation.button.scroll.top": "Zum Seitenanfang",
 
+  "login.headline": "Login",
+  "login.username": "Benutzername",
+  "login.password": "Passwort",
+  "login.submit": "Anmelden",
+  "signup.headline": "Registrieren",
+  "signup.username": "Benutzername",
+  "signup.password": "Passwort",
+  "signup.secret": "Secret",
+  "signup.secret.placeholder": "Geheimer Text für PN Abgleich",
+  "signup.submit": "Registrieren",
+  "signup.description": "Dieses Formular nur ausfüllen wenn du einer <b>HL</b> angehörst oder <b>SQL</b> bist. Dabei den Nutzernamen aus dem OPT Forum verwenden! Im Forum eine Nachricht an <a href=\"https://www.opt4.net/dashboard/index.php?conversation-add/&userID=9\" target=\"_blank\">HardiReady</a> senden, in welcher der 'geheime Text' steht, den du bei der Registrierung nutzt.<br> Dabei kann es sich um irgend eine willkürliche Zeichenfolge oder einen Satz handeln - dient nur dem Abgleich. Anschließend wird dein Account aktiviert und du wirst darüber per PN informiert.",
+
   "public.army.headline": "Übersicht über alle Spieler, Squads und Armeen",
   "public army.squad.members": "Mitglieder:",
-  "public.army.members": "Armeemitglieder:"
+  "public.army.members": "Armeemitglieder:",
+  "public.error.headline": "Oops, diese Seite kennen wir nicht..."
 }