Add i18n for login/signup

pull/46/head
HardiReady 2018-10-02 12:56:51 +02:00
parent 6259fdd766
commit 7a7a2f6ceb
4 changed files with 26 additions and 19 deletions

View File

@ -1 +1 @@
<h1>Oops, diese Seite kennen wir nicht...</h1>
<h1>{{'public.error.headline' | translate}}</h1>

View File

@ -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>

View File

@ -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)

View File

@ -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..."
}