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

refactor: update the translation for Dashboard, Pages, Traffic chart, Popular App, Tree View and Chart JS (#984)

Browse source
This commit is contained in:
Venkatraman 2017-04-18 05:52:58 -05:00 • committed by Lex Zhukov
parent 4420048bfe
commit b414aeb496
11 changed files with 89 additions and 49 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/app/pages/charts/charts.module.ts
View file

@ -7,11 +7,12 @@ import { routing } from './charts.routing';
import { Charts } from './charts.component';
import { ChartistJs } from './components/chartistJs/chartistJs.component';
import { ChartistJsService } from './components/chartistJs/chartistJs.service';
import { AppTranslationModule } from '../../app.translation.module';
@NgModule({
imports: [
CommonModule,
AppTranslationModule,
FormsModule,
NgaModule,
routing

24
src/app/pages/charts/components/chartistJs/chartistJs.html
View file

@ -1,22 +1,22 @@
<section class="chartist">
<div class="row">
<div class="col-md-6 ">
<ba-card title="Lines" baCardClass="with-scroll">
<h5>Simple line chart</h5>
<ba-card title="chart.lines" baCardClass="with-scroll">
<h5 translate>{{'chart.simple_line_chart'}}</h5>
<ba-chartist-chart baChartistChartClass="ct-chart"
baChartistChartType="Line"
[baChartistChartData]="data['simpleLineData']"
[baChartistChartOptions]="data['simpleLineOptions']">
</ba-chartist-chart>
<h5>Line chart with area</h5>
<h5 translate>{{'chart.line_chart'}}</h5>
<ba-chartist-chart baChartistChartClass="ct-chart"
baChartistChartType="Line"
[baChartistChartData]="data['areaLineData']"
[baChartistChartOptions]="data['areaLineOptions']">
</ba-chartist-chart>
<h5>Bi-polar line chart with area only</h5>
<h5 translate>{{'chart.bi_polar_line_chart'}}</h5>
<ba-chartist-chart baChartistChartClass="ct-chart"
baChartistChartType="Line"
[baChartistChartData]="data['biLineData']"
@ -26,15 +26,15 @@
</div>
<div class="col-md-6 ">
<ba-card title="Bars" baCardClass="with-scroll">
<h5>Simple bar chart</h5>
<ba-card title="chart.bars" baCardClass="with-scroll">
<h5 translate>{{'chart.simple_bar_chart'}}</h5>
<ba-chartist-chart baChartistChartClass="ct-chart"
baChartistChartType="Bar"
[baChartistChartData]="data['simpleBarData']"
[baChartistChartOptions]="data['simpleBarOptions']">
</ba-chartist-chart>
<h5>Multi-line labels bar chart</h5>
<h5 translate>{{'chart.multi_line_labels_bar_chart'}}</h5>
<ba-chartist-chart baChartistChartClass="ct-chart"
baChartistChartType="Bar"
[baChartistChartData]="data['multiBarData']"
@ -42,7 +42,7 @@
[baChartistChartResponsive]="data['multiBarResponsive']">
</ba-chartist-chart>
<h5>Stacked bar chart</h5>
<h5 translate>{{'chart.stacked_bar_chart'}}</h5>
<ba-chartist-chart baChartistChartClass="ct-chart stacked-bar"
baChartistChartType="Bar"
[baChartistChartData]="data['stackedBarData']"
@ -54,9 +54,9 @@
<div class="row">
<div class="col-md-12">
<ba-card title="Pies & Donuts" baCardClass="with-scroll">
<ba-card title="chart.pies_and_donuts" baCardClass="with-scroll">
<div class="row">
<div class="col-md-12 col-lg-4"><h5>Simple Pie</h5>
<div class="col-md-12 col-lg-4"><h5 translate>{{'chart.simple_pie'}}</h5>
<ba-chartist-chart baChartistChartClass="ct-chart stacked-bar"
baChartistChartType="Pie"
[baChartistChartData]="data['simplePieData']"
@ -64,14 +64,14 @@
[baChartistChartResponsive]="getResponsive(20, 80)">
</ba-chartist-chart>
</div>
<div class="col-md-12 col-lg-4"><h5>Pie with labels</h5>
<div class="col-md-12 col-lg-4"><h5 translate>{{'chart.pie_with_labels'}}</h5>
<ba-chartist-chart baChartistChartClass="ct-chart stacked-bar"
baChartistChartType="Pie"
[baChartistChartData]="data['labelsPieData']"
[baChartistChartOptions]="data['labelsPieOptions']">
</ba-chartist-chart>
</div>
<div class="col-md-12 col-lg-4"><h5>Donut</h5>
<div class="col-md-12 col-lg-4"><h5 translate>{{'chart.donut'}}</h5>
<ba-chartist-chart baChartistChartClass="ct-chart stacked-bar"
baChartistChartType="Pie"
[baChartistChartData]="data['simpleDonutData']"

2
src/app/pages/components/components/treeView/treeView.html
View file

@ -1,5 +1,5 @@
<div class="col-md-6">
<ba-card title="basic">
<ba-card title="tree_view.title">
<tree id="tree-view" [tree]="tree"></tree>
</ba-card>
</div>

12
src/app/pages/dashboard/dashboard.html
View file

@ -6,12 +6,12 @@
<div class="row">
<ba-card class="col-xlg-6 col-xl-6 col-lg-12 col-sm-12 col-12"
title="general.dashboard.acquisitionChannels" baCardClass="traffic-panel medium-card">
title="dashboard.acquisition_channels" baCardClass="traffic-panel medium-card">
<traffic-chart></traffic-chart>
</ba-card>
<ba-card class="col-xlg-6 col-xl-6 col-lg-12 col-sm-12 col-12"
title="general.dashboard.usersByCountry" baCardClass="medium-card">
title="dashboard.users_by_country" baCardClass="medium-card">
<users-map></users-map>
</ba-card>
</div>
@ -20,7 +20,7 @@
<div class="col-xlg-9 col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
<div class="row">
<ba-card class="col-xlg-8 col-xl-12 col-lg-12 col-md-7 col-sm-12 col-12"
title="general.dashboard.revenue" baCardClass="medium-card">
title="dashboard.revenue" baCardClass="medium-card">
<line-chart></line-chart>
</ba-card>
<ba-card class="col-xlg-4 col-xl-12 col-lg-12 col-md-5 col-sm-12 col-12"
@ -31,7 +31,7 @@
</div>
<div class="col-xlg-3 col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
<ba-card title="general.dashboard.feed"
<ba-card title="dashboard.feed"
baCardClass="large-card with-scroll feed-panel">
<feed></feed>
</ba-card>
@ -40,11 +40,11 @@
</div>
<div class="row shift-up">
<ba-card class="col-xlg-3 col-lg-6 col-md-12 col-sm-12 col-12" title="general.dashboard.toDoList"
<ba-card class="col-xlg-3 col-lg-6 col-md-12 col-sm-12 col-12" title="dashboard.todo_list"
baCardClass="xmedium-card feed-comply-panel with-scroll todo-panel">
<todo></todo>
</ba-card>
<ba-card class="col-xlg-6 col-lg-6 col-md-12 col-sm-12 col-12" title="general.dashboard.calendar"
<ba-card class="col-xlg-6 col-lg-6 col-md-12 col-sm-12 col-12" title="dashboard.calendar"
baCardClass="xmedium-card feed-comply-panel with-scroll calendar-panel">
<calendar></calendar>
</ba-card>

8
src/app/pages/dashboard/pieChart/pieChart.service.ts
View file

@ -12,22 +12,22 @@ export class PieChartService {
return [
{
color: pieColor,
description: 'general.dashboard.newVisits',
description: 'dashboard.new_visits',
stats: '57,820',
icon: 'person',
}, {
color: pieColor,
description: 'general.dashboard.purchases',
description: 'dashboard.purchases',
stats: '$ 89,745',
icon: 'money',
}, {
color: pieColor,
description: 'general.dashboard.activeUsers',
description: 'dashboard.active_users',
stats: '178,391',
icon: 'face',
}, {
color: pieColor,
description: 'general.dashboard.returned',
description: 'dashboard.returned',
stats: '32,592',
icon: 'refresh',
}

12
src/app/pages/dashboard/popularApp/popularApp.html
View file

@ -1,28 +1,26 @@
<div class="popular-app-img-container">
<div class="popular-app-img">
<img src="{{ ( 'app/my-app-logo.png' | baAppPicture ) }}"/>
<span class="logo-text">Super&nbsp;App</span>
<span class="logo-text" translate>{{'dashboard.popular_app.super_app'}}</span>
</div>
</div>
<div class="popular-app-cost row">
<div class="col-9">
Most Popular App
</div>
<div class="col-9" translate>{{'dashboard.popular_app.most_popular_app'}}</div>
<div class="col-3 text-right">
175$
</div>
</div>
<div class="popular-app-info row">
<div class="col-4 text-left">
<div class="info-label">Total Visits</div>
<div class="info-label" translate>{{'dashboard.popular_app.total_visits'}}</div>
<div>47,512</div>
</div>
<div class="col-4 text-center">
<div class="info-label">New Visits</div>
<div class="info-label" translate>{{'dashboard.popular_app.new_visits'}}</div>
<div>9,217</div>
</div>
<div class="col-4 text-right">
<div class="info-label">Sales</div>
<div class="info-label" translate>{{'dashboard.popular_app.sales'}}</div>
<div>2,928</div>
</div>
</div>

2
src/app/pages/dashboard/todo/todo.html
View file

@ -1,5 +1,5 @@
<div class="task-todo-container">
<input type="text" value="" class="form-control task-todo" placeholder="Task to do.." (keyup)="addToDoItem($event)" [(ngModel)]="newTodoText"/>
<input type="text" value="" class="form-control task-todo" placeholder="{{'dashboard.todo.task_todo' | translate}}" (keyup)="addToDoItem($event)" [(ngModel)]="newTodoText"/>
<i (click)="addToDoItem($event)" class="add-item-icon ion-plus-round"></i>
<div class="box-shadow-border"></div>

3
src/app/pages/dashboard/trafficChart/trafficChart.html
View file

@ -6,7 +6,7 @@
<canvas class="chart-area" width="300px" height="300px"></canvas>
<div class="traffic-text">
1,900,128
<span>Views Total</span>
<span translate>{{'dashboard.traffic_chart.view_total'}}</span>
</div>
</div>
<div class="traffic-legend"></div>
@ -26,4 +26,3 @@
</div>
</div>
</div>

4
src/app/pages/pages.component.ts
View file

@ -16,9 +16,9 @@ import { PAGES_MENU } from './pages.menu';
</div>
</div>
<footer class="al-footer clearfix">
<div class="al-footer-right">Created with <i class="ion-heart"></i></div>
<div class="al-footer-right" translate>{{'general.created_with'}} <i class="ion-heart"></i></div>
<div class="al-footer-main clearfix">
<div class="al-copy">&copy; <a href="http://akveo.com">Akveo</a> 2016</div>
<div class="al-copy">&copy; <a href="http://akveo.com" translate>{{'general.akveo'}}</a> 2016</div>
<ul class="al-share clearfix">
<li><i class="socicon socicon-facebook"></i></li>
<li><i class="socicon socicon-twitter"></i></li>

3
src/app/pages/pages.module.ts
View file

@ -3,11 +3,12 @@ import { CommonModule } from '@angular/common';
import { routing } from './pages.routing';
import { NgaModule } from '../theme/nga.module';
import { AppTranslationModule } from '../app.translation.module';
import { Pages } from './pages.component';
@NgModule({
imports: [CommonModule, NgaModule, routing],
imports: [CommonModule, AppTranslationModule, NgaModule, routing],
declarations: [Pages]
})
export class PagesModule {

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

@ -1,18 +1,7 @@
{
"general": {
"akveo": "Akveo",
"home": "Home",
"dashboard": {
"acquisitionChannels": "Acquisition Channels",
"usersByCountry": "Users by Country",
"revenue": "Revenue",
"feed": "Feed",
"toDoList": "To Do List",
"calendar": "Calendar",
"newVisits": "New Visits",
"purchases": "Purchases",
"activeUsers": "Active Users",
"returned": "Returned"
},
"forms": {
"option1": "Option 1"
},
@ -49,6 +38,58 @@
"menu_level_1_2": "Menu Level 1.2",
"menu_level_1_2_1": "Menu Level 1.2.1",
"external_link": "External Link"
},
"created_with": "Created with"
},
"dashboard": {
"acquisition_channels": "Acquisition Channels",
"users_by_country": "Users by Country",
"revenue": "Revenue",
"feed": "Feed",
"todo_list": "To Do List",
"calendar": "Calendar",
"new_visits": "New Visits",
"purchases": "Purchases",
"active_users": "Active Users",
"returned": "Returned",
"popular_app": {
"super_app": "Super App",
"most_popular_app": "Most Popular App",
"total_visits": "Total Visits",
"new_visits": "New Visits",
"sales": "Sales"
},
"todo": {
"task_todo": "Task to do.."
},
"traffic_chart": {
"view_total": "Views Total"
}
},
"tree_view": {
"title": "basic",
"programming": "Programming languages by programming paradigm",
"oop": "Object-oriented programming",
"java": "Java",
"c_plus_plus": "C++",
"c_sharp": "C#",
"prototype": "Prototype-based programming",
"java_script": "JavaScript",
"coffee_script": "CoffeeScript",
"lua": "Lua"
},
"chart": {
"lines": "Lines",
"bars": "Bars",
"simple_line_chart": "Simple line chart",
"line_chart": "Line chart with area",
"bi_polar_line_chart": "Bi-polar line chart with area only",
"simple_bar_chart": "Simple bar chart",
"multi_line_labels_bar_chart": "Multi-line labels bar chart",
"stacked_bar_chart": "Stacked bar chart",
"pies_and_donuts": "Pies & Donuts",
"simple_pie": "Simple Pie",
"pie_with_labels": "Pie with labels",
"donut": "Donut"
}
}