tyler.durden/opensupports
1
0
Fork 0
mirror of https://github.com/opensupports/opensupports.git synced 2025-04-08 18:35:06 +02:00
Code Issues Packages Projects Releases Wiki Activity

[Ivan Diaz] - Update language dropdown

Browse Source
This commit is contained in:
Ivan Diaz 2015-10-18 17:50:57 -03:00
parent b26edc3d8f
commit 43ad1fc605
3 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/main/main-layout-header.js
View File

@ -6,12 +6,14 @@ import CommonActions from 'actions/common-actions';
import Button from 'core-components/button'; import Button from 'core-components/button';
import DropDown from 'core-components/drop-down'; import DropDown from 'core-components/drop-down';
var languageList = ['English', 'Spanish', 'Portuguese', 'German']; var languageList = ['English', 'Spanish', 'Portuguese', 'German', 'Turkish', 'Indian'];
var codeLanguages = { var codeLanguages = {
'English': 'en', 'English': 'us',
'Spanish': 'es', 'Spanish': 'es',
'Portuguese': 'pt', 'Portuguese': 'pt',
'German': 'de' 'German': 'de',
'Turkish': 'tr',
'Indian': 'in'
}; };
var MainLayoutHeader = React.createClass({ var MainLayoutHeader = React.createClass({
@ -33,7 +35,7 @@ var MainLayoutHeader = React.createClass({
return { return {
content: ( content: (
<span> <span>
<img src={`../images/icons/${codeLanguages[item]}.png`} />{item} <img className="language-icon" src={`../images/icons/${codeLanguages[item]}.png`} />{item}
</span> </span>
) )
}; };

4
src/app/main/main-layout-header.scss
View File

@ -19,5 +19,9 @@
position: relative; position: relative;
top: 5px; top: 5px;
left: -6px; left: -6px;
.language-icon {
margin-right: 10px;
}
} }
} }

2
src/core-components/drop-down.js
View File

@ -77,7 +77,7 @@ var DropDown = React.createClass({
renderItem(item, index) { renderItem(item, index) {
return ( return (
<li className="drop-down--list-item" onClick={this.getClickCallback(index)}> <li className="drop-down--list-item" onClick={this.getClickCallback(index)}>
{item} {item.content}
</li> </li>
); );
}, },