mirror of
https://github.com/opensupports/opensupports.git
synced 2025-07-31 01:35:15 +02:00
Ivan - Add language icon for custom responses [skip ci]
This commit is contained in:
parent
b306d1cd9b
commit
23ccc17a85
@ -28,7 +28,7 @@ class LanguageSelector extends React.Component {
|
|||||||
return {
|
return {
|
||||||
className: this.getClass(),
|
className: this.getClass(),
|
||||||
items: this.getLanguageList(),
|
items: this.getLanguageList(),
|
||||||
selectedIndex: languages.map((key) => codeLanguages[key]).indexOf(this.getPropLanguage()),
|
selectedIndex: this.getSelectedIndex(),
|
||||||
onChange: this.changeLanguage.bind(this)
|
onChange: this.changeLanguage.bind(this)
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
@ -52,6 +52,12 @@ class LanguageSelector extends React.Component {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
getSelectedIndex() {
|
||||||
|
let selectedIndex = languages.map((key) => codeLanguages[key]).indexOf(this.getPropLanguage());
|
||||||
|
|
||||||
|
return (selectedIndex != -1) ? selectedIndex : undefined;
|
||||||
|
}
|
||||||
|
|
||||||
getPropLanguage() {
|
getPropLanguage() {
|
||||||
let language = this.props.language;
|
let language = this.props.language;
|
||||||
|
|
||||||
|
@ -2,8 +2,9 @@ import React from 'react';
|
|||||||
import {connect} from 'react-redux';
|
import {connect} from 'react-redux';
|
||||||
|
|
||||||
import i18n from 'lib-app/i18n';
|
import i18n from 'lib-app/i18n';
|
||||||
|
|
||||||
import AdminDataActions from 'actions/admin-data-actions';
|
import AdminDataActions from 'actions/admin-data-actions';
|
||||||
|
|
||||||
|
import Icon from 'core-components/icon';
|
||||||
import Header from 'core-components/header';
|
import Header from 'core-components/header';
|
||||||
import Listing from 'core-components/listing';
|
import Listing from 'core-components/listing';
|
||||||
import Loading from 'core-components/loading';
|
import Loading from 'core-components/loading';
|
||||||
@ -60,7 +61,14 @@ class AdminPanelCustomResponses extends React.Component {
|
|||||||
getItems() {
|
getItems() {
|
||||||
return this.props.items.map((item) => {
|
return this.props.items.map((item) => {
|
||||||
return {
|
return {
|
||||||
content: item.name
|
content: (
|
||||||
|
<span>
|
||||||
|
{item.name}
|
||||||
|
<span className="admin-panel-custom-responses__item-flag">
|
||||||
|
<Icon name={(item.language != 'en') ? item.language : 'us'}/>
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
)
|
||||||
};
|
};
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
@ -2,4 +2,8 @@
|
|||||||
&__loading {
|
&__loading {
|
||||||
height: 300px;
|
height: 300px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&__item-flag {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
}
|
}
|
Loading…
x
Reference in New Issue
Block a user