mirror of
https://github.com/TryGhost/Ghost.git
synced 2025-03-18 02:21:47 -05:00
Added toggle for donation email notifications
refs https://github.com/TryGhost/Product/issues/3692
This commit is contained in:
Simon Backx
Simon Backx
parent
66675a1383
commit
97580a3cd8
3 changed files with 126 additions and 97 deletions
|
|
@ -221,6 +221,11 @@ export default class UserController extends Controller {
|
|||
this.user.milestoneNotifications = event.target.checked;
|
||||
}
|
||||
|
||||
@action
|
||||
toggleDonationNotifications(event) {
|
||||
this.user.donationNotifications = event.target.checked;
|
||||
}
|
||||
|
||||
@action
|
||||
toggleMemberEmailAlerts(type, event) {
|
||||
if (type === 'free-signup') {
|
||||
|
|
|
|||
|
|
@ -43,6 +43,7 @@ export default BaseModel.extend(ValidationEngine, {
|
|||
paidSubscriptionCanceledNotification: attr(),
|
||||
mentionNotifications: attr(),
|
||||
milestoneNotifications: attr(),
|
||||
donationNotifications: attr(),
|
||||
ghostPaths: service(),
|
||||
ajax: service(),
|
||||
session: service(),
|
||||
|
|
|
|||
|
|
@ -265,107 +265,130 @@
|
|||
</div>
|
||||
</div>
|
||||
{{#if this.user.isAdmin}}
|
||||
{{#if (feature 'webmentions')}}
|
||||
<div class="user-setting-toggle">
|
||||
<div>
|
||||
<label for="user-email">Mentions</label>
|
||||
<p>Every time another site links to your work.</p>
|
||||
{{#if (feature 'webmentions')}}
|
||||
<div class="user-setting-toggle">
|
||||
<div>
|
||||
<label for="user-email">Mentions</label>
|
||||
<p>Every time another site links to your work.</p>
|
||||
</div>
|
||||
<div class="for-switch small">
|
||||
<label class="switch" for="mention-notifications" data-test-label="mention-notifications">
|
||||
<input
|
||||
id="mention-notifications"
|
||||
type="checkbox"
|
||||
checked={{this.user.mentionNotifications}}
|
||||
class="gh-input"
|
||||
{{on "change" this.toggleMentionNotifications}}
|
||||
data-test-checkbox="mention-notifications"
|
||||
>
|
||||
<span class="input-toggle-component"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="for-switch small">
|
||||
<label class="switch" for="mention-notifications" data-test-label="mention-notifications">
|
||||
<input
|
||||
id="mention-notifications"
|
||||
type="checkbox"
|
||||
checked={{this.user.mentionNotifications}}
|
||||
class="gh-input"
|
||||
{{on "change" this.toggleMentionNotifications}}
|
||||
data-test-checkbox="mention-notifications"
|
||||
>
|
||||
<span class="input-toggle-component"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
{{/if}}
|
||||
{{#if this.canToggleMemberAlerts}}
|
||||
<div class="user-setting-toggle">
|
||||
<div>
|
||||
<label for="user-email">New signups</label>
|
||||
<p>Every time a new free member signs up</p>
|
||||
</div>
|
||||
<div class="for-switch small">
|
||||
<label class="switch" for="free-signup-notifications" data-test-label="free-signup-notifications">
|
||||
<input
|
||||
id="free-signup-notifications"
|
||||
type="checkbox"
|
||||
checked={{this.user.freeMemberSignupNotification}}
|
||||
class="gh-input"
|
||||
{{on "change" (fn this.toggleMemberEmailAlerts 'free-signup')}}
|
||||
data-test-checkbox="free-signup-notifications"
|
||||
>
|
||||
<span class="input-toggle-component"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
{{#if this.membersUtils.paidMembersEnabled}}
|
||||
<div class="user-setting-toggle">
|
||||
<div>
|
||||
<label for="user-email">New paid members</label>
|
||||
<p>Every time a member starts a new paid subscription</p>
|
||||
</div>
|
||||
<div class="for-switch small">
|
||||
<label class="switch" for="paid-started-notifications" data-test-label="paid-started-notifications">
|
||||
<input
|
||||
id="paid-started-notifications"
|
||||
type="checkbox"
|
||||
checked={{this.user.paidSubscriptionStartedNotification}}
|
||||
class="gh-input"
|
||||
{{on "change" (fn this.toggleMemberEmailAlerts 'paid-started')}}
|
||||
data-test-checkbox="paid-started-notifications"
|
||||
>
|
||||
<span class="input-toggle-component"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="user-setting-toggle">
|
||||
<div>
|
||||
<label for="user-email">Paid member cancellations</label>
|
||||
<p>Every time a member cancels their paid subscription</p>
|
||||
</div>
|
||||
<div class="for-switch small">
|
||||
<label class="switch" for="paid-canceled-notifications" data-test-label="paid-canceled-notifications">
|
||||
<input
|
||||
id="paid-canceled-notifications"
|
||||
type="checkbox"
|
||||
checked={{this.user.paidSubscriptionCanceledNotification}}
|
||||
class="gh-input"
|
||||
{{on "change" (fn this.toggleMemberEmailAlerts 'paid-canceled')}}
|
||||
data-test-checkbox="paid-canceled-notifications"
|
||||
>
|
||||
<span class="input-toggle-component"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
{{/if}}
|
||||
<div class="user-setting-toggle">
|
||||
<div>
|
||||
<label for="user-email">Milestones</label>
|
||||
<p>Occasional summaries of your audience & revenue growth</p>
|
||||
{{#if this.canToggleMemberAlerts}}
|
||||
<div class="user-setting-toggle">
|
||||
<div>
|
||||
<label for="user-email">New signups</label>
|
||||
<p>Every time a new free member signs up</p>
|
||||
</div>
|
||||
<div class="for-switch small">
|
||||
<label class="switch" for="free-signup-notifications" data-test-label="free-signup-notifications">
|
||||
<input
|
||||
id="free-signup-notifications"
|
||||
type="checkbox"
|
||||
checked={{this.user.freeMemberSignupNotification}}
|
||||
class="gh-input"
|
||||
{{on "change" (fn this.toggleMemberEmailAlerts 'free-signup')}}
|
||||
data-test-checkbox="free-signup-notifications"
|
||||
>
|
||||
<span class="input-toggle-component"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="for-switch small">
|
||||
<label class="switch" for="milestone-notifications" data-test-label="milestone-notifications">
|
||||
<input
|
||||
id="milestone-notifications"
|
||||
type="checkbox"
|
||||
checked={{this.user.milestoneNotifications}}
|
||||
class="gh-input"
|
||||
{{on "change" this.toggleMilestoneNotifications}}
|
||||
data-test-checkbox="milestone-notifications"
|
||||
>
|
||||
<span class="input-toggle-component"></span>
|
||||
</label>
|
||||
{{#if this.membersUtils.paidMembersEnabled}}
|
||||
<div class="user-setting-toggle">
|
||||
<div>
|
||||
<label for="user-email">New paid members</label>
|
||||
<p>Every time a member starts a new paid subscription</p>
|
||||
</div>
|
||||
<div class="for-switch small">
|
||||
<label class="switch" for="paid-started-notifications" data-test-label="paid-started-notifications">
|
||||
<input
|
||||
id="paid-started-notifications"
|
||||
type="checkbox"
|
||||
checked={{this.user.paidSubscriptionStartedNotification}}
|
||||
class="gh-input"
|
||||
{{on "change" (fn this.toggleMemberEmailAlerts 'paid-started')}}
|
||||
data-test-checkbox="paid-started-notifications"
|
||||
>
|
||||
<span class="input-toggle-component"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="user-setting-toggle">
|
||||
<div>
|
||||
<label for="user-email">Paid member cancellations</label>
|
||||
<p>Every time a member cancels their paid subscription</p>
|
||||
</div>
|
||||
<div class="for-switch small">
|
||||
<label class="switch" for="paid-canceled-notifications" data-test-label="paid-canceled-notifications">
|
||||
<input
|
||||
id="paid-canceled-notifications"
|
||||
type="checkbox"
|
||||
checked={{this.user.paidSubscriptionCanceledNotification}}
|
||||
class="gh-input"
|
||||
{{on "change" (fn this.toggleMemberEmailAlerts 'paid-canceled')}}
|
||||
data-test-checkbox="paid-canceled-notifications"
|
||||
>
|
||||
<span class="input-toggle-component"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
{{/if}}
|
||||
{{#if this.membersUtils.isStripeEnabled}}
|
||||
{{#if (feature 'tipsAndDonations')}}
|
||||
<div class="user-setting-toggle">
|
||||
<div>
|
||||
<label for="user-email">Tips & donations</label>
|
||||
<p>Every time you receive a donation.</p>
|
||||
</div>
|
||||
<div class="for-switch small">
|
||||
<label class="switch" for="donation-notifications" data-test-label="donation-notifications">
|
||||
<input
|
||||
id="donation-notifications"
|
||||
type="checkbox"
|
||||
checked={{this.user.donationNotifications}}
|
||||
class="gh-input"
|
||||
{{on "change" this.toggleDonationNotifications}}
|
||||
data-test-checkbox="donation-notifications"
|
||||
>
|
||||
<span class="input-toggle-component"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
<div class="user-setting-toggle">
|
||||
<div>
|
||||
<label for="user-email">Milestones</label>
|
||||
<p>Occasional summaries of your audience & revenue growth</p>
|
||||
</div>
|
||||
<div class="for-switch small">
|
||||
<label class="switch" for="milestone-notifications" data-test-label="milestone-notifications">
|
||||
<input
|
||||
id="milestone-notifications"
|
||||
type="checkbox"
|
||||
checked={{this.user.milestoneNotifications}}
|
||||
class="gh-input"
|
||||
{{on "change" this.toggleMilestoneNotifications}}
|
||||
data-test-checkbox="milestone-notifications"
|
||||
>
|
||||
<span class="input-toggle-component"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
</GhFormGroup>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue