summaryrefslogtreecommitdiffstats
path: root/web/react/components/posts_view_container.jsx
diff options
context:
space:
mode:
authorChristopher Speller <crspeller@gmail.com>2016-03-14 08:50:46 -0400
committerChristopher Speller <crspeller@gmail.com>2016-03-16 18:02:55 -0400
commit12896bd23eeba79884245c1c29fdc568cf21a7fa (patch)
tree4e7f83d3e2564b9b89d669e9f7905ff11768b11a /web/react/components/posts_view_container.jsx
parent29fe6a3d13c9c7aa490fffebbe5d1b5fdf1e3090 (diff)
downloadchat-12896bd23eeba79884245c1c29fdc568cf21a7fa.tar.gz
chat-12896bd23eeba79884245c1c29fdc568cf21a7fa.tar.bz2
chat-12896bd23eeba79884245c1c29fdc568cf21a7fa.zip
Converting to Webpack. Stage 1.
Diffstat (limited to 'web/react/components/posts_view_container.jsx')
-rw-r--r--web/react/components/posts_view_container.jsx223
1 files changed, 0 insertions, 223 deletions
diff --git a/web/react/components/posts_view_container.jsx b/web/react/components/posts_view_container.jsx
deleted file mode 100644
index b361779d2..000000000
--- a/web/react/components/posts_view_container.jsx
+++ /dev/null
@@ -1,223 +0,0 @@
-// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.
-// See License.txt for license information.
-
-import PostsView from './posts_view.jsx';
-import LoadingScreen from './loading_screen.jsx';
-
-import ChannelStore from '../stores/channel_store.jsx';
-import PostStore from '../stores/post_store.jsx';
-import UserStore from '../stores/user_store.jsx';
-
-import * as Utils from '../utils/utils.jsx';
-import * as GlobalActions from '../action_creators/global_actions.jsx';
-
-import Constants from '../utils/constants.jsx';
-
-import {createChannelIntroMessage} from '../utils/channel_intro_messages.jsx';
-
-export default class PostsViewContainer extends React.Component {
- constructor() {
- super();
-
- this.onChannelChange = this.onChannelChange.bind(this);
- this.onChannelLeave = this.onChannelLeave.bind(this);
- this.onPostsChange = this.onPostsChange.bind(this);
- this.onUserChange = this.onUserChange.bind(this);
- this.handlePostsViewScroll = this.handlePostsViewScroll.bind(this);
- this.loadMorePostsTop = this.loadMorePostsTop.bind(this);
- this.handlePostsViewJumpRequest = this.handlePostsViewJumpRequest.bind(this);
-
- const currentChannelId = ChannelStore.getCurrentId();
- const state = {
- scrollType: PostsView.SCROLL_TYPE_BOTTOM,
- scrollPost: null,
- currentUser: UserStore.getCurrentUser()
- };
- if (currentChannelId) {
- Object.assign(state, {
- currentChannelIndex: 0,
- channels: [currentChannelId],
- postLists: [this.getChannelPosts(currentChannelId)],
- atTop: [PostStore.getVisibilityAtTop(currentChannelId)]
- });
- } else {
- Object.assign(state, {
- currentChannelIndex: null,
- channels: [],
- postLists: [],
- atTop: []
- });
- }
-
- state.showInviteModal = false;
- this.state = state;
- }
- componentDidMount() {
- ChannelStore.addChangeListener(this.onChannelChange);
- ChannelStore.addLeaveListener(this.onChannelLeave);
- PostStore.addChangeListener(this.onPostsChange);
- PostStore.addPostsViewJumpListener(this.handlePostsViewJumpRequest);
- UserStore.addChangeListener(this.onUserChange);
- }
- componentWillUnmount() {
- ChannelStore.removeChangeListener(this.onChannelChange);
- ChannelStore.removeLeaveListener(this.onChannelLeave);
- PostStore.removeChangeListener(this.onPostsChange);
- PostStore.removePostsViewJumpListener(this.handlePostsViewJumpRequest);
- UserStore.removeChangeListener(this.onUserChange);
- }
- onUserChange() {
- this.setState({currentUser: UserStore.getCurrentUser()});
- }
- handlePostsViewJumpRequest(type, post) {
- switch (type) {
- case Constants.PostsViewJumpTypes.BOTTOM:
- this.setState({scrollType: PostsView.SCROLL_TYPE_BOTTOM});
- break;
- case Constants.PostsViewJumpTypes.POST:
- this.setState({
- scrollType: PostsView.SCROLL_TYPE_POST,
- scrollPost: post
- });
- break;
- case Constants.PostsViewJumpTypes.SIDEBAR_OPEN:
- this.setState({scrollType: PostsView.SCROLL_TYPE_SIDEBAR_OPEN});
- break;
- }
- }
- onChannelChange() {
- const postLists = this.state.postLists.slice();
- const atTop = this.state.atTop.slice();
- const channels = this.state.channels.slice();
- const channelId = ChannelStore.getCurrentId();
-
- // Has the channel really changed?
- if (channelId === channels[this.state.currentChannelIndex]) {
- return;
- }
-
- let lastViewed = Number.MAX_VALUE;
- const member = ChannelStore.getMember(channelId);
- if (member != null) {
- lastViewed = member.last_viewed_at;
- }
-
- let newIndex = channels.indexOf(channelId);
- if (newIndex === -1) {
- newIndex = channels.length;
- channels.push(channelId);
- atTop[newIndex] = PostStore.getVisibilityAtTop(channelId);
- }
-
- // make sure we have the latest posts from the store
- postLists[newIndex] = this.getChannelPosts(channelId);
-
- this.setState({
- currentChannelIndex: newIndex,
- currentLastViewed: lastViewed,
- scrollType: PostsView.SCROLL_TYPE_NEW_MESSAGE,
- channels,
- postLists,
- atTop});
- }
- onChannelLeave(id) {
- const postLists = this.state.postLists.slice();
- const channels = this.state.channels.slice();
- const atTop = this.state.atTop.slice();
- const index = channels.indexOf(id);
- if (index !== -1) {
- postLists.splice(index, 1);
- channels.splice(index, 1);
- atTop.splice(index, 1);
- }
- this.setState({channels, postLists, atTop});
- }
- onPostsChange() {
- const channels = this.state.channels;
- const postLists = this.state.postLists.slice();
- const atTop = this.state.atTop.slice();
- const currentChannelId = channels[this.state.currentChannelIndex];
- const newPostsView = this.getChannelPosts(currentChannelId);
-
- postLists[this.state.currentChannelIndex] = newPostsView;
- atTop[this.state.currentChannelIndex] = PostStore.getVisibilityAtTop(currentChannelId);
- this.setState({postLists, atTop});
- }
- getChannelPosts(id) {
- return PostStore.getVisiblePosts(id);
- }
- loadMorePostsTop() {
- GlobalActions.emitLoadMorePostsEvent();
- }
- handlePostsViewScroll(atBottom) {
- if (atBottom) {
- this.setState({scrollType: PostsView.SCROLL_TYPE_BOTTOM});
- } else {
- this.setState({scrollType: PostsView.SCROLL_TYPE_FREE});
- }
- }
- shouldComponentUpdate(nextProps, nextState) {
- if (!Utils.areObjectsEqual(this.state, nextState)) {
- return true;
- }
-
- if (!Utils.areObjectsEqual(this.props, nextProps)) {
- return true;
- }
-
- return false;
- }
- render() {
- const postLists = this.state.postLists;
- const channels = this.state.channels;
- const currentChannelId = channels[this.state.currentChannelIndex];
- const channel = ChannelStore.get(currentChannelId);
-
- if (!this.state.currentUser || !channel) {
- return null;
- }
-
- const postListCtls = [];
- for (let i = 0; i < channels.length; i++) {
- const isActive = (channels[i] === currentChannelId);
- postListCtls.push(
- <PostsView
- key={'postsviewkey' + i}
- isActive={isActive}
- postList={postLists[i]}
- scrollType={this.state.scrollType}
- scrollPostId={this.state.scrollPost}
- postViewScrolled={this.handlePostsViewScroll}
- loadMorePostsTopClicked={this.loadMorePostsTop}
- loadMorePostsBottomClicked={() => {
- // Do Nothing
- }}
- showMoreMessagesTop={!this.state.atTop[this.state.currentChannelIndex]}
- showMoreMessagesBottom={false}
- introText={channel ? createChannelIntroMessage(channel) : null}
- messageSeparatorTime={this.state.currentLastViewed}
- profiles={this.props.profiles}
- currentUser={this.state.currentUser}
- />
- );
- if (!postLists[i] && isActive) {
- postListCtls.push(
- <LoadingScreen
- position='absolute'
- key='loading'
- />
- );
- }
- }
-
- return (
- <div id='post-list'>
- {postListCtls}
- </div>
- );
- }
-}
-
-PostsViewContainer.propTypes = {
- profiles: React.PropTypes.object
-};