Setup wizard modal structure

assets/javascripts/wizard-custom.js

@@ -12,12 +12,15 @@
 //= require message-bus
 
 //= require_tree_discourse discourse/app/models
+//= require discourse/app/controllers/basic-modal-body
+//= require discourse/app/controllers/modal
 
 //= require discourse/app/helpers/category-link
 //= require discourse/app/helpers/user-avatar
 //= require discourse/app/helpers/format-username
 //= require discourse/app/helpers/share-url
 //= require discourse/app/helpers/decorate-username-selector
+//= require discourse/app/helpers/route-action
 //= require discourse-common/addon/helpers/component-for-collection
 //= require discourse-common/addon/helpers/component-for-row
 //= require discourse-common/addon/lib/raw-templates
@@ -40,6 +43,7 @@
 //= require discourse/app/components/date-time-input
 //= require discourse/app/components/text-field
 //= require discourse/app/components/d-textarea	
+//= require discourse/app/components/d-modal
 
 //= require discourse/app/templates/components/conditional-loading-spinner
 //= require discourse/app/templates/components/d-button
@@ -53,6 +57,7 @@
 //= require discourse/app/templates/category-tag-autocomplete
 //= require discourse/app/templates/emoji-selector-autocomplete
 //= require discourse/app/templates/user-selector-autocomplete
+//= require discourse/app/templates/modal
 
 //= require discourse/app/initializers/jquery-plugins
 //= require discourse/app/pre-initializers/sniff-capabilities

assets/javascripts/wizard/initializers/custom-wizard.js.es6

@@ -105,10 +105,11 @@ export default {
     });
 
     ApplicationRoute.reopen({
-      redirect() {
-        this.transitionTo("custom");
-      },
       model() {},
+      renderTemplate() {
+        this.render("application");
+        this.render("modal", { into: "application", outlet: "modal" });
+      }
     });
 
     $.ajaxPrefilter(function (_, __, jqXHR) {

assets/javascripts/wizard/routes/custom-step.js.es6

@@ -1,5 +1,6 @@
 import WizardI18n from "../lib/wizard-i18n";
 import { getCachedWizard } from "../models/custom";
+import showModal from "discourse/lib/show-modal";
 
 export default Ember.Route.extend({
   beforeModel() {
@@ -43,4 +44,14 @@ export default Ember.Route.extend({
 
     controller.setProperties(props);
   },
+
+  renderTemplate() {
+    this.render("custom.step");
+    const modalController = showModal('resume-popup-modal');
+  },
+
+  actions: {
+    closeModal(initiatedBy) {
+    }
+  }
 });

assets/javascripts/wizard/templates/application.hbs

@@ -1 +1,2 @@
 {{outlet}}
+{{outlet "modal"}}

assets/javascripts/wizard/templates/modal.resume-popup-modal.hbs

@@ -0,0 +1 @@
+<h1>hello world</h1>