Ghost/ghost/admin/app/components/modals/newsletters/edit.hbs

65 lines
3.4 KiB
Handlebars
Raw Normal View History

<div class="modal-content" data-test-modal="edit-newsletter">
2022-04-04 21:26:49 +03:00
<div class="modal-body modal-fullsettings">
<div class="modal-fullsettings-body gh-newsletters-labs">
<div class="modal-fullsettings-sidebar-labs">
<h2 class="modal-fullsettings-heading-labs">
{{if @data.newsletter.isNew "Create" "Edit"}} newsletter
</h2>
<div class="modal-fullsettings-body-labs">
<div class="modal-fullsettings-top">
<Modals::Newsletters::Edit::Settings @newsletter={{@data.newsletter}} @openSection={{this.openSection}} @toggleSection={{this.toggleSection}} />
<Modals::Newsletters::Edit::Design @newsletter={{@data.newsletter}} @openSection={{this.openSection}} @toggleSection={{this.toggleSection}} />
</div>
<div class="modal-fullsettings-bottom">
<div class="modal-fullsettings-footer">
<GhFormGroup>
<div class="gh-members-emailsettings-promotelabel">
<span>{{svg-jar "heart"}}</span>
<div>
<h4 class="modal-fullsettings-title">Promote independent publishing</h4>
<p>Show youre a part of the indie publishing movement with a small badge in the footer</p>
</div>
</div>
<div class="for-switch small">
<label
class="switch"
for="promote-ghost"
>
<input
type="checkbox"
checked={{@data.newsletter.showBadge}}
id="promote-ghost"
name="promote-ghost"
{{on "click" (fn this.toggleSetting "showBadge")}}
>
<span class="input-toggle-component"></span>
</label>
</div>
</GhFormGroup>
</div>
</div>
2022-04-04 21:26:49 +03:00
</div>
</div>
<div class="modal-fullsettings-main">
<div class="modal-fullsettings-main-topbar-labs">
<button class="gh-btn mr3" type="button" {{on "click" @close}} data-test-button="cancel-newsletter">
<span>Cancel</span>
</button>
<GhTaskButton
@buttonText="Save and close"
@successText="Saved"
@task={{this.saveTask}}
@idleClass="gh-btn-primary"
@class="gh-btn gh-btn-icon"
{{on-key "cmd+s" this.saveViaKeyboard priority=1}}
data-test-button="save-newsletter"
/>
</div>
<Modals::Newsletters::Edit::Preview @newsletter={{@data.newsletter}} />
2022-04-04 21:26:49 +03:00
</div>
</div>
</div>
</div>