summaryrefslogtreecommitdiffstats
path: root/web/react/components/sidebar_right.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/sidebar_right.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/sidebar_right.jsx')
-rw-r--r--web/react/components/sidebar_right.jsx140
1 files changed, 0 insertions, 140 deletions
diff --git a/web/react/components/sidebar_right.jsx b/web/react/components/sidebar_right.jsx
deleted file mode 100644
index fc9888626..000000000
--- a/web/react/components/sidebar_right.jsx
+++ /dev/null
@@ -1,140 +0,0 @@
-// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.
-// See License.txt for license information.
-
-import SearchResults from './search_results.jsx';
-import RhsThread from './rhs_thread.jsx';
-import SearchStore from '../stores/search_store.jsx';
-import PostStore from '../stores/post_store.jsx';
-import * as Utils from '../utils/utils.jsx';
-
-const SIDEBAR_SCROLL_DELAY = 500;
-
-export default class SidebarRight extends React.Component {
- constructor(props) {
- super(props);
-
- this.plScrolledToBottom = true;
-
- this.onSelectedChange = this.onSelectedChange.bind(this);
- this.onSearchChange = this.onSearchChange.bind(this);
- this.onShowSearch = this.onShowSearch.bind(this);
-
- this.doStrangeThings = this.doStrangeThings.bind(this);
-
- this.state = this.getStateFromStores();
- }
- getStateFromStores() {
- return {
- search_visible: SearchStore.getSearchResults() != null,
- post_right_visible: PostStore.getSelectedPost() != null,
- is_mention_search: SearchStore.getIsMentionSearch()
- };
- }
- componentDidMount() {
- SearchStore.addSearchChangeListener(this.onSearchChange);
- PostStore.addSelectedPostChangeListener(this.onSelectedChange);
- SearchStore.addShowSearchListener(this.onShowSearch);
- this.doStrangeThings();
- }
- componentWillUnmount() {
- SearchStore.removeSearchChangeListener(this.onSearchChange);
- PostStore.removeSelectedPostChangeListener(this.onSelectedChange);
- SearchStore.removeShowSearchListener(this.onShowSearch);
- }
- componentWillUpdate(nextProps, nextState) {
- const isOpen = this.state.search_visible || this.state.post_right_visible;
- const willOpen = nextState.search_visible || nextState.post_right_visible;
-
- if (!isOpen && willOpen) {
- setTimeout(() => PostStore.jumpPostsViewSidebarOpen(), SIDEBAR_SCROLL_DELAY);
- }
- }
- doStrangeThings() {
- // We should have a better way to do this stuff
- // Hence the function name.
- var windowWidth = $(window).outerWidth();
- var sidebarRightWidth = $('.sidebar--right').outerWidth();
-
- $('.inner-wrap').removeClass('.move--right');
- $('.inner-wrap').addClass('move--left');
- $('.sidebar--left').removeClass('move--right');
- $('.sidebar--right').addClass('move--left');
-
- //$('.sidebar--right').prepend('<div class="sidebar__overlay"></div>');
- if (this.state.search_visible || this.state.post_right_visible) {
- if (windowWidth > 960) {
- $('.inner-wrap').velocity({marginRight: sidebarRightWidth}, {duration: 500, easing: 'easeOutSine'});
- $('.sidebar--right').velocity({translateX: 0}, {duration: 500, easing: 'easeOutSine'});
- } else {
- $('.inner-wrap, .sidebar--right').attr('style', '');
- }
- } else {
- if (windowWidth > 960) {
- $('.inner-wrap').velocity({marginRight: 0}, {duration: 500, easing: 'easeOutSine'});
- $('.sidebar--right').velocity({translateX: sidebarRightWidth}, {duration: 500, easing: 'easeOutSine'});
- } else {
- $('.inner-wrap, .sidebar--right').attr('style', '');
- }
- $('.inner-wrap').removeClass('move--left').removeClass('move--right');
- $('.sidebar--right').removeClass('move--left');
- return (
- <div></div>
- );
- }
-
- /*setTimeout(() => {
- $('.sidebar__overlay').fadeOut('200', () => {
- $('.sidebar__overlay').remove();
- });
- }, 500);*/
- return null;
- }
- componentDidUpdate() {
- this.doStrangeThings();
- }
- onSelectedChange(fromSearch) {
- var newState = this.getStateFromStores(fromSearch);
- newState.from_search = fromSearch;
- if (!Utils.areObjectsEqual(newState, this.state)) {
- this.setState(newState);
- }
- }
- onSearchChange() {
- var newState = this.getStateFromStores();
- if (!Utils.areObjectsEqual(newState, this.state)) {
- this.setState(newState);
- }
- }
- onShowSearch() {
- if (!this.state.search_visible) {
- this.setState({
- search_visible: true
- });
- }
- }
- render() {
- var content = '';
-
- if (this.state.search_visible) {
- content = <SearchResults isMentionSearch={this.state.is_mention_search}/>;
- } else if (this.state.post_right_visible) {
- content = (
- <RhsThread
- fromSearch={this.state.from_search}
- isMentionSearch={this.state.is_mention_search}
- />
- );
- }
-
- return (
- <div
- className='sidebar--right'
- id='sidebar-right'
- >
- <div className='sidebar-right-container'>
- {content}
- </div>
- </div>
- );
- }
-}