diff --git a/client/coral-admin/src/containers/Configure/CommentSettings.js b/client/coral-admin/src/containers/Configure/CommentSettings.js index c6a53adbe..f5be9f5c8 100644 --- a/client/coral-admin/src/containers/Configure/CommentSettings.js +++ b/client/coral-admin/src/containers/Configure/CommentSettings.js @@ -10,21 +10,20 @@ import { Textfield, Checkbox } from 'react-mdl'; -import {updateSettings} from '../../actions/settings'; const updateModeration = (props) => () => { const moderation = props.settings.moderation === 'pre' ? 'post' : 'pre'; - props.dispatch(updateSettings({moderation})); + props.updateSettings({moderation}); }; const updateInfoBoxEnable = (props) => () => { const infoBoxEnable = !props.settings.infoBoxEnable; - props.dispatch(updateSettings({infoBoxEnable})); + props.updateSettings({infoBoxEnable}); }; const updateInfoBoxContent = (props) => (event) => { const infoBoxContent = event.target.value; - props.dispatch(updateSettings({infoBoxContent})); + props.updateSettings({infoBoxContent}); }; const StateLess = (props) => diff --git a/client/coral-admin/src/containers/Configure/Configure.css b/client/coral-admin/src/containers/Configure/Configure.css index 8d1fc49a2..c1ac13375 100644 --- a/client/coral-admin/src/containers/Configure/Configure.css +++ b/client/coral-admin/src/containers/Configure/Configure.css @@ -69,6 +69,19 @@ letter-spacing: 0.03em; } +#bannedWordlist { + width: 100%; + padding: 10px; +} + +.bannedWordHeader { + font-weight: bold; + font-size:18px; + margin-bottom:3px; +} + + + .hidden { display: none; } diff --git a/client/coral-admin/src/containers/Configure/Configure.js b/client/coral-admin/src/containers/Configure/Configure.js index 4ff268c78..abf3a0343 100644 --- a/client/coral-admin/src/containers/Configure/Configure.js +++ b/client/coral-admin/src/containers/Configure/Configure.js @@ -13,13 +13,18 @@ import I18n from 'coral-framework/modules/i18n/i18n'; import translations from '../../translations.json'; import EmbedLink from './EmbedLink'; import CommentSettings from './CommentSettings'; +import Wordlist from './Wordlist'; class Configure extends React.Component { constructor (props) { super(props); - - this.state = {activeSection: 'comments'}; + console.log(props); + this.state = { + activeSection: 'comments', + wordlist: props.settings.wordlist && props.settings.wordlist.join(' ') + }; this.saveSettings = this.saveSettings.bind(this); + this.onChangeWordlist = this.onChangeWordlist.bind(this); } componentWillMount () { @@ -34,12 +39,29 @@ class Configure extends React.Component { this.setState({activeSection}); } + onChangeWordlist (event) { + event.preventDefault(); + const newlist = event.target.value; + this.setState({wordlist: newlist.toLowerCase()}); + this.props.dispatch(updateSettings({ + wordlist: newlist.toLowerCase() + .split(',') + .map((word) => word.trim()) + })); + } + getSection (section) { switch(section){ case 'comments': - return ; + return this.props.dispatch(updateSettings(setting))}/>; case 'embed': return ; + case 'wordlist': + return ; } } diff --git a/client/coral-admin/src/containers/Configure/EmbedLink.js b/client/coral-admin/src/containers/Configure/EmbedLink.js index 3cc22fd09..6c5c3da99 100644 --- a/client/coral-admin/src/containers/Configure/EmbedLink.js +++ b/client/coral-admin/src/containers/Configure/EmbedLink.js @@ -1,4 +1,4 @@ -import React, {Component} from 'react' +import React, {Component} from 'react'; import I18n from 'coral-framework/modules/i18n/i18n'; import translations from '../../translations.json'; import styles from './Configure.css'; @@ -44,6 +44,6 @@ class EmbedLink extends Component { } } -export default EmbedLink +export default EmbedLink; const lang = new I18n(translations); diff --git a/client/coral-admin/src/containers/Configure/Wordlist.js b/client/coral-admin/src/containers/Configure/Wordlist.js index 020fdc4bb..7411d71a8 100644 --- a/client/coral-admin/src/containers/Configure/Wordlist.js +++ b/client/coral-admin/src/containers/Configure/Wordlist.js @@ -1,17 +1,23 @@ -import React from 'react' -import I18n from 'coral-framework/modules/i18n/i18n'; -import translations from '../../translations.json'; +import React from 'react'; +// import I18n from 'coral-framework/modules/i18n/i18n'; +// import translations from '../../translations.json'; import styles from './Configure.css'; import { Card } from 'react-mdl'; -const Wordlist = () => -

Write the bannned words list

+const Wordlist = ({wordlist, onChangeWordlist}) => +

Write the bannned words list

Comments which contain these words or phrases, not seperated by commas and not case sensitive, will be automatically removed from the comment stream.

+