diff options
Diffstat (limited to 'web/react/components/channel_info_modal.jsx')
-rw-r--r-- | web/react/components/channel_info_modal.jsx | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/web/react/components/channel_info_modal.jsx b/web/react/components/channel_info_modal.jsx new file mode 100644 index 000000000..191297ce4 --- /dev/null +++ b/web/react/components/channel_info_modal.jsx @@ -0,0 +1,50 @@ +// Copyright (c) 2015 Spinpunch, Inc. All Rights Reserved. +// See License.txt for license information. + +var ChannelStore = require('../stores/channel_store.jsx'); + +module.exports = React.createClass({ + componentDidMount: function() { + var self = this; + if(this.refs.modal) { + $(this.refs.modal.getDOMNode()).on('show.bs.modal', function(e) { + var button = e.relatedTarget; + self.setState({ channel_id: $(button).attr('data-channelid') }); + }); + } + }, + getInitialState: function() { + return { channel_id: ChannelStore.getCurrentId() }; + }, + render: function() { + var channel = ChannelStore.get(this.state.channel_id); + + if (!channel) { + channel = {}; + channel.display_name = "No Channel Found"; + channel.name = "No Channel Found"; + channel.id = "No Channel Found"; + } + + return ( + <div className="modal fade" ref="modal" id="channel_info" 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" id="myModalLabel">{channel.display_name}</h4> + </div> + <div className="modal-body"> + <p><strong>Channel Name: </strong>{channel.display_name}</p> + <p><strong>Channel Handle: </strong>{channel.name}</p> + <p><strong>Channel ID: </strong>{channel.id}</p> + </div> + <div className="modal-footer"> + <button type="button" className="btn btn-default" data-dismiss="modal">Close</button> + </div> + </div> + </div> + </div> + ); + } +}); |