Converting to Webpack. Stage 1.

1 files changed, 136 insertions, 0 deletions

diff --git a/webapp/components/removed_from_channel_modal.jsx b/webapp/components/removed_from_channel_modal.jsx
new file mode 100644
index 000000000..cdd51bd6e
--- /dev/null
+++ b/webapp/components/removed_from_channel_modal.jsx
@@ -0,0 +1,136 @@
+// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.
+// See License.txt for license information.
+
+import $ from 'jquery';
+import ReactDOM from 'react-dom';
+import ChannelStore from 'stores/channel_store.jsx';
+import UserStore from 'stores/user_store.jsx';
+import BrowserStore from 'stores/browser_store.jsx';
+import * as utils from 'utils/utils.jsx';
+
+import {FormattedMessage} from 'react-intl';
+
+import React from 'react';
+
+export default class RemovedFromChannelModal extends React.Component {
+    constructor(props) {
+        super(props);
+
+        this.handleShow = this.handleShow.bind(this);
+        this.handleClose = this.handleClose.bind(this);
+
+        this.state = {
+            channelName: '',
+            remover: ''
+        };
+    }
+
+    handleShow() {
+        var newState = {};
+        if (BrowserStore.getItem('channel-removed-state')) {
+            newState = BrowserStore.getItem('channel-removed-state');
+            BrowserStore.removeItem('channel-removed-state');
+        }
+
+        var townSquare = ChannelStore.getByName('town-square');
+        setTimeout(() => utils.switchChannel(townSquare), 1);
+
+        this.setState(newState);
+    }
+
+    handleClose() {
+        this.setState({channelName: '', remover: ''});
+    }
+
+    componentDidMount() {
+        $(ReactDOM.findDOMNode(this)).on('show.bs.modal', this.handleShow);
+        $(ReactDOM.findDOMNode(this)).on('hidden.bs.modal', this.handleClose);
+    }
+
+    componentWillUnmount() {
+        $(ReactDOM.findDOMNode(this)).off('show.bs.modal', this.handleShow);
+        $(ReactDOM.findDOMNode(this)).off('hidden.bs.modal', this.handleClose);
+    }
+
+    render() {
+        var currentUser = UserStore.getCurrentUser();
+
+        var channelName = (
+            <FormattedMessage
+                id='removed_channel.channelName'
+                defaultMessage='the channel'
+            />
+        );
+        if (this.state.channelName) {
+            channelName = this.state.channelName;
+        }
+
+        var remover = (
+            <FormattedMessage
+                id='removed_channel.someone'
+                defaultMessage='Someone'
+            />
+        );
+        if (this.state.remover) {
+            remover = this.state.remover;
+        }
+
+        if (currentUser != null) {
+            return (
+                <div
+                    className='modal fade'
+                    ref='modal'
+                    id='removed_from_channel'
+                    tabIndex='-1'
+                    role='dialog'
+                    aria-hidden='true'
+                >
+                    <div className='modal-dialog'>
+                        <div className='modal-content'>
+                            <div className='modal-header'>
+                                <button
+                                    type='button'
+                                    className='close'
+                                    data-dismiss='modal'
+                                    aria-label='Close'
+                                ><span aria-hidden='true'>&times;</span></button>
+                                <h4 className='modal-title'>
+                                    <FormattedMessage
+                                        id='removed_channel.from'
+                                        defaultMessage='Removed from '
+                                    />
+                                    <span className='name'>{channelName}</span></h4>
+                            </div>
+                            <div className='modal-body'>
+                                  <p>
+                                      <FormattedMessage
+                                          id='removed_channel.remover'
+                                          defaultMessage='{remover} removed you from {channel}'
+                                          values={{
+                                              remover: (remover),
+                                              channel: (channelName)
+                                          }}
+                                      />
+                                  </p>
+                            </div>
+                            <div className='modal-footer'>
+                                <button
+                                    type='button'
+                                    className='btn btn-primary'
+                                    data-dismiss='modal'
+                                >
+                                    <FormattedMessage
+                                        id='removed_channel.okay'
+                                        defaultMessage='Okay'
+                                    />
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            );
+        }
+
+        return <div/>;
+    }
+}