Move newsletters listing to right folder.

This commit is contained in:
marco
2015-08-26 16:18:23 +02:00
parent 122478ad9f
commit 42fce973e1
2 changed files with 75 additions and 75 deletions

View File

@ -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]
);
}
});

View File

@ -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]
);
}
});