diff options
Diffstat (limited to 'webapp/components/post_focus_view.jsx')
-rw-r--r-- | webapp/components/post_focus_view.jsx | 107 |
1 files changed, 0 insertions, 107 deletions
diff --git a/webapp/components/post_focus_view.jsx b/webapp/components/post_focus_view.jsx deleted file mode 100644 index 30a2f9d72..000000000 --- a/webapp/components/post_focus_view.jsx +++ /dev/null @@ -1,107 +0,0 @@ -// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved. -// See License.txt for license information. - -import PostsView from './posts_view.jsx'; - -import PostStore from 'stores/post_store.jsx'; -import ChannelStore from 'stores/channel_store.jsx'; -import * as GlobalActions from 'actions/global_actions.jsx'; - -import React from 'react'; - -export default class PostFocusView extends React.Component { - constructor(props) { - super(props); - - this.onChannelChange = this.onChannelChange.bind(this); - this.onPostsChange = this.onPostsChange.bind(this); - this.handlePostsViewScroll = this.handlePostsViewScroll.bind(this); - this.loadMorePostsTop = this.loadMorePostsTop.bind(this); - this.loadMorePostsBottom = this.loadMorePostsBottom.bind(this); - - const focusedPostId = PostStore.getFocusedPostId(); - - this.state = { - scrollType: PostsView.SCROLL_TYPE_POST, - currentChannel: ChannelStore.getCurrentId().slice(), - scrollPostId: focusedPostId, - postList: PostStore.getVisiblePosts(focusedPostId), - atTop: PostStore.getVisibilityAtTop(focusedPostId), - atBottom: PostStore.getVisibilityAtBottom(focusedPostId) - }; - } - - componentDidMount() { - ChannelStore.addChangeListener(this.onChannelChange); - PostStore.addChangeListener(this.onPostsChange); - } - - componentWillUnmount() { - ChannelStore.removeChangeListener(this.onChannelChange); - PostStore.removeChangeListener(this.onPostsChange); - } - - onChannelChange() { - const currentChannel = ChannelStore.getCurrentId(); - if (this.state.currentChannel !== currentChannel) { - this.setState({ - currentChannel: currentChannel.slice(), - scrollType: PostsView.SCROLL_TYPE_POST - }); - } - } - - onPostsChange() { - const focusedPostId = PostStore.getFocusedPostId(); - if (focusedPostId == null) { - return; - } - - this.setState({ - scrollPostId: focusedPostId, - postList: PostStore.getVisiblePosts(focusedPostId), - atTop: PostStore.getVisibilityAtTop(focusedPostId), - atBottom: PostStore.getVisibilityAtBottom(focusedPostId) - }); - } - - handlePostsViewScroll() { - this.setState({scrollType: PostsView.SCROLL_TYPE_FREE}); - } - - loadMorePostsTop() { - GlobalActions.emitLoadMorePostsFocusedTopEvent(); - } - - loadMorePostsBottom() { - GlobalActions.emitLoadMorePostsFocusedBottomEvent(); - } - - render() { - const postsToHighlight = {}; - postsToHighlight[this.state.scrollPostId] = true; - - if (!this.state.postList) { - return null; - } - - return ( - <div id='post-list'> - <PostsView - key={'postfocusview'} - isActive={true} - postList={this.state.postList} - scrollType={this.state.scrollType} - scrollPostId={this.state.scrollPostId} - postViewScrolled={this.handlePostsViewScroll} - loadMorePostsTopClicked={this.loadMorePostsTop} - loadMorePostsBottomClicked={this.loadMorePostsBottom} - showMoreMessagesTop={!this.state.atTop} - showMoreMessagesBottom={!this.state.atBottom} - messageSeparatorTime={0} - postsToHighlight={postsToHighlight} - /> - </div> - ); - } -} |