diff options
author | =Corey Hulen <corey@hulen.com> | 2015-06-14 23:53:32 -0800 |
---|---|---|
committer | =Corey Hulen <corey@hulen.com> | 2015-06-14 23:53:32 -0800 |
commit | cf7a05f80f68b5b1c8bcc0089679dd497cec2506 (patch) | |
tree | 70007378570a6962d7c175ca96af732b71aeb6da /web/react/components/get_link_modal.jsx | |
download | chat-cf7a05f80f68b5b1c8bcc0089679dd497cec2506.tar.gz chat-cf7a05f80f68b5b1c8bcc0089679dd497cec2506.tar.bz2 chat-cf7a05f80f68b5b1c8bcc0089679dd497cec2506.zip |
first commit
Diffstat (limited to 'web/react/components/get_link_modal.jsx')
-rw-r--r-- | web/react/components/get_link_modal.jsx | 55 |
1 files changed, 55 insertions, 0 deletions
diff --git a/web/react/components/get_link_modal.jsx b/web/react/components/get_link_modal.jsx new file mode 100644 index 000000000..334591ee3 --- /dev/null +++ b/web/react/components/get_link_modal.jsx @@ -0,0 +1,55 @@ +// Copyright (c) 2015 Spinpunch, Inc. All Rights Reserved. +// See License.txt for license information. + +var UserStore = require('../stores/user_store.jsx'); +var ZeroClipboardMixin = require('react-zeroclipboard-mixin'); + +ZeroClipboardMixin.ZeroClipboard.config({ + swfPath: '../../static/flash/ZeroClipboard.swf' +}); + +module.exports = React.createClass({ + zeroclipboardElementsSelector: '[data-copy-btn]', + mixins: [ ZeroClipboardMixin ], + 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({title: $(button).attr('data-title'), value: $(button).attr('data-value') }); + }); + } + }, + getInitialState: function() { + return { }; + }, + render: function() { + var currentUser = UserStore.getCurrentUser() + + if (currentUser != null) { + return ( + <div className="modal fade" ref="modal" id="get_link" 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">{this.state.title} Link</h4> + </div> + <div className="modal-body"> + <p>{"The link below is used for open " + strings.TeamPlural + " or if you allowed your " + strings.Team + " members to sign up using their " + strings.Company + " email addresses."} + </p> + <textarea className="form-control" readOnly="true" value={this.state.value}></textarea> + </div> + <div className="modal-footer"> + <button type="button" className="btn btn-default" data-dismiss="modal">Close</button> + <button data-copy-btn type="button" className="btn btn-primary" data-clipboard-text={this.state.value}>Copy Link</button> + </div> + </div> + </div> + </div> + ); + } else { + return <div/>; + } + } +}); |