Ghost/ghost/admin/app/templates/components/gh-publishmenu.hbs
Aileen Nowak c478564513 🎨 Publish menu wording and saving states improvements (#788)
closes TryGhost/Ghost#8696

- Changes the `gh-save-button` component to allow a custom `runningText` which would be rendered in the button when the current task is running.
- Adds a `runningText` CP to `gh-publishmenu` component, which will render (depending of post status and desired save type) 'Unpublishing', 'Publishing', 'Scheduling', 'Updating', 'Unpublishing', 'Rescheduling', and 'Unscheduling'.
2017-07-20 11:46:31 +01:00

43 lines
1.6 KiB
Handlebars

{{#basic-dropdown verticalPosition="below" onOpen=(action "open") onClose=(action "close") as |dd|}}
{{#dd.trigger class="gh-btn gh-btn-outline gh-publishmenu-trigger"}}
<span data-test-publishmenu-trigger>{{triggerText}} {{inline-svg "arrow-down"}}</span>
{{/dd.trigger}}
{{#dd.content class="gh-publishmenu-dropdown"}}
{{#if (eq postState "published")}}
{{gh-publishmenu-published
saveType=saveType
setSaveType=(action "setSaveType")}}
{{else if (eq postState "scheduled")}}
{{gh-publishmenu-scheduled
post=post
saveType=saveType
isClosing=isClosing
setSaveType=(action "setSaveType")}}
{{else}}
{{gh-publishmenu-draft
post=post
saveType=saveType
setSaveType=(action "setSaveType")}}
{{/if}}
{{!--
save button needs to be outside of menu components so it doesn't lose state
or cancel the task when the post status updates and switches components
--}}
<footer class="gh-publishmenu-footer">
<button class="gh-btn gh-btn-outline gh-btn-link" {{action dd.actions.close}} data-test-publishmenu-cancel>
<span>Cancel</span>
</button>
{{gh-task-button buttonText
task=save
successText=successText
runningText=runningText
class="gh-btn gh-btn-blue gh-publishmenu-button gh-btn-icon"
data-test-publishmenu-save=true}}
</footer>
{{/dd.content}}
{{/basic-dropdown}}