diff options
author | hmhealey <harrisonmhealey@gmail.com> | 2015-12-01 15:24:53 -0500 |
---|---|---|
committer | hmhealey <harrisonmhealey@gmail.com> | 2015-12-01 16:27:22 -0500 |
commit | 06e0919bca7ee4280c6eed58838ca2be10e7b4fb (patch) | |
tree | 02b4811b59d11752fd9eedf02fd259cd5d69db26 /web/react/components/suggestion/command_provider.jsx | |
parent | a5080ed6b1ddf98a18c0bc01c29cd6eed5c86294 (diff) | |
download | chat-06e0919bca7ee4280c6eed58838ca2be10e7b4fb.tar.gz chat-06e0919bca7ee4280c6eed58838ca2be10e7b4fb.tar.bz2 chat-06e0919bca7ee4280c6eed58838ca2be10e7b4fb.zip |
Moved autocomplete components into web/react/components/suggestion
Diffstat (limited to 'web/react/components/suggestion/command_provider.jsx')
-rw-r--r-- | web/react/components/suggestion/command_provider.jsx | 68 |
1 files changed, 68 insertions, 0 deletions
diff --git a/web/react/components/suggestion/command_provider.jsx b/web/react/components/suggestion/command_provider.jsx new file mode 100644 index 000000000..34de3bfd1 --- /dev/null +++ b/web/react/components/suggestion/command_provider.jsx @@ -0,0 +1,68 @@ +// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved. +// See License.txt for license information. + +import AppDispatcher from '../../dispatcher/app_dispatcher.jsx'; +import * as Client from '../../utils/client.jsx'; +import Constants from '../../utils/constants.jsx'; +import SuggestionStore from '../../stores/suggestion_store.jsx'; + +class CommandSuggestion extends React.Component { + render() { + const {item, isSelection, onClick} = this.props; + + let className = 'command-name'; + if (isSelection) { + className += ' suggestion--selected'; + } + + return ( + <div + className={className} + onClick={onClick} + > + <div className='command__title'> + <string>{item.suggestion}</string> + </div> + <div className='command__desc'> + {item.description} + </div> + </div> + ); + } +} + +CommandSuggestion.propTypes = { + item: React.PropTypes.object.isRequired, + isSelection: React.PropTypes.bool, + onClick: React.PropTypes.func +}; + +export default class CommandProvider { + handlePretextChanged(suggestionId, pretext) { + if (pretext.startsWith('/')) { + SuggestionStore.setMatchedPretext(suggestionId, pretext); + + Client.executeCommand( + '', + pretext, + true, + (data) => { + this.handleCommandsReceived(suggestionId, pretext, data.suggestions); + } + ); + } + } + + handleCommandsReceived(suggestionId, matchedPretext, commandSuggestions) { + const terms = commandSuggestions.map(({suggestion}) => suggestion); + + AppDispatcher.handleServerAction({ + type: Constants.ActionTypes.SUGGESTION_RECEIVED_SUGGESTIONS, + id: suggestionId, + matchedPretext, + terms, + items: commandSuggestions, + component: CommandSuggestion + }); + } +} |