tobi/vue-black-dash
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Move all static text from dashboard to translation files

Browse Source
This commit is contained in:
cristij 2018-09-02 16:15:07 +03:00
parent d24fe30b7e
commit cf960ca9bd
4 changed files with 29 additions and 113 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/layout/dashboard/DashboardLayout.vue
View File

@ -2,14 +2,14 @@
<div class="wrapper">
<side-bar>
<template slot="links">
<sidebar-link to="/dashboard" name="Dashboard" icon="tim-icons icon-chart-pie-36"/>
<sidebar-link to="/icons" name="Icons" icon="tim-icons icon-atom"/>
<sidebar-link to="/maps" name="Map" icon="tim-icons icon-pin"/>
<sidebar-link to="/notifications" name="Notifications" icon="tim-icons icon-bell-55"/>
<sidebar-link to="/profile" name="User Profile" icon="tim-icons icon-single-02"/>
<sidebar-link to="/table-list" name="Table List" icon="tim-icons icon-puzzle-10"/>
<sidebar-link to="/typography" name="Typography" icon="tim-icons icon-align-center"/>
<sidebar-link to="/dashboard?enableRTL=true" name="RTL Support" icon="tim-icons icon-world"/>
<sidebar-link to="/dashboard" :name="$t('sidebar.dashboard')" icon="tim-icons icon-chart-pie-36"/>
<sidebar-link to="/icons" :name="$t('sidebar.icons')" icon="tim-icons icon-atom"/>
<sidebar-link to="/maps" :name="$t('sidebar.maps')" icon="tim-icons icon-pin"/>
<sidebar-link to="/notifications" :name="$t('sidebar.notifications')" icon="tim-icons icon-bell-55"/>
<sidebar-link to="/profile" :name="$t('sidebar.userProfile')" icon="tim-icons icon-single-02"/>
<sidebar-link to="/table-list" :name="$t('sidebar.tableList')" icon="tim-icons icon-puzzle-10"/>
<sidebar-link to="/typography" :name="$t('sidebar.typography')" icon="tim-icons icon-align-center"/>
<sidebar-link to="/dashboard?enableRTL=true" :name="$t('sidebar.rtlSupport')" icon="tim-icons icon-world"/>
</template>
</side-bar>
<div class="main-panel">

27
src/pages/Dashboard.vue
View File

@ -7,14 +7,14 @@
<template slot="header">
<div class="row">
<div class="col-sm-6" :class="isRTL ? 'text-right' : 'text-left'">
<h5 class="card-category">Total Shipments</h5>
<h2 class="card-title">Performance</h2>
<h5 class="card-category">{{$t('dashboard.totalShipments')}}</h5>
<h2 class="card-title">{{$t('dashboard.performance')}}</h2>
</div>
<div class="col-sm-6">
<div class="btn-group btn-group-toggle"
:class="isRTL ? 'float-left' : 'float-right'"
data-toggle="buttons">
<label v-for="(option, index) in bigLineChart.categories"
<label v-for="(option, index) in bigLineChartCategories"
:key="option"
class="btn btn-sm btn-primary btn-simple"
:class="{active: bigLineChart.activeIndex === index}"
@ -45,7 +45,7 @@
<div class="col-lg-4" :class="{'text-right': isRTL}">
<card type="chart">
<template slot="header">
<h5 class="card-category">Total Shipments</h5>
<h5 class="card-category">{{$t('dashboard.totalShipments')}}</h5>
<h3 class="card-title"><i class="tim-icons icon-bell-55 text-primary "></i> 763,215</h3>
</template>
<div class="chart-area">
@ -61,7 +61,7 @@
<div class="col-lg-4" :class="{'text-right': isRTL}">
<card type="chart">
<template slot="header">
<h5 class="card-category">Daily Sales</h5>
<h5 class="card-category">{{$t('dashboard.dailySales')}}</h5>
<h3 class="card-title"><i class="tim-icons icon-delivery-fast text-info "></i> 3,500€</h3>
</template>
<div class="chart-area">
@ -77,7 +77,7 @@
<div class="col-lg-4" :class="{'text-right': isRTL}">
<card type="chart">
<template slot="header">
<h5 class="card-category">Completed Tasks</h5>
<h5 class="card-category">{{$t('dashboard.completedTasks')}}</h5>
<h3 class="card-title"><i class="tim-icons icon-send text-success "></i> 12,100K</h3>
</template>
<div class="chart-area">
@ -101,9 +101,9 @@
<base-button slot="title" type="link" icon class="dropdown-toggle">
<i class="tim-icons icon-settings-gear-63"></i>
</base-button>
<a class="dropdown-item" href="#pablo">Action</a>
<a class="dropdown-item" href="#pablo">Another action</a>
<a class="dropdown-item" href="#pablo">Something else</a>
<a class="dropdown-item" href="#pablo">{{$t('dashboard.dropdown.action')}}</a>
<a class="dropdown-item" href="#pablo">{{$t('dashboard.dropdown.anotherAction')}}</a>
<a class="dropdown-item" href="#pablo">{{$t('dashboard.dropdown.somethingElse')}}</a>
</base-dropdown>
</template>
<div class="table-full-width table-responsive">
@ -113,7 +113,7 @@
</div>
<div class="col-lg-6 col-md-12">
<card class="card" :header-classes="{'text-right': isRTL}">
<h4 slot="header" class="card-title"> Simple Table</h4>
<h4 slot="header" class="card-title">{{$t('dashboard.simpleTable')}}</h4>
<div class="table-responsive">
<user-table></user-table>
</div>
@ -149,7 +149,7 @@
extraOptions: chartConfigs.purpleChartOptions,
gradientColors: ['rgba(72,72,176,0.1)', 'rgba(72,72,176,0.0)', 'rgba(119,52,169,0)'],
gradientStops: [1, 0.4, 0],
categories: ['Accounts', 'Purchases', 'Sessions']
categories: []
},
purpleLineChart: {
extraOptions: chartConfigs.purpleChartOptions,
@ -224,13 +224,16 @@
},
isRTL() {
return this.$rtl.isRTL;
},
bigLineChartCategories() {
console.log(this.$t('dashboard'))
return this.$t('dashboard.chartCategories');
}
},
methods: {
initBigChart(index) {
let chartData = {
datasets: [{
label: "My First dataset",
fill: true,
borderColor: '#d346b1',
borderWidth: 2,

37
src/pages/Dashboard/TaskList.vue
View File

@ -24,40 +24,9 @@
components: {
BaseTable
},
data() {
return {
tableData: [
{
title: 'Update the Documentation',
description: 'Dwuamish Head, Seattle, WA 8:47 AM',
done: false
},
{
title: 'GDPR Compliance',
description: 'The GDPR is a regulation that requires businesses to protect the personal data and privacy of Europe citizens for transactions that occur within EU member states.',
done: true
},
{
title: 'Solve the issues',
description: 'Fifty percent of all respondents said they would be more likely to shop at a company',
done: false
},
{
title: 'Release v2.0.0',
description: 'Ra Ave SW, Seattle, WA 98116, SUA 11:19 AM',
done: false
},
{
title: 'Export the processed files',
description: 'The report also shows that consumers will not easily forgive a company once a breach exposing their personal data occurs.',
done: false
},
{
title: 'Arival at export process',
description: 'Capitol Hill, Seattle, WA 12:34 AM',
done: false
}
]
computed: {
tableData() {
return this.$t('dashboard.taskList');
}
}
}

62
src/pages/Dashboard/UserTable.vue
View File

@ -6,69 +6,13 @@
</template>
<script>
import { BaseTable } from "@/components";
const tableColumns = ["Name", "Country", "City", "Salary"];
let tableData = [
{
id: 1,
name: "Dakota Rice",
salary: "$36.738",
country: "Niger",
city: "Oud-Turnhout",
},
{
id: 2,
name: "Minerva Hooper",
salary: "$23,789",
country: "Curaçao",
city: "Sinaai-Waas"
},
{
id: 3,
name: "Sage Rodriguez",
salary: "$56,142",
country: "Netherlands",
city: "Baileux"
},
{
id: 4,
name: "Philip Chaney",
salary: "$38,735",
country: "Korea, South",
city: "Overland Park"
},
{
id: 5,
name: "Doris Greene",
salary: "$63,542",
country: "Malawi",
city: "Feldkirchen in Kärnten"
},
{
id: 6,
name: 'Mason Porter',
salary: '$98,615',
country: 'Chile',
city: 'Gloucester'
},
{
id: 7,
name: 'Jon Porter',
salary: '$78,615',
country: 'Portugal',
city: 'Gloucester'
}
]
export default {
components: {
BaseTable
},
data() {
return {
table: {
title: "Simple Table",
columns: [...tableColumns],
data: [...tableData]
},
computed: {
table(){
return this.$t('dashboard.usersTable');
}
}
}