import React from 'react';
|
import {UncontrolledTooltip} from 'reactstrap';
|
import {
|
FormLabelField,
|
FormOption,
|
FormSelect
|
} from "../../general/forms/FormComponents";
|
import {clearDictionary, getTranslation} from "../../../utilities/i18n";
|
import {getRestServiceUrl} from "../../../utilities/global";
|
import I18n from "../../general/translation/I18n";
|
import ErrorAlertGenericRestFailure from "../../general/ErrorAlertGenericRestFailure";
|
import Loading from "../../general/Loading";
|
import {IconRefresh} from "../../general/IconComponents";
|
|
class ConfigAccountTab extends React.Component {
|
loadConfig = () => {
|
this.setState({
|
loading: true,
|
failed: false
|
});
|
fetch(getRestServiceUrl('configuration/user'), {
|
method: 'GET',
|
dataType: 'JSON',
|
headers: {
|
'Content-Type': 'text/plain; charset=utf-8'
|
}
|
})
|
.then((resp) => {
|
return resp.json()
|
})
|
.then((data) => {
|
const {locale, ...user} = data;
|
this.setState({
|
loading: false,
|
locale: locale ? locale : '',
|
...user
|
})
|
})
|
.catch((error) => {
|
console.log("error", error);
|
this.setState({
|
loading: false,
|
failed: true
|
});
|
})
|
};
|
|
constructor(props) {
|
super(props);
|
|
this.state = {
|
loading: true,
|
failed: false,
|
locale: null
|
};
|
|
this.handleTextChange = this.handleTextChange.bind(this);
|
this.loadConfig = this.loadConfig.bind(this);
|
}
|
|
componentDidMount() {
|
this.loadConfig();
|
}
|
|
handleTextChange = event => {
|
event.preventDefault();
|
this.setState({[event.target.name]: event.target.value});
|
}
|
|
save() {
|
var user = {
|
locale: this.state.locale
|
};
|
return fetch(getRestServiceUrl("configuration/user"), {
|
method: 'POST',
|
headers: {
|
'Content-Type': 'application/json'
|
},
|
body: JSON.stringify(user)
|
})
|
}
|
|
render() {
|
if (this.state.loading) {
|
return <Loading/>;
|
}
|
|
if (this.state.failed) {
|
return <ErrorAlertGenericRestFailure handleClick={this.loadConfig}/>;
|
}
|
|
return (
|
<form>
|
<div id={'clearDictionary'}
|
className={'btn btn-outline-primary refresh-button-right'}
|
onClick={clearDictionary}
|
>
|
<IconRefresh/>
|
<UncontrolledTooltip placement={'left'} target={'clearDictionary'}>
|
<I18n name={'configuration.reloadDictionary.hint'}/>
|
</UncontrolledTooltip>
|
</div>
|
<FormLabelField label={getTranslation('configuration.application.language')} fieldLength={2}>
|
<FormSelect value={this.state.locale} name={'locale'} onChange={this.handleTextChange}>
|
<FormOption value={''} i18nKey={'configuration.application.language.option.default'}/>
|
<FormOption value={'en'} i18nKey={'language.english'}/>
|
<FormOption value={'de'} i18nKey={'language.german'}/>
|
</FormSelect>
|
</FormLabelField>
|
</form>
|
);
|
}
|
}
|
|
export default ConfigAccountTab;
|
