diff options
author | Christopher Speller <crspeller@gmail.com> | 2016-03-14 08:50:46 -0400 |
---|---|---|
committer | Christopher Speller <crspeller@gmail.com> | 2016-03-16 18:02:55 -0400 |
commit | 12896bd23eeba79884245c1c29fdc568cf21a7fa (patch) | |
tree | 4e7f83d3e2564b9b89d669e9f7905ff11768b11a /web/react/components/search_results_item.jsx | |
parent | 29fe6a3d13c9c7aa490fffebbe5d1b5fdf1e3090 (diff) | |
download | chat-12896bd23eeba79884245c1c29fdc568cf21a7fa.tar.gz chat-12896bd23eeba79884245c1c29fdc568cf21a7fa.tar.bz2 chat-12896bd23eeba79884245c1c29fdc568cf21a7fa.zip |
Converting to Webpack. Stage 1.
Diffstat (limited to 'web/react/components/search_results_item.jsx')
-rw-r--r-- | web/react/components/search_results_item.jsx | 143 |
1 files changed, 0 insertions, 143 deletions
diff --git a/web/react/components/search_results_item.jsx b/web/react/components/search_results_item.jsx deleted file mode 100644 index 9c3b0336b..000000000 --- a/web/react/components/search_results_item.jsx +++ /dev/null @@ -1,143 +0,0 @@ -// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved. -// See License.txt for license information. - -import UserStore from '../stores/user_store.jsx'; -import UserProfile from './user_profile.jsx'; -import * as GlobalActions from '../action_creators/global_actions.jsx'; -import * as TextFormatting from '../utils/text_formatting.jsx'; - -import Constants from '../utils/constants.jsx'; - -import {FormattedMessage, FormattedDate} from 'mm-intl'; - -export default class SearchResultsItem extends React.Component { - constructor(props) { - super(props); - - this.handleClick = this.handleClick.bind(this); - this.handleFocusRHSClick = this.handleFocusRHSClick.bind(this); - } - - handleClick(e) { - e.preventDefault(); - - GlobalActions.emitPostFocusEvent(this.props.post.id); - - if ($(window).width() < 768) { - $('.sidebar--right').removeClass('move--left'); - $('.inner-wrap').removeClass('move--left'); - } - } - - handleFocusRHSClick(e) { - e.preventDefault(); - GlobalActions.emitPostFocusRightHandSideFromSearch(this.props.post, this.props.isMentionSearch); - } - - render() { - let channelName = null; - const channel = this.props.channel; - const timestamp = UserStore.getCurrentUser().update_at; - const user = this.props.user || {}; - - if (channel) { - channelName = channel.display_name; - if (channel.type === 'D') { - channelName = ( - <FormattedMessage - id='search_item.direct' - defaultMessage='Direct Message' - /> - ); - } - } - - const formattingOptions = { - searchTerm: this.props.term, - mentionHighlight: this.props.isMentionSearch - }; - - return ( - <div className='search-item__container'> - <div className='date-separator'> - <hr className='separator__hr'/> - <div className='separator__text'> - <FormattedDate - value={this.props.post.create_at} - day='numeric' - month='long' - year='numeric' - /> - </div> - </div> - <div - className='post' - > - <div className='search-channel__name'>{channelName}</div> - <div className='post__content'> - <div className='post__img'> - <img - src={'/api/v1/users/' + this.props.post.user_id + '/image?time=' + timestamp} - height='36' - width='36' - /> - </div> - <div> - <ul className='post__header'> - <li className='col__name'><strong><UserProfile user={user}/></strong></li> - <li className='col'> - <time className='search-item-time'> - <FormattedDate - value={this.props.post.create_at} - hour12={true} - hour='2-digit' - minute='2-digit' - /> - </time> - </li> - <li> - <a - href='#' - className='search-item__jump' - onClick={this.handleClick} - > - <FormattedMessage - id='search_item.jump' - defaultMessage='Jump' - /> - </a> - </li> - <li> - <a - href='#' - className='comment-icon__container search-item__comment' - onClick={this.handleFocusRHSClick} - > - <span - className='comment-icon' - dangerouslySetInnerHTML={{__html: Constants.REPLY_ICON}} - /> - </a> - </li> - </ul> - <div className='search-item-snippet'> - <span - onClick={TextFormatting.handleClick} - dangerouslySetInnerHTML={{__html: TextFormatting.formatText(this.props.post.message, formattingOptions)}} - /> - </div> - </div> - </div> - </div> - </div> - ); - } -} - -SearchResultsItem.propTypes = { - post: React.PropTypes.object, - user: React.PropTypes.object, - channel: React.PropTypes.object, - isMentionSearch: React.PropTypes.bool, - term: React.PropTypes.string -}; |