2021-05-21 20:22:01 +03:00
|
|
|
<div class="gh-publishmenu-send-to-option">
|
|
|
|
<p>Free members <span class="gh-publishmenu-emailcount">{{this.freeMemberCountLabel}}</span></p>
|
2021-06-08 15:07:16 +03:00
|
|
|
<div class="for-switch x-small {{if @disabled "disabled"}}" {{on "click" (fn this.toggleFilter "status:free")}}>
|
2021-05-21 20:22:01 +03:00
|
|
|
<label class="switch" for="send-email-to-free">
|
|
|
|
<input
|
|
|
|
id="send-email-to-free"
|
|
|
|
type="checkbox"
|
|
|
|
class="gh-input post-settings-featured"
|
|
|
|
checked={{this.isFreeChecked}}
|
|
|
|
disabled={{@disabled}}
|
|
|
|
data-test-checkbox="free-members"
|
|
|
|
>
|
|
|
|
<span class="input-toggle-component"></span>
|
|
|
|
</label>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{{#if this.isPaidAvailable}}
|
|
|
|
<div class="gh-publishmenu-send-to-option">
|
|
|
|
<p>Paid members <span class="gh-publishmenu-emailcount">{{this.paidMemberCountLabel}}</span></p>
|
2021-06-08 15:07:16 +03:00
|
|
|
<div class="for-switch x-small {{if @disabled "disabled"}}" {{on "click" (fn this.toggleFilter "status:-free")}}>
|
2021-05-21 20:22:01 +03:00
|
|
|
<label class="switch" for="send-email-to-paid">
|
|
|
|
<input
|
|
|
|
id="send-email-to-paid"
|
|
|
|
type="checkbox"
|
|
|
|
class="gh-input post-settings-featured"
|
|
|
|
checked={{this.isPaidChecked}}
|
|
|
|
disabled={{@disabled}}
|
|
|
|
data-test-checkbox="paid-members"
|
|
|
|
>
|
|
|
|
<span class="input-toggle-component"></span>
|
|
|
|
</label>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{{/if}}
|
|
|
|
{{#if this.specificOptions}}
|
|
|
|
<div class="gh-publishmenu-send-to-option">
|
|
|
|
<p>Specific people</p>
|
2021-06-08 15:07:16 +03:00
|
|
|
<div class="for-switch x-small {{if @disabled "disabled"}}" {{on "click" this.toggleSpecificFilter}}>
|
2021-05-21 20:22:01 +03:00
|
|
|
<label class="switch" for="send-email-to-paid">
|
|
|
|
<input
|
|
|
|
id="send-email-to-paid"
|
|
|
|
type="checkbox"
|
|
|
|
class="gh-input post-settings-featured"
|
|
|
|
checked={{this.isSpecificChecked}}
|
|
|
|
disabled={{@disabled}}
|
|
|
|
{{on "click" this.toggleSpecificFilter}}
|
|
|
|
data-test-checkbox="paid-members"
|
|
|
|
>
|
|
|
|
<span class="input-toggle-component"></span>
|
|
|
|
</label>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{{#if this.isSpecificChecked}}
|
|
|
|
<GhTokenInput
|
2021-08-23 13:45:17 +03:00
|
|
|
@class="select-members select-members-recipient"
|
2021-05-21 20:22:01 +03:00
|
|
|
@options={{this.specificOptions}}
|
|
|
|
@selected={{this.selectedSpecificOptions}}
|
|
|
|
@disabled={{@disabled}}
|
|
|
|
@searchMessage="All labels selected"
|
|
|
|
@optionsComponent="power-select/options"
|
|
|
|
@allowCreation={{false}}
|
|
|
|
@renderInPlace={{true}}
|
|
|
|
@onChange={{this.selectSpecificOptions}}
|
|
|
|
as |option|
|
|
|
|
>
|
|
|
|
{{option.name}}
|
|
|
|
</GhTokenInput>
|
|
|
|
{{/if}}
|
2021-08-23 13:45:17 +03:00
|
|
|
{{/if}}
|