2017-06-26 00:23:03 +02:00
|
|
|
// import 'font-awesome/scss/font-awesome.scss';
|
2016-09-22 02:18:54 +02:00
|
|
|
import './sass/main.scss';
|
2016-09-21 22:40:25 +02:00
|
|
|
|
2017-01-14 20:55:42 +01:00
|
|
|
import Inferno from 'inferno';
|
|
|
|
import Component from 'inferno-component';
|
2016-09-21 22:40:25 +02:00
|
|
|
|
2017-04-19 23:11:37 +02:00
|
|
|
import dictionary from './managers/DictionaryData';
|
|
|
|
|
2017-04-04 22:39:35 +02:00
|
|
|
if (process.env.NODE_ENV !== 'production') {
|
|
|
|
require('inferno-devtools');
|
|
|
|
}
|
|
|
|
|
2017-07-26 06:11:33 +02:00
|
|
|
import { Header } from './components/structure/Header';
|
|
|
|
import { MainDisplay } from './components/MainDisplay';
|
|
|
|
import { Footer } from './components/structure/Footer';
|
2017-04-04 22:39:35 +02:00
|
|
|
|
2017-04-04 06:24:14 +02:00
|
|
|
class App extends Component {
|
|
|
|
constructor (props) {
|
2016-09-21 22:40:25 +02:00
|
|
|
super(props);
|
2017-04-19 23:11:37 +02:00
|
|
|
|
|
|
|
this.state = {
|
2017-06-25 23:49:23 +02:00
|
|
|
name: dictionary.name,
|
|
|
|
specification: dictionary.specification,
|
|
|
|
description: dictionary.description,
|
|
|
|
partsOfSpeech: dictionary.partsOfSpeech,
|
|
|
|
displayedWords: [],
|
|
|
|
searchConfig: null,
|
2017-04-19 23:11:37 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
get dictionaryInfo () {
|
2017-07-26 06:11:33 +02:00
|
|
|
const { name, specification, description, partsOfSpeech } = this.state;
|
2017-04-19 23:11:37 +02:00
|
|
|
const info = {
|
2017-06-25 23:49:23 +02:00
|
|
|
name,
|
|
|
|
specification,
|
|
|
|
description,
|
|
|
|
partsOfSpeech,
|
2017-04-19 23:11:37 +02:00
|
|
|
};
|
|
|
|
|
|
|
|
return info;
|
|
|
|
}
|
|
|
|
|
2017-06-25 23:49:23 +02:00
|
|
|
updatePartsOfSpeech () {
|
|
|
|
this.setState({
|
|
|
|
partsOfSpeech: dictionary.partsOfSpeech,
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
2017-06-25 22:23:42 +02:00
|
|
|
updateDisplayedWords () {
|
2017-04-19 23:11:37 +02:00
|
|
|
// const {searchIn, searchTerm, filteredPartsOfSpeech} = this.state.searchConfig;
|
|
|
|
|
|
|
|
// TODO: Sort out searching to remove this temporary solution.
|
2017-07-26 06:11:33 +02:00
|
|
|
dictionary.wordsPromise.then((words) => {
|
2017-06-25 22:23:42 +02:00
|
|
|
this.setState({
|
2017-06-25 23:49:23 +02:00
|
|
|
displayedWords: words,
|
2017-06-25 22:23:42 +02:00
|
|
|
})
|
|
|
|
});
|
2017-04-19 23:11:37 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
search (searchConfig) {
|
|
|
|
this.setState({
|
2017-06-25 23:49:23 +02:00
|
|
|
searchConfig: searchConfig,
|
2017-04-19 23:11:37 +02:00
|
|
|
});
|
2016-09-22 22:05:49 +02:00
|
|
|
}
|
|
|
|
|
2017-04-04 06:24:14 +02:00
|
|
|
render () {
|
2016-09-21 22:40:25 +02:00
|
|
|
return (
|
2016-09-22 02:18:54 +02:00
|
|
|
<div>
|
2017-04-19 23:11:37 +02:00
|
|
|
<Header
|
2017-06-25 23:49:23 +02:00
|
|
|
partsOfSpeech={ this.state.partsOfSpeech }
|
2017-07-26 06:11:33 +02:00
|
|
|
search={ (searchConfig) => this.search(searchConfig) } />
|
2017-01-14 20:55:42 +01:00
|
|
|
|
2017-04-19 23:11:37 +02:00
|
|
|
<MainDisplay
|
2017-06-25 23:49:23 +02:00
|
|
|
dictionaryInfo={ this.dictionaryInfo }
|
|
|
|
wordsToDisplay={ this.state.displayedWords }
|
|
|
|
updateDisplay={ this.updateDisplayedWords.bind(this) } />
|
2016-09-27 23:12:48 +02:00
|
|
|
|
2017-04-04 22:39:35 +02:00
|
|
|
<Footer />
|
2016-09-22 02:18:54 +02:00
|
|
|
</div>
|
2016-09-21 22:40:25 +02:00
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2017-04-04 06:24:14 +02:00
|
|
|
Inferno.render(<App />, document.getElementById('site'));
|