diff options
author | David Lu <david.lu@hotmail.com> | 2016-06-04 23:23:07 -0700 |
---|---|---|
committer | enahum <nahumhbl@gmail.com> | 2016-06-05 03:23:07 -0300 |
commit | cc4d23e27669ce85285b514a0606b4ea8c27d6e7 (patch) | |
tree | af28627ab19dfcb1044f4d8e486459d9d94b6f0a /webapp/components/edit_channel_purpose_modal.jsx | |
parent | cb868eb42bdd6a5a30fe111faa48875a4c13f09c (diff) | |
download | chat-cc4d23e27669ce85285b514a0606b4ea8c27d6e7.tar.gz chat-cc4d23e27669ce85285b514a0606b4ea8c27d6e7.tar.bz2 chat-cc4d23e27669ce85285b514a0606b4ea8c27d6e7.zip |
added ctrlSend checking (#3196)
Diffstat (limited to 'webapp/components/edit_channel_purpose_modal.jsx')
-rw-r--r-- | webapp/components/edit_channel_purpose_modal.jsx | 35 |
1 files changed, 31 insertions, 4 deletions
diff --git a/webapp/components/edit_channel_purpose_modal.jsx b/webapp/components/edit_channel_purpose_modal.jsx index a4779d022..0d5fb90ac 100644 --- a/webapp/components/edit_channel_purpose_modal.jsx +++ b/webapp/components/edit_channel_purpose_modal.jsx @@ -6,9 +6,8 @@ import ReactDOM from 'react-dom'; import * as AsyncClient from 'utils/async_client.jsx'; import Client from 'utils/web_client.jsx'; import Constants from 'utils/constants.jsx'; - import {intlShape, injectIntl, defineMessages, FormattedMessage} from 'react-intl'; - +import PreferenceStore from 'stores/preference_store.jsx'; import {Modal} from 'react-bootstrap'; const holders = defineMessages({ @@ -26,8 +25,22 @@ export default class EditChannelPurposeModal extends React.Component { this.handleHide = this.handleHide.bind(this); this.handleSave = this.handleSave.bind(this); + this.handleKeyDown = this.handleKeyDown.bind(this); + this.onPreferenceChange = this.onPreferenceChange.bind(this); + + this.ctrlSend = PreferenceStore.getBool(Constants.Preferences.CATEGORY_ADVANCED_SETTINGS, 'send_on_ctrl_enter'); + + this.state = { + serverError: '' + }; + } + + componentDidMount() { + PreferenceStore.addChangeListener(this.onPreferenceChange); + } - this.state = {serverError: ''}; + componentWillUnmount() { + PreferenceStore.removeChangeListener(this.onPreferenceChange); } componentDidUpdate() { @@ -44,11 +57,24 @@ export default class EditChannelPurposeModal extends React.Component { } } + onPreferenceChange() { + this.ctrlSend = PreferenceStore.getBool(Constants.Preferences.CATEGORY_ADVANCED_SETTINGS, 'send_on_ctrl_enter'); + } + + handleKeyDown(e) { + if (this.ctrlSend && e.keyCode === Constants.KeyCodes.ENTER && e.ctrlKey) { + e.preventDefault(); + this.handleSave(e); + } else if (!this.ctrlSend && e.keyCode === Constants.KeyCodes.ENTER && !e.shiftKey && !e.altKey) { + e.preventDefault(); + this.handleSave(e); + } + } + handleSave() { if (!this.props.channel) { return; } - Client.updateChannelPurpose( this.props.channel.id, ReactDOM.findDOMNode(this.refs.purpose).value.trim(), @@ -145,6 +171,7 @@ export default class EditChannelPurposeModal extends React.Component { rows='6' maxLength='128' defaultValue={this.props.channel.purpose} + onKeyDown={this.handleKeyDown} /> {serverError} </Modal.Body> |