2021-02-09 15:07:44 +03:00
|
|
|
<div class="fullscreen-wizard-container" {{will-destroy this.reset}}>
|
2021-02-15 20:03:07 +03:00
|
|
|
<div class="pt7 pb5 pl12 pr12 flex justify-between items-center">
|
2021-01-28 17:25:05 +03:00
|
|
|
<div class="flex flex-column">
|
|
|
|
<div class="ttu gh-launch-wizard-step-indicator">{{this.currentStep.position}}</div>
|
2021-02-01 19:11:01 +03:00
|
|
|
<h2>{{this.currentStep.title}}</h2>
|
2021-01-28 17:25:05 +03:00
|
|
|
</div>
|
2021-02-25 18:57:18 +03:00
|
|
|
<button type="button" class="close gh-btn gh-btn-outline" {{on "click" this.close}} data-test-button="close-wizard">
|
|
|
|
<span>Cancel</span>
|
2021-01-26 18:40:14 +03:00
|
|
|
</button>
|
|
|
|
</div>
|
2021-01-18 16:48:23 +03:00
|
|
|
|
2021-02-15 20:03:07 +03:00
|
|
|
<div class="gh-launch-wizard-content">
|
2021-02-08 16:10:34 +03:00
|
|
|
<div class="gh-launch-wizard-content-left">
|
2021-01-28 17:25:05 +03:00
|
|
|
{{component (concat "gh-launch-wizard/" this.step)
|
2021-02-02 21:28:45 +03:00
|
|
|
nextStep=this.goNextStep
|
|
|
|
backStep=this.goBackStep
|
2021-01-28 17:25:05 +03:00
|
|
|
skipStep=this.skipStep
|
|
|
|
refreshPreview=this.refreshPreview
|
|
|
|
updatePreview=this.updatePreview
|
2021-02-18 20:06:56 +03:00
|
|
|
replacePreviewContents=this.replacePreviewContents
|
2021-05-04 18:47:50 +03:00
|
|
|
storeData=this.storeData
|
|
|
|
getData=this.getData
|
2021-01-28 17:25:05 +03:00
|
|
|
}}
|
|
|
|
</div>
|
|
|
|
|
2021-02-08 16:10:34 +03:00
|
|
|
<div class="gh-launch-wizard-content-right">
|
2021-02-02 15:55:42 +03:00
|
|
|
<GhBrowserPreview class="gh-launch-wizard-preview-container" @icon={{this.settings.icon}} @title={{this.config.blogTitle}}>
|
2021-02-18 20:06:56 +03:00
|
|
|
<GhSiteIframe class="gh-launch-wizard-preview" @src={{this.previewSrc}} @guid={{this.previewGuid}} {{did-insert this.registerPreviewIframe}}></GhSiteIframe>
|
2021-01-28 17:25:05 +03:00
|
|
|
</GhBrowserPreview>
|
|
|
|
</div>
|
|
|
|
</div>
|
2021-01-18 16:48:23 +03:00
|
|
|
</div>
|