50 lines
2.2 KiB
JavaScript
50 lines
2.2 KiB
JavaScript
const { Component } = require('inferno');
|
|
const { cacheComponent } = require('../util/cache');
|
|
|
|
class SubscribeEmail extends Component {
|
|
render() {
|
|
const { title, description, feedburnerId, buttonTitle } = this.props;
|
|
|
|
return <div class="card widget">
|
|
<div class="card-content">
|
|
<div class="menu">
|
|
<h3 class="menu-label">{title}</h3>
|
|
<div>
|
|
<form action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow"
|
|
onsubmit={`window.open('https://feedburner.google.com/fb/a/mailverify?uri=${feedburnerId}','popupwindow','scrollbars=yes,width=550,height=520');return true`}>
|
|
<input type="hidden" value={feedburnerId} name="uri" />
|
|
<input type="hidden" name="loc" value="en_US" />
|
|
<div class="field">
|
|
<div class="control has-icons-left">
|
|
<input class="input" name="email" type="email" />
|
|
<span class="icon is-small is-left">
|
|
<i class="fas fa-envelope"></i>
|
|
</span>
|
|
</div>
|
|
<p class="help">{description}</p>
|
|
</div>
|
|
<div class="field is-grouped is-grouped-right">
|
|
<div class="control">
|
|
<input class="button is-link" type="submit" value={buttonTitle} />
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>;
|
|
}
|
|
}
|
|
|
|
module.exports = cacheComponent(SubscribeEmail, 'widget.subscribeemail', props => {
|
|
const { helper, widget } = props;
|
|
const { feedburner_id, description } = widget;
|
|
|
|
return {
|
|
description,
|
|
feedburnerId: feedburner_id,
|
|
title: helper.__('widget.email.title'),
|
|
buttonTitle: helper.__('widget.email.button')
|
|
};
|
|
});
|