Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-17 07:50:12 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(login): add the locale changes (#993)

Browse source
This commit is contained in:
Venkatraman 2017-04-19 03:14:21 -05:00 • committed by Lex Zhukov
parent c4dad9ab1d
commit e033edf838
3 changed files with 26 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/app/pages/login/login.html
View file

@ -1,38 +1,38 @@
<div class="auth-main"> <div class="auth-main">
<div class="auth-block"> <div class="auth-block">
<h1>Sign in to ng2-admin</h1> <h1 translate>{{'login.title'}}</h1>
<a routerLink="/register" class="auth-link">New to ng2-admin? Sign up!</a> <a routerLink="/register" class="auth-link" translate>{{'login.signup_link'}}</a>
<form [formGroup]="form" (ngSubmit)="onSubmit(form.value)" class="form-horizontal"> <form [formGroup]="form" (ngSubmit)="onSubmit(form.value)" class="form-horizontal">
<div class="form-group row" [ngClass]="{'has-error': (!email.valid && email.touched), 'has-success': (email.valid && email.touched)}"> <div class="form-group row" [ngClass]="{'has-error': (!email.valid && email.touched), 'has-success': (email.valid && email.touched)}">
<label for="inputEmail3" class="col-sm-2 control-label">Email</label> <label for="inputEmail3" class="col-sm-2 control-label" translate>{{'login.email'}}</label>
<div class="col-sm-10"> <div class="col-sm-10">
<input [formControl]="email" type="email" class="form-control" id="inputEmail3" placeholder="Email"> <input [formControl]="email" type="email" class="form-control" id="inputEmail3" placeholder="{{'login.email' | translate}}">
</div> </div>
</div> </div>
<div class="form-group row" [ngClass]="{'has-error': (!password.valid && password.touched), 'has-success': (password.valid && password.touched)}"> <div class="form-group row" [ngClass]="{'has-error': (!password.valid && password.touched), 'has-success': (password.valid && password.touched)}">
<label for="inputPassword3" class="col-sm-2 control-label">Password</label> <label for="inputPassword3" class="col-sm-2 control-label" translate>{{'login.password'}}</label>
<div class="col-sm-10"> <div class="col-sm-10">
<input [formControl]="password" type="password" class="form-control" id="inputPassword3" placeholder="Password"> <input [formControl]="password" type="password" class="form-control" id="inputPassword3" placeholder="{{'login.password' | translate}}">
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<div class="offset-sm-2 col-sm-10"> <div class="offset-sm-2 col-sm-10">
<button [disabled]="!form.valid" type="submit" class="btn btn-default btn-auth">Sign in</button> <button [disabled]="!form.valid" type="submit" class="btn btn-default btn-auth" translate>{{'login.sign_in'}}</button>
<a routerLink="/login" class="forgot-pass">Forgot password?</a> <a routerLink="/login" class="forgot-pass" translate>{{'login.forgot_password'}}</a>
</div> </div>
</div> </div>
</form> </form>
<div class="auth-sep"><span><span>or Sign in with one click</span></span></div> <div class="auth-sep"><span><span translate>{{'login.sign_from_app_text'}}</span></span></div>
<div class="al-share-auth"> <div class="al-share-auth">
<ul class="al-share clearfix"> <ul class="al-share clearfix">
<li><i class="socicon socicon-facebook" title="Share on Facebook"></i></li> <li><i class="socicon socicon-facebook" title="{{'login.share_on_facebook' | translate}}"></i></li>
<li><i class="socicon socicon-twitter" title="Share on Twitter"></i></li> <li><i class="socicon socicon-twitter" title="{{'login.share_on_twitter' | translate}}"></i></li>
<li><i class="socicon socicon-google" title="Share on Google Plus"></i></li> <li><i class="socicon socicon-google" title="{{'login.share_on_google_plus' | translate}}"></i></li>
</ul> </ul>
</div> </div>
</div> </div>

2
src/app/pages/login/login.module.ts
View file

@ -1,5 +1,6 @@
import { NgModule } from '@angular/core'; import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common'; import { CommonModule } from '@angular/common';
import { AppTranslationModule } from '../../app.translation.module';
import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { NgaModule } from '../../theme/nga.module'; import { NgaModule } from '../../theme/nga.module';
@ -10,6 +11,7 @@ import { routing } from './login.routing';
@NgModule({ @NgModule({
imports: [ imports: [
CommonModule, CommonModule,
AppTranslationModule,
ReactiveFormsModule, ReactiveFormsModule,
FormsModule, FormsModule,
NgaModule, NgaModule,

12
src/assets/i18n/US/en.json
View file

@ -1,4 +1,16 @@
{ {
"login": {
"title": "Sign in to ng2-admin",
"signup_link": "New to ng2-admin? Sign up!",
"email": "Email",
"password": "Password",
"sign_in": "Sign in",
"forgot_password": "Forgot password?",
"sign_from_app_text": "or Sign in with one click",
"share_on_facebook": "Share on Facebook",
"share_on_twitter": "Share on Twitter",
"share_on_google_plus": "Share on Google Plus"
},
"general": { "general": {
"akveo": "Akveo", "akveo": "Akveo",
"home": "Home", "home": "Home",