Move newsletters listing to right folder.
This commit is contained in:
@ -0,0 +1,75 @@
|
||||
define('newsletters', ['react', 'jquery', 'mailpoet'], function(React, jQuery, MailPoet) {
|
||||
|
||||
var Newsletter = React.createClass({
|
||||
send: function(e) {
|
||||
e.preventDefault();
|
||||
MailPoet.Ajax.post({
|
||||
endpoint: 'newsletters',
|
||||
action: 'send',
|
||||
data: this.props.newsletter.id,
|
||||
onSuccess: function(response) {
|
||||
alert('Sent!');
|
||||
},
|
||||
onError: function(response) {
|
||||
alert('Cannot send. Set the settings and add some subscribers!');
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
render: function() {
|
||||
return (
|
||||
<div className="newsletter">
|
||||
<p className="subject">
|
||||
{this.props.newsletter.subject} - <a href="" onClick={this.send}>
|
||||
Send
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
var NewslettersList = React.createClass({
|
||||
load: function() {
|
||||
MailPoet.Ajax.post({
|
||||
endpoint: 'newsletters',
|
||||
action: 'get',
|
||||
data: {},
|
||||
onSuccess: function(response) {
|
||||
this.setState({data: response});
|
||||
}.bind(this)
|
||||
});
|
||||
},
|
||||
|
||||
getInitialState: function() {
|
||||
return {data: []};
|
||||
},
|
||||
|
||||
componentDidMount: function() {
|
||||
this.load();
|
||||
setInterval(this.load, this.props.pollInterval);
|
||||
},
|
||||
|
||||
render: function() {
|
||||
var nodes = this.state.data.map(function (newsletter) {
|
||||
return (
|
||||
<Newsletter key={newsletter.id} newsletter={newsletter} />
|
||||
);
|
||||
});
|
||||
return (
|
||||
<div className="newslettersList">
|
||||
{nodes}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
var element = jQuery('#newsletters_list');
|
||||
|
||||
if(element.length > 0) {
|
||||
React.render(
|
||||
<NewslettersList pollInterval={2000} />,
|
||||
element[0]
|
||||
);
|
||||
}
|
||||
});
|
||||
|
@ -1,75 +0,0 @@
|
||||
define('newsletters', ['react', 'jquery', 'mailpoet'], function(React, jQuery, MailPoet) {
|
||||
|
||||
var Newsletter = React.createClass({
|
||||
send: function(e) {
|
||||
e.preventDefault();
|
||||
MailPoet.Ajax.post({
|
||||
endpoint: 'newsletters',
|
||||
action: 'send',
|
||||
data: this.props.newsletter.id,
|
||||
onSuccess: function(response) {
|
||||
alert('Sent!');
|
||||
},
|
||||
onError: function(response) {
|
||||
alert('Cannot send. Set the settings and add some subscribers!');
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
render: function() {
|
||||
return (
|
||||
<div className="newsletter">
|
||||
<p className="subject">
|
||||
{this.props.newsletter.subject} - <a href="" onClick={this.send}>
|
||||
Send
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
var NewslettersList = React.createClass({
|
||||
load: function() {
|
||||
MailPoet.Ajax.post({
|
||||
endpoint: 'newsletters',
|
||||
action: 'get',
|
||||
data: {},
|
||||
onSuccess: function(response) {
|
||||
this.setState({data: response});
|
||||
}.bind(this)
|
||||
});
|
||||
},
|
||||
|
||||
getInitialState: function() {
|
||||
return {data: []};
|
||||
},
|
||||
|
||||
componentDidMount: function() {
|
||||
this.load();
|
||||
setInterval(this.load, this.props.pollInterval);
|
||||
},
|
||||
|
||||
render: function() {
|
||||
var nodes = this.state.data.map(function (newsletter) {
|
||||
return (
|
||||
<Newsletter key={newsletter.id} newsletter={newsletter} />
|
||||
);
|
||||
});
|
||||
return (
|
||||
<div className="newslettersList">
|
||||
{nodes}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
var element = jQuery('#newsletters_list');
|
||||
|
||||
if(element.length > 0) {
|
||||
React.render(
|
||||
<NewslettersList pollInterval={2000} />,
|
||||
element[0]
|
||||
);
|
||||
}
|
||||
});
|
||||
|
Reference in New Issue
Block a user