mirror of
https://github.com/akveo/ngx-admin.git
synced 2026-02-24 00:44:07 +01:00
feat(localization): implement the localization using ngx-translate (#830)
This commit is contained in:
parent
56638e7584
commit
627d62d11f
15 changed files with 151 additions and 55 deletions
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue