mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-11-30 11:54:33 +03:00
63b1e4e8ad
no issue
- in many places we were passing a string as an argument to a `<PowerSelect>` related component that referred to a component name, that was throwing deprecation warnings because those strings were used dynamically with `{{component}}` later on which isn't statically analyzable
- switched to passing a component explicitly with `{{component}}`
- https://github.com/embroider-build/embroider/blob/main/REPLACING-COMPONENT-HELPER.md#when-youre-passing-a-component-to-someone-else
98 lines
4.4 KiB
Handlebars
98 lines
4.4 KiB
Handlebars
<div class="gh-publish-send-to {{if this.isSpecificChecked "mb4"}}">
|
|
<div class="gh-publish-send-to-option">
|
|
<div class="for-checkbox {{if @disabled "disabled"}}">
|
|
<label class="checkbox" for="send-email-to-free">
|
|
<input
|
|
id="send-email-to-free"
|
|
type="checkbox"
|
|
class="gh-input post-settings-featured"
|
|
checked={{this.isFreeChecked}}
|
|
disabled={{@disabled}}
|
|
aria-label="Free members toggle"
|
|
{{on "change" (fn this.toggleFilter "status:free")}}
|
|
data-test-checkbox="free-members"
|
|
>
|
|
<div class="flex">
|
|
<span class="input-toggle-component"></span>
|
|
<p>
|
|
Free
|
|
{{#let (members-count-fetcher query=(hash filter=(concat @newsletter.recipientFilter "+status:free"))) as |countFetcher|}}
|
|
{{#if (not (is-empty countFetcher.count))}}
|
|
<span class="gh-publish-emailcount" data-test-email-count="free-members">({{format-number countFetcher.count}})</span>
|
|
{{/if}}
|
|
{{/let}}
|
|
</p>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
{{#if this.isPaidAvailable}}
|
|
<div class="gh-publish-send-to-option">
|
|
<div class="for-checkbox {{if @disabled "disabled"}}">
|
|
<label class="checkbox" for="send-email-to-paid">
|
|
<input
|
|
id="send-email-to-paid"
|
|
type="checkbox"
|
|
class="gh-input post-settings-featured"
|
|
checked={{this.isPaidChecked}}
|
|
disabled={{@disabled}}
|
|
aria-label="Paid members toggle"
|
|
{{on "change" (fn this.toggleFilter "status:-free")}}
|
|
data-test-checkbox="paid-members"
|
|
>
|
|
<div class="flex">
|
|
<span class="input-toggle-component"></span>
|
|
<p>
|
|
Paid
|
|
{{#let (members-count-fetcher query=(hash filter=(concat @newsletter.recipientFilter "+status:-free"))) as |countFetcher|}}
|
|
{{#if (not (is-empty countFetcher.count))}}
|
|
<span class="gh-publish-emailcount" data-test-email-count="paid-members">({{format-number countFetcher.count}})</span>
|
|
{{/if}}
|
|
{{/let}}
|
|
</p>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
{{/if}}
|
|
{{#if this.specificOptions}}
|
|
<div class="gh-publish-send-to-option">
|
|
<div class="for-checkbox {{if @disabled "disabled"}}">
|
|
<label class="checkbox" for="send-email-to-specific">
|
|
<input
|
|
id="send-email-to-specific"
|
|
type="checkbox"
|
|
class="gh-input post-settings-featured"
|
|
checked={{this.isSpecificChecked}}
|
|
disabled={{@disabled}}
|
|
aria-label="Specific people toggle"
|
|
{{on "change" this.toggleSpecificFilter}}
|
|
data-test-checkbox="paid-members"
|
|
>
|
|
<div class="flex">
|
|
<span class="input-toggle-component"></span>
|
|
<p>Specific people</p>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
{{/if}}
|
|
</div>
|
|
{{#if this.isSpecificChecked}}
|
|
<label class="gh-main-section-header small bn">Selection</label>
|
|
<GhTokenInput
|
|
@class="select-members select-members-recipient"
|
|
@dropdownClass={{@dropdownClass}}
|
|
@options={{this.specificOptions}}
|
|
@selected={{this.selectedSpecificOptions}}
|
|
@disabled={{@disabled}}
|
|
@searchMessage="All labels selected"
|
|
@optionsComponent={{component "power-select/options"}}
|
|
@allowCreation={{false}}
|
|
@renderInPlace={{this.renderInPlace}}
|
|
@onChange={{this.selectSpecificOptions}}
|
|
as |option|
|
|
>
|
|
{{option.name}}
|
|
</GhTokenInput>
|
|
{{/if}} |