diff options
author | Christopher Speller <crspeller@gmail.com> | 2015-07-28 08:49:29 -0400 |
---|---|---|
committer | Christopher Speller <crspeller@gmail.com> | 2015-07-28 08:49:29 -0400 |
commit | de07cdaf299604abed78fcef1c0f9dcfa8835c63 (patch) | |
tree | 4684e39c807b2164719e379291d13d9ee8675bca /web/react/components/removed_from_channel_modal.jsx | |
parent | 432e96f52c3c29f2ffa5d4ad50fbbdda5322f0a9 (diff) | |
parent | da6d3556e83b54472f1caa7777ce223988c0655c (diff) | |
download | chat-de07cdaf299604abed78fcef1c0f9dcfa8835c63.tar.gz chat-de07cdaf299604abed78fcef1c0f9dcfa8835c63.tar.bz2 chat-de07cdaf299604abed78fcef1c0f9dcfa8835c63.zip |
Merge pull request #239 from nickago/MM-1295
MM-1295 Removal from a channel occurs in real time
Diffstat (limited to 'web/react/components/removed_from_channel_modal.jsx')
-rw-r--r-- | web/react/components/removed_from_channel_modal.jsx | 64 |
1 files changed, 64 insertions, 0 deletions
diff --git a/web/react/components/removed_from_channel_modal.jsx b/web/react/components/removed_from_channel_modal.jsx new file mode 100644 index 000000000..a8889a92a --- /dev/null +++ b/web/react/components/removed_from_channel_modal.jsx @@ -0,0 +1,64 @@ +// Copyright (c) 2015 Spinpunch, Inc. All Rights Reserved. +// See License.txt for license information. + +var ChannelStore = require('../stores/channel_store.jsx'); +var UserStore = require('../stores/user_store.jsx'); +var BrowserStore = require('../stores/browser_store.jsx') +var utils = require('../utils/utils.jsx'); + +module.exports = React.createClass({ + handleShow: function() { + var newState = {}; + if(BrowserStore.getItem("channel-removed-state")) { + newState = BrowserStore.getItem("channel-removed-state"); + BrowserStore.removeItem("channel-removed-state"); + } + + this.setState(newState); + }, + handleClose: function() { + var townSquare = ChannelStore.getByName("town-square"); + utils.switchChannel(townSquare); + + this.setState({channelName: "", remover: ""}) + }, + componentDidMount: function() { + $(this.getDOMNode()).on('show.bs.modal',this.handleShow); + $(this.getDOMNode()).on('hidden.bs.modal',this.handleClose); + }, + componentWillUnmount: function() { + $(this.getDOMNode()).off('show.bs.modal',this.handleShow); + $(this.getDOMNode()).off('hidden.bs.modal',this.handleClose); + }, + getInitialState: function() { + return {channelName: "", remover: ""} + }, + render: function() { + var currentUser = UserStore.getCurrentUser(); + var channelName = this.state.channelName ? this.state.channelName : "the channel" + var remover = this.state.remover ? this.state.remover : "Someone" + + 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">×</span></button> + <h4 className="modal-title">Removed from {channelName}</h4> + </div> + <div className="modal-body"> + <p>{remover} removed you from {channelName}</p> + </div> + <div className="modal-footer"> + <button type="button" className="btn btn-primary" data-dismiss="modal">Okay</button> + </div> + </div> + </div> + </div> + ); + } else { + return <div/>; + } + } +});
\ No newline at end of file |