Ghost/ghost/admin/app/components/settings/email-default-recipients.hbs
Kevin Ansfield cb3b01c020 Extracted individual members setting blocks into components
no issue

- the membership setting screen will be covering a lot of areas, having individual settings as discrete components allows for easier re-organisation and cleaner parent templates and controllers
2021-05-14 15:01:50 +01:00

60 lines
2.8 KiB
Handlebars

<div class="gh-expandable-block">
<h4 class="gh-expandable-header">
<div>
<h4 class="gh-expandable-title">Default newsletter recipients</h4>
<p class="gh-expandable-description">Who do you usually want to send emails to?</p>
</div>
<button type="button" class="gh-btn" {{on "click" @toggleExpansion}} data-test-toggle="post-access"><span>{{if @expanded "Close" "Expand"}}</span></button>
</h4>
<div class="gh-expandable-content">
{{#liquid-if @expanded}}
<div class="flex flex-column w-50">
<div class="{{if this.isDisabled "disabled-overlay"}}">
<div
class="gh-radio member-segments {{if this.isSegmentSelected "active"}}"
{{on "click" (fn this.setDefaultEmailRecipients "segment")}}
>
<div class="gh-radio-button"></div>
<div class="gh-radio-content">
<div class="gh-radio-label">Send emails to</div>
<div class="gh-radio-desc select-members">
<GhMembersSegmentSelect
@segment={{this.settings.editorDefaultEmailRecipientsFilter}}
@onChange={{this.setDefaultEmailRecipientsFilter}}
@enforcedCountFilter="subscribed:true"
/>
</div>
</div>
</div>
<div
class="gh-radio {{if this.isVisibilitySelected "active"}}"
{{on "click" (fn this.setDefaultEmailRecipients "visibility")}}
>
<div class="gh-radio-button"></div>
<div class="gh-radio-content">
<div class="gh-radio-label">Match post access level</div>
</div>
</div>
<div
class="gh-radio {{if this.isNobodySelected "active"}}"
{{on "click" (fn this.setDefaultEmailRecipients "none")}}
>
<div class="gh-radio-button"></div>
<div class="gh-radio-content">
<div class="gh-radio-label">Nobody</div>
</div>
</div>
<div
class="gh-radio {{if this.isDisabledSelected "active"}}"
{{on "click" (fn this.setDefaultEmailRecipients "disabled")}}
>
<div class="gh-radio-button"></div>
<div class="gh-radio-content">
<div class="gh-radio-label">Disabled</div>
</div>
</div>
</div>
</div>
{{/liquid-if}}
</div>
</div>