diff options
Diffstat (limited to 'webapp/components/rhs_header_post.jsx')
| -rw-r--r-- | webapp/components/rhs_header_post.jsx | 217 |
1 files changed, 0 insertions, 217 deletions
diff --git a/webapp/components/rhs_header_post.jsx b/webapp/components/rhs_header_post.jsx deleted file mode 100644 index 1608f90a2..000000000 --- a/webapp/components/rhs_header_post.jsx +++ /dev/null @@ -1,217 +0,0 @@ -// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved. -// See License.txt for license information. - -import AppDispatcher from '../dispatcher/app_dispatcher.jsx'; -import Constants from 'utils/constants.jsx'; -import {Tooltip, OverlayTrigger} from 'react-bootstrap'; - -import * as GlobalActions from 'actions/global_actions.jsx'; -import {getFlaggedPosts, getPinnedPosts} from 'actions/post_actions.jsx'; - -import {FormattedMessage} from 'react-intl'; - -const ActionTypes = Constants.ActionTypes; - -import PropTypes from 'prop-types'; - -import React from 'react'; - -export default class RhsHeaderPost extends React.Component { - constructor(props) { - super(props); - - this.handleClose = this.handleClose.bind(this); - this.toggleSize = this.toggleSize.bind(this); - this.handleBack = this.handleBack.bind(this); - - this.state = {}; - } - - handleClose(e) { - e.preventDefault(); - GlobalActions.emitCloseRightHandSide(); - this.props.shrink(); - } - - toggleSize(e) { - e.preventDefault(); - this.props.toggleSize(); - } - - handleBack(e) { - e.preventDefault(); - - if (this.props.fromSearch || this.props.isWebrtc) { - AppDispatcher.handleServerAction({ - type: ActionTypes.RECEIVED_SEARCH_TERM, - term: this.props.fromSearch, - do_search: true, - is_mention_search: this.props.isMentionSearch - }); - - AppDispatcher.handleServerAction({ - type: ActionTypes.RECEIVED_POST_SELECTED, - postId: null - }); - } else if (this.props.fromFlaggedPosts) { - getFlaggedPosts(); - } else if (this.props.fromPinnedPosts) { - getPinnedPosts(); - } - } - - render() { - let back; - const closeSidebarTooltip = ( - <Tooltip id='closeSidebarTooltip'> - <FormattedMessage - id='rhs_header.closeSidebarTooltip' - defaultMessage='Close Sidebar' - /> - </Tooltip> - ); - - let backToResultsTooltip; - if (this.props.fromSearch) { - backToResultsTooltip = ( - <Tooltip id='backToResultsTooltip'> - <FormattedMessage - id='rhs_header.backToResultsTooltip' - defaultMessage='Back to Search Results' - /> - </Tooltip> - ); - } else if (this.props.fromFlaggedPosts) { - backToResultsTooltip = ( - <Tooltip id='backToResultsTooltip'> - <FormattedMessage - id='rhs_header.backToFlaggedTooltip' - defaultMessage='Back to Flagged Posts' - /> - </Tooltip> - ); - } else if (this.props.isWebrtc) { - backToResultsTooltip = ( - <Tooltip id='backToResultsTooltip'> - <FormattedMessage - id='rhs_header.backToCallTooltip' - defaultMessage='Back to Call' - /> - </Tooltip> - ); - } else if (this.props.fromPinnedPosts) { - backToResultsTooltip = ( - <Tooltip id='backToResultsTooltip'> - <FormattedMessage - id='rhs_header.backToPinnedTooltip' - defaultMessage='Back to Pinned Posts' - /> - </Tooltip> - ); - } - - const expandSidebarTooltip = ( - <Tooltip id='expandSidebarTooltip'> - <FormattedMessage - id='rhs_header.expandSidebarTooltip' - defaultMessage='Expand Sidebar' - /> - </Tooltip> - ); - - const shrinkSidebarTooltip = ( - <Tooltip id='shrinkSidebarTooltip'> - <FormattedMessage - id='rhs_header.shrinkSidebarTooltip' - defaultMessage='Shrink Sidebar' - /> - </Tooltip> - ); - - if (this.props.fromSearch || this.props.fromFlaggedPosts || this.props.isWebrtc || this.props.fromPinnedPosts) { - back = ( - <a - href='#' - onClick={this.handleBack} - className='sidebar--right__back' - > - <OverlayTrigger - trigger={['hover', 'focus']} - delayShow={Constants.OVERLAY_TIME_DELAY} - placement='top' - overlay={backToResultsTooltip} - > - <i className='fa fa-angle-left'/> - </OverlayTrigger> - </a> - ); - } - - return ( - <div className='sidebar--right__header'> - <span className='sidebar--right__title'> - {back} - <FormattedMessage - id='rhs_header.details' - defaultMessage='Message Details' - /> - </span> - <div className='pull-right'> - <button - type='button' - className='sidebar--right__expand' - aria-label='Expand' - onClick={this.toggleSize} - > - <OverlayTrigger - trigger={['hover', 'focus']} - delayShow={Constants.OVERLAY_TIME_DELAY} - placement='top' - overlay={expandSidebarTooltip} - > - <i className='fa fa-expand'/> - </OverlayTrigger> - <OverlayTrigger - trigger={['hover', 'focus']} - delayShow={Constants.OVERLAY_TIME_DELAY} - placement='top' - overlay={shrinkSidebarTooltip} - > - <i className='fa fa-compress'/> - </OverlayTrigger> - </button> - <button - type='button' - className='sidebar--right__close' - aria-label='Close' - onClick={this.handleClose} - > - - <OverlayTrigger - trigger={['hover', 'focus']} - delayShow={Constants.OVERLAY_TIME_DELAY} - placement='top' - overlay={closeSidebarTooltip} - > - <i className='fa fa-sign-out'/> - </OverlayTrigger> - </button> - </div> - </div> - ); - } -} - -RhsHeaderPost.defaultProps = { - isMentionSearch: false, - fromSearch: '' -}; -RhsHeaderPost.propTypes = { - isMentionSearch: PropTypes.bool, - isWebrtc: PropTypes.bool, - fromSearch: PropTypes.string, - fromFlaggedPosts: PropTypes.bool, - fromPinnedPosts: PropTypes.bool, - toggleSize: PropTypes.func, - shrink: PropTypes.func -}; |