Ghost/ghost/admin/app/templates/launch.hbs
Kevin Ansfield 8525fd701a Updated launch wizard to use new design preview
refs e75720d390

- changed "Save and exit" to just "Exit" because it doesn't save anything
- updated design step of launch wizard to use new preview
  - added `replacePreviewContents` action to launch controller to overwrite preview iframe contents directly
  - replaced save-on-change behaviour with update-preview-on-change behaviour by POSTing to the front-end with preview header data and blatting the iframe contents with the result
  - changed "Next step" button to "Save and continue" with progress spinner whilst saving
2021-02-18 17:07:14 +00:00

30 lines
1.4 KiB
Handlebars

<div class="fullscreen-wizard-container" {{will-destroy this.reset}}>
<div class="pt7 pb5 pl12 pr12 flex justify-between items-center">
<div class="flex flex-column">
<div class="ttu gh-launch-wizard-step-indicator">{{this.currentStep.position}}</div>
<h2>{{this.currentStep.title}}</h2>
</div>
<button type="button" class="close gh-btn gh-btn-outline" title="Close" {{on "click" this.close}} data-test-button="close-wizard">
<span>Exit</span>
</button>
</div>
<div class="gh-launch-wizard-content">
<div class="gh-launch-wizard-content-left">
{{component (concat "gh-launch-wizard/" this.step)
nextStep=this.goNextStep
backStep=this.goBackStep
skipStep=this.skipStep
refreshPreview=this.refreshPreview
updatePreview=this.updatePreview
replacePreviewContents=this.replacePreviewContents
}}
</div>
<div class="gh-launch-wizard-content-right">
<GhBrowserPreview class="gh-launch-wizard-preview-container" @icon={{this.settings.icon}} @title={{this.config.blogTitle}}>
<GhSiteIframe class="gh-launch-wizard-preview" @src={{this.previewSrc}} @guid={{this.previewGuid}} {{did-insert this.registerPreviewIframe}}></GhSiteIframe>
</GhBrowserPreview>
</div>
</div>
</div>