diff options
author | Christopher Speller <crspeller@gmail.com> | 2015-12-03 08:23:43 -0500 |
---|---|---|
committer | Christopher Speller <crspeller@gmail.com> | 2015-12-03 08:23:43 -0500 |
commit | e92695c4a4a027e428ad32b69583bee25a3ba24a (patch) | |
tree | f81fb936fff2a2e64c64d92b5181ae610574304b /web/react/components/suggestion/command_provider.jsx | |
parent | eddd4e0fc49582cf7f484168f5e2c08b0ac89596 (diff) | |
parent | 482e3fc9a494a54df53d99b060a7cfa13b3d95c0 (diff) | |
download | chat-e92695c4a4a027e428ad32b69583bee25a3ba24a.tar.gz chat-e92695c4a4a027e428ad32b69583bee25a3ba24a.tar.bz2 chat-e92695c4a4a027e428ad32b69583bee25a3ba24a.zip |
Merge pull request #1579 from hmhealey/plt1298
PLT-1298 Converted Command and @Mention autocomplete to new suggestion components
Diffstat (limited to 'web/react/components/suggestion/command_provider.jsx')
-rw-r--r-- | web/react/components/suggestion/command_provider.jsx | 47 |
1 files changed, 47 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..a2a446de2 --- /dev/null +++ b/web/react/components/suggestion/command_provider.jsx @@ -0,0 +1,47 @@ +// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved. +// See License.txt for license information. + +import * as AsyncClient from '../../utils/async_client.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); + SuggestionStore.setCompleteOnSpace(suggestionId, false); + + AsyncClient.getSuggestedCommands(pretext, suggestionId, CommandSuggestion); + } + } +} |