ascribe/onion
1
0
Fork 0
mirror of https://github.com/ascribe/onion.git synced 2024-12-22 17:33:14 +01:00
Code Issues Releases Wiki Activity

add german language file and integrated translation method

Browse Source
This commit is contained in:
Tim Daubenschütz 2015-06-02 14:25:26 +02:00
parent 347517a0b3
commit 3183dae054
6 changed files with 34 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
js/components/ascribe_accordion_list/accordion_list_item.js
View File

@ -2,6 +2,7 @@ import React from 'react';
import AccordionListItemTable from './accordion_list_item_table'; import AccordionListItemTable from './accordion_list_item_table';
import { getLangText } from '../../utils/lang_utils';
let AccordionListItem = React.createClass({ let AccordionListItem = React.createClass({
propTypes: { propTypes: {
@ -19,7 +20,7 @@ let AccordionListItem = React.createClass({
</div> </div>
<div className="info-wrapper"> <div className="info-wrapper">
<h1>{this.props.content.title}</h1> <h1>{this.props.content.title}</h1>
<h3>by {this.props.content.artist_name}</h3> <h3>{getLangText('by %s', this.props.content.artist_name)}</h3>
</div> </div>
<span style={{'clear': 'both'}}></span> <span style={{'clear': 'both'}}></span>
</div> </div>

6
js/components/ascribe_pagination/pagination_button.js
View File

@ -1,6 +1,8 @@
import React from 'react'; import React from 'react';
import Router from 'react-router'; import Router from 'react-router';
import { getLangText } from '../../utils/lang_utils';
let Link = Router.Link; let Link = Router.Link;
let PaginationButton = React.createClass({ let PaginationButton = React.createClass({
@ -25,14 +27,14 @@ let PaginationButton = React.createClass({
page -= 1; page -= 1;
directionDisplay = ( directionDisplay = (
<span> <span>
<span aria-hidden="true">&larr;</span> Previous <span aria-hidden="true">&larr;</span> {getLangText('Previous')}
</span> </span>
); );
} else { } else {
page += 1; page += 1;
directionDisplay = ( directionDisplay = (
<span> <span>
Next <span aria-hidden="true">&rarr;</span> {getLangText('Next')} <span aria-hidden="true">&rarr;</span>
</span> </span>
); );
} }

10
js/components/header.js
View File

@ -11,6 +11,8 @@ import NavItem from 'react-bootstrap/lib/NavItem';
import DropdownButton from 'react-bootstrap/lib/DropdownButton'; import DropdownButton from 'react-bootstrap/lib/DropdownButton';
import MenuItem from 'react-bootstrap/lib/MenuItem'; import MenuItem from 'react-bootstrap/lib/MenuItem';
import { getLangText } from '../utils/lang_utils';
let Link = Router.Link; let Link = Router.Link;
let Header = React.createClass({ let Header = React.createClass({
@ -39,12 +41,12 @@ let Header = React.createClass({
</Nav> </Nav>
<Nav right> <Nav right>
<DropdownButton eventKey={3} title={this.state.currentUser.username}> <DropdownButton eventKey={3} title={this.state.currentUser.username}>
<MenuItem eventKey="1" href="/art/account_settings/">Account Settings</MenuItem> <MenuItem eventKey="1" href="/art/account_settings/">{getLangText('Account Settings')}</MenuItem>
<li className="divider"></li> <li className="divider"></li>
<MenuItem eventKey="2" href="/art/faq/">FAQ</MenuItem> <MenuItem eventKey="2" href="/art/faq/">{getLangText('FAQ')}</MenuItem>
<MenuItem eventKey="3" href="/art/terms/">Terms of Service</MenuItem> <MenuItem eventKey="3" href="/art/terms/">{getLangText('Terms of Service')}</MenuItem>
<MenuItem divider /> <MenuItem divider />
<MenuItem eventKey="4" href="/api/users/logout/">Log out</MenuItem> <MenuItem eventKey="4" href="/api/users/logout/">{getLangText('Log out')}</MenuItem>
</DropdownButton> </DropdownButton>
</Nav> </Nav>
</Navbar> </Navbar>

22
js/constants/languages.js
View File

@ -3,7 +3,27 @@ const languages = {
'Bitcoin Address': 'Bitcoin Address', 'Bitcoin Address': 'Bitcoin Address',
'Actions': 'Actions', 'Actions': 'Actions',
'Hide all %d Editions': 'Hide all %d Editions', 'Hide all %d Editions': 'Hide all %d Editions',
'Show all %d Editions': 'Show all %d Editions' 'Show all %d Editions': 'Show all %d Editions',
'by %s': 'by %s',
'Account Settings': 'Account Settings',
'FAQ': 'FAQ',
'Terms of Service': 'Terms of Service',
'Log out': 'Log out',
'Previous': 'Previous',
'Next': 'Next'
},
'de': {
'Bitcoin Address': 'Bitcoin Adresse',
'Actions': 'Aktionen',
'Hide all %d Editions': 'Zeige all %d Editionen an',
'Show all %d Editions': 'Verstecke alle %d Editionen',
'by %s': 'von %s',
'Account Settings': 'Kontoeinstellungen',
'FAQ': 'Fragen & Antworten',
'Terms of Service': 'AGB',
'Log out': 'Log out',
'Previous': 'Zurück',
'Next': 'Weiter'
} }
}; };

2
js/utils/fetch.js
View File

@ -55,7 +55,7 @@ class Fetch {
prepareUrl(url, params, attachParamsToQuery) { prepareUrl(url, params, attachParamsToQuery) {
let newUrl = this.getUrl(url); let newUrl = this.getUrl(url);
let re = /\${(\w+)}/g; let re = /\${(\w+)}/g;
newUrl = newUrl.replace(re, (match, key) => { newUrl = newUrl.replace(re, (match, key) => {
let val = params[key] let val = params[key]
if (!val) { if (!val) {

1
js/utils/lang_utils.js
View File

@ -4,7 +4,6 @@ import { formatText } from './general_utils';
export function getLangText(s, ...args) { export function getLangText(s, ...args) {
let lang = navigator.language || navigator.userLanguage; let lang = navigator.language || navigator.userLanguage;
try { try {
if(lang in languages) { if(lang in languages) {
return formatText(languages[lang][s], args); return formatText(languages[lang][s], args);