feat(localization): implement the localization using ngx-translate (#830)

This commit is contained in:
Venkatraman 2017-04-11 04:07:30 -05:00 committed by Lex Zhukov
parent 56638e7584
commit 627d62d11f
15 changed files with 151 additions and 55 deletions

View file

@ -1,6 +1,6 @@
<div baCardBlur class="animated fadeIn card {{cardType}} {{baCardClass || ''}}" zoom-in>
<div *ngIf="title" class="card-header clearfix">
<h3 class="card-title">{{title}}</h3>
<h3 class="card-title" translate>{{title}}</h3>
</div>
<div class="card-body">
<ng-content></ng-content>

View file

@ -1,8 +1,10 @@
<div class="content-top clearfix">
<h1 class="al-title">{{ activePageTitle }}</h1>
<h1 class="al-title" translate>{{ activePageTitle }}</h1>
<ul class="breadcrumb al-breadcrumb">
<li class="breadcrumb-item"><a routerLink="/pages/dashboard">Home</a></li>
<li class="breadcrumb-item active">{{ activePageTitle }}</li>
<li class="breadcrumb-item">
<a routerLink="/pages/dashboard" translate>{{'general.home'}}</a>
</li>
<li class="breadcrumb-item active" translate>{{ activePageTitle }}</li>
</ul>
</div>

View file

@ -1,15 +1,15 @@
<li *ngIf="!menuItem.hidden" [title]="menuItem.title" [ngClass]="{'al-sidebar-list-item': !child, 'ba-sidebar-sublist-item': child, 'selected': menuItem.selected && !menuItem.expanded, 'with-sub-menu': menuItem.children, 'ba-sidebar-item-expanded': menuItem.expanded}">
<li *ngIf="!menuItem.hidden" [title]="menuItem.title | translate" [ngClass]="{'al-sidebar-list-item': !child, 'ba-sidebar-sublist-item': child, 'selected': menuItem.selected && !menuItem.expanded, 'with-sub-menu': menuItem.children, 'ba-sidebar-item-expanded': menuItem.expanded}">
<a *ngIf="!menuItem.children && !menuItem.url" (mouseenter)="onHoverItem($event, item)" [routerLink]="menuItem.route.paths" class="al-sidebar-list-link">
<i *ngIf="menuItem.icon" class="{{ menuItem.icon }}"></i><span>{{ menuItem.title }}</span>
<i *ngIf="menuItem.icon" class="{{ menuItem.icon }}"></i><span translate>{{ menuItem.title }}</span>
</a>
<a *ngIf="!menuItem.children && menuItem.url" (mouseenter)="onHoverItem($event, item)" [href]="menuItem.url" [target]="menuItem.target" class="al-sidebar-list-link">
<i *ngIf="menuItem.icon" class="{{ menuItem.icon }}"></i><span>{{ menuItem.title }}</span>
<i *ngIf="menuItem.icon" class="{{ menuItem.icon }}"></i><span translate>{{ menuItem.title }}</span>
</a>
<a *ngIf="menuItem.children" (mouseenter)="onHoverItem($event, item)" href (click)="onToggleSubMenu($event, menuItem)" class="al-sidebar-list-link">
<i *ngIf="menuItem.icon" class="{{ menuItem.icon }}"></i><span>{{ menuItem.title }}</span>
<i *ngIf="menuItem.icon" class="{{ menuItem.icon }}"></i><span translate>{{ menuItem.title }}</span>
<b class="fa fa-angle-down" [ngClass]="{'fa-angle-up': menuItem.expanded}"></b>
</a>

View file

@ -3,6 +3,7 @@ import { CommonModule } from '@angular/common';
import { ReactiveFormsModule, FormsModule } from '@angular/forms';
import { RouterModule } from '@angular/router';
import { NgUploaderModule } from 'ngx-uploader';
import { AppTranslationModule } from '../app.translation.module';
import {
BaThemeConfig
@ -108,7 +109,8 @@ const NGA_VALIDATORS = [
RouterModule,
FormsModule,
ReactiveFormsModule,
NgUploaderModule,
AppTranslationModule,
NgUploaderModule
],
exports: [
...NGA_PIPES,