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-12-16 18:14:34 +01:00
|
|
|
import { addHelpfulPrototypes, getWordsStats } from './Helpers';
|
2017-08-21 07:53:59 +02:00
|
|
|
addHelpfulPrototypes();
|
|
|
|
|
2017-04-19 23:11:37 +02:00
|
|
|
import dictionary from './managers/DictionaryData';
|
2017-08-20 19:57:17 +02:00
|
|
|
import { Updater } from './managers/Updater';
|
2017-08-17 00:53:55 +02:00
|
|
|
|
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,
|
2017-08-20 22:41:08 +02:00
|
|
|
details: dictionary.details,
|
2017-12-12 18:16:15 +01:00
|
|
|
settings: dictionary.settings,
|
2017-12-16 18:14:34 +01:00
|
|
|
stats: [],
|
2017-08-20 22:41:08 +02:00
|
|
|
alphabeticalOrder: dictionary.alphabeticalOrder,
|
|
|
|
|
2017-06-25 23:49:23 +02:00
|
|
|
displayedWords: [],
|
|
|
|
searchConfig: null,
|
2017-04-19 23:11:37 +02:00
|
|
|
}
|
2017-08-17 00:53:55 +02:00
|
|
|
|
|
|
|
this.updater = new Updater(this, dictionary);
|
2017-11-15 19:00:04 +01:00
|
|
|
|
|
|
|
this.updateDisplayedWords();
|
2017-04-19 23:11:37 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
get dictionaryInfo () {
|
2017-08-20 22:41:08 +02:00
|
|
|
const {
|
2017-06-25 23:49:23 +02:00
|
|
|
name,
|
|
|
|
specification,
|
|
|
|
description,
|
|
|
|
partsOfSpeech,
|
2017-08-20 22:41:08 +02:00
|
|
|
details,
|
2017-12-12 18:16:15 +01:00
|
|
|
settings,
|
2017-12-16 18:14:34 +01:00
|
|
|
stats,
|
2017-08-20 22:41:08 +02:00
|
|
|
alphabeticalOrder,
|
|
|
|
} = this.state;
|
2017-04-19 23:11:37 +02:00
|
|
|
|
2017-08-20 22:41:08 +02:00
|
|
|
return {
|
|
|
|
name,
|
|
|
|
specification,
|
|
|
|
description,
|
|
|
|
partsOfSpeech,
|
|
|
|
details,
|
2017-12-12 18:16:15 +01:00
|
|
|
settings,
|
2017-12-16 18:14:34 +01:00
|
|
|
stats,
|
2017-08-20 22:41:08 +02:00
|
|
|
alphabeticalOrder,
|
|
|
|
};
|
2017-04-19 23:11:37 +02:00
|
|
|
}
|
|
|
|
|
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-12-16 18:14:34 +01: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-12-16 18:14:34 +01:00
|
|
|
stats: getWordsStats(words, this.state.partsOfSpeech),
|
|
|
|
});
|
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-08-17 00:53:55 +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 }
|
2017-08-17 00:53:55 +02:00
|
|
|
updateDisplay={ this.updateDisplayedWords.bind(this) }
|
|
|
|
updater={ this.updater }
|
|
|
|
/>
|
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'));
|