mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-02 08:13:34 +03:00
6e0be9e175
refs https://github.com/TryGhost/Team/issues/1441 - switched "leave settings" confirmation modal on members email settings screen over to modern modal pattern - removed unused `showEmailDesignSettings` property and `closeEmailDesignSettings()` action on `<Settings::MembersEmailLabs>` component - the used property and action live on the controller, looks like it was a copy/paste hangover when functionality was moved to a component - added newsletter model - includes design-related attributes which are not yet supported by the API but are due to be added - includes `default` attribute but there is no setting for it, due to be removed from the API but it's needed for save not to error for now - set up basic mirage model and endpoints - added validation for main settings to match API validation - added `EditNewsletter` modal - separate tabs for general newsletter settings and design-related settings - used for both creating and editing newsletters - added `/settings/members-email/newsletters/new` and `/settings/members-email/newsletters/:id` routes - both display the `EditNewsletter` modal on top of the members-email settings screen with the appropriate newsletter model - updated `<Settings::MembersEmailLabs::NewsletterManagement>` component to work with real newsletter model instances and the new add/edit routes - removed now-unused `newsletter` service that was providing mocked data for earlier design iteration
43 lines
1.9 KiB
Handlebars
43 lines
1.9 KiB
Handlebars
<div class="modal-content">
|
|
<div class="modal-body modal-fullsettings">
|
|
<div class="flex items-center justify-between w-100 modal-fullsettings-topbar">
|
|
<h2 class="modal-fullsettings-heading">
|
|
{{if @data.newsletter.isNew "Add" "Edit"}} newsletter
|
|
</h2>
|
|
<div class="flex items-center">
|
|
<button class="gh-btn mr3" type="button" {{on "click" @close}}>
|
|
<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>
|
|
</div>
|
|
|
|
<div class="modal-fullsettings-body">
|
|
<div class="modal-fullsettings-sidebar with-footer">
|
|
<div class="gh-btn-group">
|
|
<button type="button" class="gh-btn gh-btn-icon {{if (eq this.tab "settings") "gh-btn-group-selected"}}" {{on "click" (fn this.changeTab "settings")}}><span>Settings</span></button>
|
|
<button type="button" class="gh-btn gh-btn-icon {{if (eq this.tab "design") "gh-btn-group-selected"}}" {{on "click" (fn this.changeTab "design")}}><span>Design</span></button>
|
|
</div>
|
|
|
|
{{#if (eq this.tab "settings")}}
|
|
<Modals::EditNewsletter::Settings @newsletter={{@data.newsletter}} />
|
|
{{else}}
|
|
<Modals::EditNewsletter::Design @newsletter={{@data.newsletter}} />
|
|
{{/if}}
|
|
</div>
|
|
|
|
<div class="modal-fullsettings-main">
|
|
<Modals::EditNewsletter::Preview @newsletter={{@data.newsletter}} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |