Reformatted get_link_modal.jsx to meet style guide requirements.
Этот коммит содержится в:
JoramWilander
@@ -5,66 +5,120 @@ var UserStore = require('../stores/user_store.jsx');
|
||||
var ZeroClipboardMixin = require('react-zeroclipboard-mixin');
|
||||
|
||||
ZeroClipboardMixin.ZeroClipboard.config({
|
||||
swfPath: '../../static/flash/ZeroClipboard.swf'
|
||||
swfPath: '../../static/flash/ZeroClipboard.swf'
|
||||
});
|
||||
|
||||
module.exports = React.createClass({
|
||||
displayName: 'GetLinkModal',
|
||||
zeroclipboardElementsSelector: '[data-copy-btn]',
|
||||
mixins: [ZeroClipboardMixin],
|
||||
componentDidMount: function() {
|
||||
export default class GetLinkModal extends React.Component {
|
||||
constructor(props) {
|
||||
super(props);
|
||||
|
||||
this.zeroclipboardElementsSelector = '[data-copy-btn]';
|
||||
this.mixins = [ZeroClipboardMixin];
|
||||
|
||||
this.handleClick = this.handleClick.bind(this);
|
||||
|
||||
this.state = {copiedLink: false};
|
||||
}
|
||||
componentDidMount() {
|
||||
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')});
|
||||
});
|
||||
$(this.refs.modal.getDOMNode()).on('hide.bs.modal', function() {
|
||||
self.setState({copiedLink: false});
|
||||
});
|
||||
$(this.refs.modal.getDOMNode()).on('show.bs.modal', function show(e) {
|
||||
var button = e.relatedTarget;
|
||||
self.setState({title: $(button).attr('data-title'), value: $(button).attr('data-value')});
|
||||
});
|
||||
$(this.refs.modal.getDOMNode()).on('hide.bs.modal', function hide() {
|
||||
self.setState({copiedLink: false});
|
||||
});
|
||||
}
|
||||
},
|
||||
getInitialState: function() {
|
||||
return {copiedLink: false};
|
||||
},
|
||||
handleClick: function() {
|
||||
this.setState({copiedLink: true});
|
||||
},
|
||||
render: function() {
|
||||
}
|
||||
handleClick() {
|
||||
var copyTextarea = $(React.findDOMNode(this.refs.textarea));
|
||||
copyTextarea.select();
|
||||
|
||||
try {
|
||||
var successful = document.execCommand('copy');
|
||||
if (successful) {
|
||||
this.setState({copiedLink: true});
|
||||
} else {
|
||||
this.setState({copiedLink: false});
|
||||
}
|
||||
} catch (err) {
|
||||
this.setState({copiedLink: false});
|
||||
}
|
||||
}
|
||||
render() {
|
||||
var currentUser = UserStore.getCurrentUser();
|
||||
var copyLinkConfirm = null;
|
||||
|
||||
if (this.state.copiedLink) {
|
||||
copyLinkConfirm = <p className='alert alert-success copy-link-confirm'><i className="fa fa-check"></i> Link copied to clipboard.</p>;
|
||||
copyLinkConfirm = <p className='alert alert-success copy-link-confirm'><i className='fa fa-check'></i> Link copied to clipboard.</p>;
|
||||
}
|
||||
|
||||
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
|
||||
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>
|
||||
Send {strings.Team + 'mates'} the link below for them to sign-up to this {strings.Team} site.
|
||||
<br /><br />
|
||||
Be careful not to share this link publicly, since anyone with the link can join your {strings.Team}.
|
||||
</p>
|
||||
<textarea
|
||||
className='form-control no-resize'
|
||||
readOnly='true'
|
||||
ref='textarea'
|
||||
value={this.state.value}
|
||||
/>
|
||||
</div>
|
||||
<div className='modal-footer'>
|
||||
<button
|
||||
type='button'
|
||||
className='btn btn-default'
|
||||
data-dismiss='modal'
|
||||
>
|
||||
Close
|
||||
</button>
|
||||
<button
|
||||
data-copy-btn='true'
|
||||
type='button'
|
||||
className='btn btn-primary pull-left'
|
||||
onClick={this.handleClick}
|
||||
data-clipboard-text={this.state.value}
|
||||
>
|
||||
Copy Link
|
||||
</button>
|
||||
{copyLinkConfirm}
|
||||
</div>
|
||||
</div>
|
||||
<div className='modal-body'>
|
||||
<p>
|
||||
Send {strings.Team + 'mates'} the link below for them to sign-up to this {strings.Team} site.
|
||||
<br /><br />
|
||||
Be careful not to share this link publicly, since anyone with the link can join your {strings.Team}.
|
||||
</p>
|
||||
<textarea className='form-control no-resize' 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='true' type='button' className='btn btn-primary pull-left' onClick={this.handleClick} data-clipboard-text={this.state.value}>Copy Link</button>
|
||||
{copyLinkConfirm}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
return <div/>;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
Ссылка в новой задаче
Block a user