substitute test product ID

.discourse-compatibility

@@ -1,3 +1,2 @@
-3.1.999: 1f35b80f85e5fd1efb7f4851f0845700432febdc
 2.7.99: e07a57e398b6b1676ab42a7e34467556fca5416b
 2.5.1: bb85b3a0d2c0ab6b59bcb405731c39089ec6731c

README.md

@@ -4,24 +4,22 @@ The Custom Wizard Plugin lets you make forms for your Discourse forum. Better us
 
 <img src="https://camo.githubusercontent.com/593432f1fc9658ffca104065668cc88fa21dffcd3002cb78ffd50c71f33a2523/68747470733a2f2f706176696c696f6e2d6173736574732e6e7963332e63646e2e6469676974616c6f6365616e7370616365732e636f6d2f706c7567696e732f77697a6172642d7265706f7369746f72792d62616e6e65722e706e67" alt="" data-canonical-src="https://pavilion-assets.nyc3.cdn.digitaloceanspaces.com/plugins/wizard-repository-banner.png" style="max-width: 100%;" width="400">
 
-👋 Looking to report an issue? We're managing issues for this plugin using our [bug report wizard](https://coop.pavilion.tech/w/bug-report).
-
 ## Install
 
 If you're not sure how to install a plugin in Discourse, please follow the [plugin installation guide](https://meta.discourse.org/t/install-a-plugin/19157) or contact your Discourse hosting provider.
 
 ## Documentation
 
-[Read the full documentation here](https://coop.pavilion.tech/c/82), or go directly to the relevant section
+[Read the full documentation here](https://discourse.pluginmanager.org/c/discourse-custom-wizard/documentation), or go directly to the relevant section
 
-- [Wizard Administration](https://coop.pavilion.tech/t/1602)
+- [Wizard Administration](https://discourse.pluginmanager.org/t/wizard-administration)
-- [Wizard Settings](https://coop.pavilion.tech/t/1614)
+- [Wizard Settings](https://discourse.pluginmanager.org/t/wizard-settings)
-- [Step Settings](https://coop.pavilion.tech/t/1735)
+- [Step Settings](https://discourse.pluginmanager.org/t/step-settings)
-- [Field Settings](https://coop.pavilion.tech/t/1580)
+- [Field Settings](https://discourse.pluginmanager.org/t/field-settings)
-- [Conditional Settings](https://coop.pavilion.tech/t/1673)
+- [Conditional Settings](https://discourse.pluginmanager.org/t/conditional-settings)
-- [Field Interpolation](https://coop.pavilion.tech/t/1557)
+- [Field Interpolation](https://discourse.pluginmanager.org/t/field-interpolation)
-- [Handling Dates and Times](https://coop.pavilion.tech/t/1708)
+- [Wizard Examples and Templates](https://discourse.pluginmanager.org/t/wizard-examples-and-templates)
 
 ## Support
 
-- [Report an issue](https://coop.pavilion.tech/w/bug-report)
+- [Report a bug](https://discourse.pluginmanager.org/w/bug-report)

app/controllers/custom_wizard/admin/admin.rb

@@ -8,7 +8,7 @@ class CustomWizard::AdminController < ::Admin::AdminController
       subscribed: subcription.subscribed?,
       subscription_type: subcription.type,
       subscription_attributes: CustomWizard::Subscription.attributes,
-      subscription_client_installed: CustomWizard::Subscription.client_installed?
+      subscription_client_installed: subcription.client_installed?
     )
   end
 

app/controllers/custom_wizard/admin/submissions.rb

@@ -22,12 +22,7 @@ class CustomWizard::AdminSubmissionsController < CustomWizard::AdminController
   end
 
   def download
-    content = ActiveModel::ArraySerializer.new(
+    send_data submission_list.submissions.to_json,
-      CustomWizard::Submission.list(@wizard).submissions,
-      each_serializer: CustomWizard::SubmissionSerializer
-    )
-
-    send_data content.to_json,
       filename: "#{Discourse.current_hostname}-wizard-submissions-#{@wizard.name}.json",
       content_type: "application/json",
       disposition: "attachment"

assets/javascripts/discourse/components/custom-user-selector.js.es6

@@ -7,7 +7,7 @@ import userSearch from "discourse/lib/user-search";
 import I18n from "I18n";
 import Handlebars from "handlebars";
 import { isEmpty } from "@ember/utils";
-import TextField from "discourse/components/text-field";
+import TextField from "@ember/component/text-field";
 
 const template = function (params) {
   const options = params.options;

assets/javascripts/discourse/components/custom-wizard-composer-editor.js.es6

@@ -12,15 +12,11 @@ import { alias } from "@ember/object/computed";
 import Site from "discourse/models/site";
 import { uploadIcon } from "discourse/lib/uploads";
 import { dasherize } from "@ember/string";
-import InsertHyperlink from "discourse/components/modal/insert-hyperlink";
+import showModal from "discourse/lib/show-modal";
-import { inject as service } from "@ember/service";
 
-const IMAGE_MARKDOWN_REGEX =
+const IMAGE_MARKDOWN_REGEX = /!\[(.*?)\|(\d{1,4}x\d{1,4})(,\s*\d{1,3}%)?(.*?)\]\((upload:\/\/.*?)\)(?!(.*`))/g;
-  /!\[(.*?)\|(\d{1,4}x\d{1,4})(,\s*\d{1,3}%)?(.*?)\]\((upload:\/\/.*?)\)(?!(.*`))/g;
 
 export default ComposerEditor.extend({
-  modal: service(),
-
   classNameBindings: ["fieldClass"],
   allowUpload: true,
   showLink: false,
@@ -120,8 +116,9 @@ export default ComposerEditor.extend({
       event.target.closest(".button-wrapper").dataset.imageIndex,
       10
     );
-    const matchingPlaceholder =
+    const matchingPlaceholder = this.get("composer.reply").match(
-      this.get("composer.reply").match(IMAGE_MARKDOWN_REGEX);
+      IMAGE_MARKDOWN_REGEX
+    );
 
     this.session.set("wizardEventFieldId", this.field.id);
     this.appEvents.trigger(
@@ -200,8 +197,10 @@ export default ComposerEditor.extend({
       if (this._lastSel) {
         linkText = this._lastSel.value;
       }
-      this.modal.show(InsertHyperlink, {
+
-        model: { linkText, toolbarEvent },
+      showModal("insert-hyperlink").setProperties({
+        linkText,
+        toolbarEvent,
       });
     },
 

assets/javascripts/discourse/components/custom-wizard-text-field.js.es6

@@ -1,7 +1,7 @@
 import computed from "discourse-common/utils/decorators";
 import { isLTR, isRTL, siteDir } from "discourse/lib/text-direction";
 import I18n from "I18n";
-import TextField from "discourse/components/text-field";
+import TextField from "@ember/component/text-field";
 
 export default TextField.extend({
   attributeBindings: [

assets/javascripts/discourse/components/modal/admin-wizards-columns.hbs

@@ -1,34 +0,0 @@
-<DModal @closeModal={{@closeModal}} @title={{this.title}}>
-  {{#if loading}}
-    <LoadingSpinner size="large" />
-  {{else}}
-    <div class="edit-directory-columns-container">
-      {{#each @model.columns as |column|}}
-        <div class="edit-directory-column">
-          <div class="left-content">
-            <label class="column-name">
-              <Input @type="checkbox" @checked={{column.enabled}} />
-              {{directory-table-header-title
-                field=column.label
-                translated=true
-              }}
-            </label>
-          </div>
-        </div>
-      {{/each}}
-    </div>
-  {{/if}}
-  <div class="modal-footer">
-    <DButton
-      class="btn-primary"
-      @label="directory.edit_columns.save"
-      @action={{action "save"}}
-    />
-
-    <DButton
-      class="btn-secondary reset-to-default"
-      @label="directory.edit_columns.reset_to_default"
-      @action={{action "resetToDefault"}}
-    />
-  </div>
-</DModal>

assets/javascripts/discourse/components/modal/admin-wizards-columns.js

@@ -1,15 +0,0 @@
-import Component from "@glimmer/component";
-import { action } from "@ember/object";
-import I18n from "I18n";
-
-export default class AdminWizardsColumnComponent extends Component {
-  title = I18n.t("admin.wizard.edit_columns");
-
-  @action save() {
-    this.args.closeModal();
-  }
-
-  @action resetToDefault() {
-    this.args.model.reset();
-  }
-}

assets/javascripts/discourse/components/modal/next-session-scheduled.hbs

@@ -1,20 +0,0 @@
-<DModal
-  @closeModal={{@closeModal}}
-  class="next-session-time-modal"
-  @title={{this.title}}
->
-  <DateTimeInput
-    @date={{this.bufferedDateTime}}
-    @onChange={{action "dateTimeChanged"}}
-    @showTime="true"
-    @clearable="true"
-  />
-  <div class="modal-footer">
-    <DButton
-      @action={{action "submit"}}
-      class="btn-primary"
-      @label="admin.wizard.after_time_modal.done"
-      @disabled={{this.submitDisabled}}
-    />
-  </div>
-</DModal>

assets/javascripts/discourse/components/modal/next-session-scheduled.js

@@ -1,30 +0,0 @@
-import Component from "@glimmer/component";
-import { tracked } from "@glimmer/tracking";
-import { action } from "@ember/object";
-import I18n from "I18n";
-
-export default class NextSessionScheduledComponent extends Component {
-  @tracked bufferedDateTime;
-  title = I18n.t("admin.wizard.after_time_modal.title");
-
-  constructor() {
-    super(...arguments);
-    this.bufferedDateTime = this.args.model.dateTime
-      ? moment(this.args.model.dateTime)
-      : moment(Date.now());
-  }
-
-  get submitDisabled() {
-    return moment().isAfter(this.bufferedDateTime);
-  }
-
-  @action submit() {
-    const dateTime = this.bufferedDateTime;
-    this.args.model.update(moment(dateTime).utc().toISOString());
-    this.args.closeModal();
-  }
-
-  @action dateTimeChanged(dateTime) {
-    this.bufferedDateTime = dateTime;
-  }
-}

assets/javascripts/discourse/connectors/admin-menu/wizards-nav-button.hbs

@@ -4,4 +4,4 @@
   {{#if wizardErrorNotice}}
     {{d-icon "exclaimation-circle"}}
   {{/if}}
-{{/if}}
+{{/if}}

assets/javascripts/discourse/connectors/category-custom-settings/custom-wizard-category-settings.hbs

@@ -9,7 +9,8 @@
       value=wizardListVal
       content=wizardList
       onChange=(action "changeWizard")
-      options=(hash none="admin.wizard.select")
+      options=(hash
-    }}
+        none="admin.wizard.select"
+      )}}
   </div>
-</section>
+</section>

assets/javascripts/discourse/connectors/top-notices/prompt-completion.hbs

@@ -1,10 +1,7 @@
 {{#each site.complete_custom_wizard as |wizard|}}
   <div class="row">
     <div class="alert alert-info alert-wizard">
-      <a href={{wizard.url}}>{{i18n
+      <a href={{wizard.url}}>{{i18n "wizard.complete_custom" name=wizard.name}}</a>
-          "wizard.complete_custom"
-          name=wizard.name
-        }}</a>
     </div>
   </div>
-{{/each}}
+{{/each}}

assets/javascripts/discourse/controllers/admin-wizards-api-show.js.es6

@@ -4,14 +4,10 @@ import CustomWizardApi from "../models/custom-wizard-api";
 import { default as discourseComputed } from "discourse-common/utils/decorators";
 import { and, equal, not } from "@ember/object/computed";
 import { selectKitContent } from "../lib/wizard";
-import { underscore } from "@ember/string";
 import Controller from "@ember/controller";
 import I18n from "I18n";
-import { inject as service } from "@ember/service";
 
 export default Controller.extend({
-  router: service(),
-
   queryParams: ["refresh_list"],
   loadingSubscriptions: false,
   notAuthorized: not("api.authorized"),
@@ -24,8 +20,29 @@ export default Controller.extend({
     "application/x-www-form-urlencoded",
   ]),
   successCodes: selectKitContent([
-    100, 101, 102, 200, 201, 202, 203, 204, 205, 206, 207, 208, 226, 300, 301,
+    100,
-    302, 303, 303, 304, 305, 306, 307, 308,
+    101,
+    102,
+    200,
+    201,
+    202,
+    203,
+    204,
+    205,
+    206,
+    207,
+    208,
+    226,
+    300,
+    301,
+    302,
+    303,
+    303,
+    304,
+    305,
+    306,
+    307,
+    308,
   ]),
 
   @discourseComputed(
@@ -101,7 +118,7 @@ export default Controller.extend({
 
       if (authType === "oauth_2") {
         this.set("authorizing", true);
-        ajax(`/admin/wizards/apis/${underscore(name)}/authorize`)
+        ajax(`/admin/wizards/apis/${name.underscore()}/authorize`)
           .catch(popupAjaxError)
           .then((result) => {
             if (result.success) {
@@ -170,11 +187,11 @@ export default Controller.extend({
           if (!api[rp]) {
             let key = rp.replace("auth", "");
             error = `${I18n.t(
-              `admin.wizard.api.auth.${underscore(key)}`
+              `admin.wizard.api.auth.${key.underscore()}`
             )} is required for ${authType}`;
             break;
           }
-          data[underscore(rp)] = api[rp];
+          data[rp.underscore()] = api[rp];
         }
       }
 
@@ -204,7 +221,7 @@ export default Controller.extend({
 
       this.set("updating", true);
 
-      ajax(`/admin/wizards/api/${underscore(name)}`, {
+      ajax(`/admin/wizards/api/${name.underscore()}`, {
         type: "PUT",
         data,
       })
@@ -227,7 +244,7 @@ export default Controller.extend({
 
       this.set("updating", true);
 
-      ajax(`/admin/wizards/api/${underscore(name)}`, {
+      ajax(`/admin/wizards/api/${name.underscore()}`, {
         type: "DELETE",
       })
         .catch(popupAjaxError)
@@ -245,13 +262,13 @@ export default Controller.extend({
         return;
       }
 
-      ajax(`/admin/wizards/api/${underscore(name)}/logs`, {
+      ajax(`/admin/wizards/api/${name.underscore()}/logs`, {
         type: "DELETE",
       })
         .catch(popupAjaxError)
         .then((result) => {
           if (result.success) {
-            this.router.transitionTo("adminWizardsApis").then(() => {
+            this.transitionToRoute("adminWizardsApis").then(() => {
               this.send("refreshModel");
             });
           }

assets/javascripts/discourse/controllers/admin-wizards-columns.js.es6

@@ -0,0 +1,14 @@
+import Controller from "@ember/controller";
+import ModalFunctionality from "discourse/mixins/modal-functionality";
+
+export default Controller.extend(ModalFunctionality, {
+  actions: {
+    save() {
+      this.send("closeModal");
+    },
+
+    resetToDefault() {
+      this.get("model.reset")();
+    },
+  },
+});

assets/javascripts/discourse/controllers/admin-wizards-submissions-show.js.es6

@@ -2,13 +2,11 @@ import Controller from "@ember/controller";
 import { empty } from "@ember/object/computed";
 import discourseComputed from "discourse-common/utils/decorators";
 import { fmt } from "discourse/lib/computed";
-import { inject as service } from "@ember/service";
+import showModal from "discourse/lib/show-modal";
-import AdminWizardsColumnsModal from "../components/modal/admin-wizards-columns";
 import CustomWizardAdmin from "../models/custom-wizard-admin";
 import { formatModel } from "../lib/wizard-submission";
 
 export default Controller.extend({
-  modal: service(),
   downloadUrl: fmt("wizard.id", "/admin/wizards/submissions/%@/download"),
   noResults: empty("submissions"),
   page: 0,
@@ -59,7 +57,7 @@ export default Controller.extend({
     },
 
     showEditColumnsModal() {
-      return this.modal.show(AdminWizardsColumnsModal, {
+      return showModal("admin-wizards-columns", {
         model: {
           columns: this.get("fields"),
           reset: () => {

assets/javascripts/discourse/controllers/admin-wizards-wizard-show.js.es6

@@ -3,8 +3,7 @@ import {
   observes,
 } from "discourse-common/utils/decorators";
 import { notEmpty } from "@ember/object/computed";
-import { inject as service } from "@ember/service";
+import showModal from "discourse/lib/show-modal";
-import NextSessionScheduledModal from "../components/modal/next-session-scheduled";
 import { generateId, wizardFieldList } from "../lib/wizard";
 import { dasherize } from "@ember/string";
 import { later, scheduleOnce } from "@ember/runloop";
@@ -14,7 +13,6 @@ import I18n from "I18n";
 import { filterValues } from "discourse/plugins/discourse-custom-wizard/discourse/lib/wizard-schema";
 
 export default Controller.extend({
-  modal: service(),
   hasName: notEmpty("wizard.name"),
 
   @observes("currentStep")
@@ -128,13 +126,15 @@ export default Controller.extend({
     },
 
     setNextSessionScheduled() {
-      this.modal.show(NextSessionScheduledModal, {
+      let controller = showModal("next-session-scheduled", {
         model: {
           dateTime: this.wizard.after_time_scheduled,
           update: (dateTime) =>
             this.set("wizard.after_time_scheduled", dateTime),
         },
       });
+
+      controller.setup();
     },
 
     copyUrl() {

assets/javascripts/discourse/controllers/custom-wizard-step.js.es6

@@ -1,9 +1,7 @@
 import Controller from "@ember/controller";
 import getUrl from "discourse-common/lib/get-url";
-import { inject as service } from "@ember/service";
 
 export default Controller.extend({
-  router: service(),
   wizard: null,
   step: null,
 
@@ -17,12 +15,12 @@ export default Controller.extend({
         const wizardId = this.get("wizard.id");
         window.location.href = getUrl(`/w/${wizardId}/steps/${nextStepId}`);
       } else {
-        this.router.transitionTo("customWizardStep", nextStepId);
+        this.transitionToRoute("customWizardStep", nextStepId);
       }
     },
 
     goBack() {
-      this.router.transitionTo("customWizardStep", this.get("step.previous"));
+      this.transitionToRoute("customWizardStep", this.get("step.previous"));
     },
 
     showMessage(message) {

assets/javascripts/discourse/controllers/next-session-scheduled.js.es6

@@ -0,0 +1,27 @@
+import { default as discourseComputed } from "discourse-common/utils/decorators";
+import Controller from "@ember/controller";
+
+export default Controller.extend({
+  title: "admin.wizard.after_time_modal.title",
+
+  setup() {
+    this.set("bufferedDateTime", moment(this.model.dateTime));
+  },
+
+  @discourseComputed("bufferedDateTime")
+  submitDisabled(dateTime) {
+    return moment().isAfter(dateTime);
+  },
+
+  actions: {
+    submit() {
+      const dateTime = this.get("bufferedDateTime");
+      this.get("model.update")(moment(dateTime).utc().toISOString());
+      this.send("closeModal");
+    },
+
+    dateTimeChanged(dateTime) {
+      this.set("bufferedDateTime", dateTime);
+    },
+  },
+});

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

@@ -69,10 +69,7 @@ export default {
         },
 
         _wizardInsertText(text, options) {
-          if (
+          if (this.session.wizardEventFieldId === this.fieldId) {
-            this.session.wizardEventFieldId === this.fieldId &&
-            this.element
-          ) {
             this.insertText(text, options);
           }
         },
@@ -83,16 +80,6 @@ export default {
           }
         },
       });
-
-      api.modifyClass("component:category-chooser", {
-        categoriesByScope(options = {}) {
-          let categories = this._super(options);
-
-          return categories.filter((category) => {
-            return !category.custom_fields?.create_topic_wizard;
-          });
-        },
-      });
     });
   },
 };

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

@@ -1,16 +1,14 @@
-import DiscourseURL from "discourse/lib/url";
+import ApplicationRoute from "discourse/routes/application";
-import { withPluginApi } from "discourse/lib/plugin-api";
-import { dasherize } from "@ember/string";
 
 export default {
   name: "custom-wizard-redirect",
   after: "message-bus",
 
-  initialize(container) {
+  initialize: function (container) {
     const messageBus = container.lookup("service:message-bus");
     const siteSettings = container.lookup("service:site-settings");
 
-    if (!siteSettings.custom_wizard_enabled) {
+    if (!siteSettings.custom_wizard_enabled || !messageBus) {
       return;
     }
 
@@ -19,27 +17,28 @@ export default {
       window.location.href = wizardUrl;
     });
 
-    withPluginApi("0.8.36", (api) => {
+    ApplicationRoute.reopen({
-      api.onAppEvent("page:changed", (data) => {
+      actions: {
-        const currentUser = api.getCurrentUser();
+        willTransition(transition) {
-
+          const redirectToWizard = this.get("currentUser.redirect_to_wizard");
-        if (currentUser) {
+          const excludedPaths = this.siteSettings.wizard_redirect_exclude_paths
-          const redirectToWizard = currentUser.redirect_to_wizard;
-          const excludedPaths = siteSettings.wizard_redirect_exclude_paths
             .split("|")
             .concat(["loading"]);
+
           if (
             redirectToWizard &&
-            !data.url.includes("ignore_redirect") &&
+            (!transition.intent.name ||
-            data.currentRouteName !== "customWizardStep" &&
+              !excludedPaths.find((p) => {
-            !excludedPaths.find((p) => {
+                return transition.intent.name.indexOf(p) > -1;
-              return data.currentRouteName.indexOf(p) > -1;
+              }))
-            })
           ) {
-            DiscourseURL.routeTo(`/w/${dasherize(redirectToWizard)}`);
+            transition.abort();
+            window.location = "/w/" + redirectToWizard.dasherize();
           }
-        }
+
-      });
+          return this._super(transition);
+        },
+      },
     });
   },
 };

assets/javascripts/discourse/lib/wizard-schema.js.es6

@@ -244,7 +244,6 @@ const custom_field = {
 
 export function buildFieldTypes(types) {
   wizardSchema.field.types = types;
-  wizardSchema.field.type = Object.keys(types);
 }
 
 field.type = Object.keys(field.types);

assets/javascripts/discourse/routes/admin-wizards-api-show.js.es6

@@ -1,10 +1,7 @@
 import CustomWizardApi from "../models/custom-wizard-api";
 import DiscourseRoute from "discourse/routes/discourse";
-import { inject as service } from "@ember/service";
 
 export default DiscourseRoute.extend({
-  router: service(),
-
   model(params) {
     if (params.name === "create") {
       return CustomWizardApi.create({ isNew: true });
@@ -13,12 +10,6 @@ export default DiscourseRoute.extend({
     }
   },
 
-  afterModel(model) {
-    if (model === null) {
-      return this.router.transitionTo("adminWizardsApi");
-    }
-  },
-
   setupController(controller, model) {
     controller.set("api", model);
   },

assets/javascripts/discourse/routes/admin-wizards-api.js.es6

@@ -1,10 +1,7 @@
 import DiscourseRoute from "discourse/routes/discourse";
 import CustomWizardApi from "../models/custom-wizard-api";
-import { inject as service } from "@ember/service";
 
 export default DiscourseRoute.extend({
-  router: service(),
-
   model() {
     return CustomWizardApi.list();
   },
@@ -28,11 +25,11 @@ export default DiscourseRoute.extend({
   actions: {
     changeApi(apiName) {
       this.controllerFor("adminWizardsApi").set("apiName", apiName);
-      this.router.transitionTo("adminWizardsApiShow", apiName);
+      this.transitionTo("adminWizardsApiShow", apiName);
     },
 
     afterDestroy() {
-      this.router.transitionTo("adminWizardsApi").then(() => this.refresh());
+      this.transitionTo("adminWizardsApi").then(() => this.refresh());
     },
 
     afterSave(apiName) {
@@ -41,7 +38,7 @@ export default DiscourseRoute.extend({
 
     createApi() {
       this.controllerFor("adminWizardsApi").set("apiName", "create");
-      this.router.transitionTo("adminWizardsApiShow", "create");
+      this.transitionTo("adminWizardsApiShow", "create");
     },
   },
 });

assets/javascripts/discourse/routes/admin-wizards-logs-show.js.es6

@@ -1,21 +1,12 @@
 import CustomWizardLogs from "../models/custom-wizard-logs";
 import DiscourseRoute from "discourse/routes/discourse";
 import { A } from "@ember/array";
-import { inject as service } from "@ember/service";
 
 export default DiscourseRoute.extend({
-  router: service(),
-
   model(params) {
     return CustomWizardLogs.list(params.wizardId);
   },
 
-  afterModel(model) {
-    if (model === null) {
-      return this.router.transitionTo("adminWizardsLogs");
-    }
-  },
-
   setupController(controller, model) {
     controller.setProperties({
       wizard: model.wizard,

assets/javascripts/discourse/routes/admin-wizards-logs.js.es6

@@ -1,10 +1,7 @@
 import DiscourseRoute from "discourse/routes/discourse";
 import { ajax } from "discourse/lib/ajax";
-import { inject as service } from "@ember/service";
 
 export default DiscourseRoute.extend({
-  router: service(),
-
   model() {
     return ajax(`/admin/wizards/wizard`);
   },
@@ -21,7 +18,7 @@ export default DiscourseRoute.extend({
   actions: {
     changeWizard(wizardId) {
       this.controllerFor("adminWizardsLogs").set("wizardId", wizardId);
-      this.router.transitionTo("adminWizardsLogsShow", wizardId);
+      this.transitionTo("adminWizardsLogsShow", wizardId);
     },
   },
 });

assets/javascripts/discourse/routes/admin-wizards-submissions-show.js.es6

@@ -2,21 +2,12 @@ import { A } from "@ember/array";
 import CustomWizardAdmin from "../models/custom-wizard-admin";
 import DiscourseRoute from "discourse/routes/discourse";
 import { formatModel } from "../lib/wizard-submission";
-import { inject as service } from "@ember/service";
 
 export default DiscourseRoute.extend({
-  router: service(),
-
   model(params) {
     return CustomWizardAdmin.submissions(params.wizardId);
   },
 
-  afterModel(model) {
-    if (model === null) {
-      return this.router.transitionTo("adminWizardsSubmissions");
-    }
-  },
-
   setupController(controller, model) {
     const { fields, submissions } = formatModel(model);
 

assets/javascripts/discourse/routes/admin-wizards-submissions.js.es6

@@ -1,10 +1,7 @@
 import DiscourseRoute from "discourse/routes/discourse";
 import { ajax } from "discourse/lib/ajax";
-import { inject as service } from "@ember/service";
 
 export default DiscourseRoute.extend({
-  router: service(),
-
   model() {
     return ajax(`/admin/wizards/wizard`);
   },
@@ -21,7 +18,7 @@ export default DiscourseRoute.extend({
   actions: {
     changeWizard(wizardId) {
       this.controllerFor("adminWizardsSubmissions").set("wizardId", wizardId);
-      this.router.transitionTo("adminWizardsSubmissionsShow", wizardId);
+      this.transitionTo("adminWizardsSubmissionsShow", wizardId);
     },
   },
 });

assets/javascripts/discourse/routes/admin-wizards-wizard-show.js.es6

@@ -2,11 +2,8 @@ import CustomWizardAdmin from "../models/custom-wizard-admin";
 import { ajax } from "discourse/lib/ajax";
 import DiscourseRoute from "discourse/routes/discourse";
 import I18n from "I18n";
-import { inject as service } from "@ember/service";
 
 export default DiscourseRoute.extend({
-  router: service(),
-
   model(params) {
     if (params.wizardId === "create") {
       return { create: true };
@@ -17,7 +14,7 @@ export default DiscourseRoute.extend({
 
   afterModel(model) {
     if (model.none) {
-      return this.router.transitionTo("adminWizardsWizard");
+      return this.transitionTo("adminWizardsWizard");
     }
   },
 

assets/javascripts/discourse/routes/admin-wizards-wizard.js.es6

@@ -4,11 +4,8 @@ import EmberObject, { set } from "@ember/object";
 import { A } from "@ember/array";
 import { all } from "rsvp";
 import { ajax } from "discourse/lib/ajax";
-import { inject as service } from "@ember/service";
 
 export default DiscourseRoute.extend({
-  router: service(),
-
   model() {
     return ajax("/admin/wizards/wizard");
   },
@@ -83,14 +80,14 @@ export default DiscourseRoute.extend({
       this.controllerFor("adminWizardsWizard").set("wizardId", wizardId);
 
       if (wizardId) {
-        this.router.transitionTo("adminWizardsWizardShow", wizardId);
+        this.transitionTo("adminWizardsWizardShow", wizardId);
       } else {
-        this.router.transitionTo("adminWizardsWizard");
+        this.transitionTo("adminWizardsWizard");
       }
     },
 
     afterDestroy() {
-      this.router.transitionTo("adminWizardsWizard").then(() => this.refresh());
+      this.transitionTo("adminWizardsWizard").then(() => this.refresh());
     },
 
     afterSave(wizardId) {
@@ -99,7 +96,7 @@ export default DiscourseRoute.extend({
 
     createWizard() {
       this.controllerFor("adminWizardsWizard").set("wizardId", "create");
-      this.router.transitionTo("adminWizardsWizardShow", "create");
+      this.transitionTo("adminWizardsWizardShow", "create");
     },
   },
 });

assets/javascripts/discourse/routes/admin-wizards.js.es6

@@ -1,10 +1,7 @@
 import DiscourseRoute from "discourse/routes/discourse";
 import { ajax } from "discourse/lib/ajax";
-import { inject as service } from "@ember/service";
 
 export default DiscourseRoute.extend({
-  router: service(),
-
   model() {
     return ajax("/admin/wizards");
   },
@@ -20,7 +17,7 @@ export default DiscourseRoute.extend({
 
   afterModel(model, transition) {
     if (transition.targetName === "adminWizards.index") {
-      this.router.transitionTo("adminWizardsWizard");
+      this.transitionTo("adminWizardsWizard");
     }
   },
 });

assets/javascripts/discourse/routes/custom-wizard-index.js.es6

@@ -1,14 +1,11 @@
 import { getCachedWizard } from "../models/custom-wizard";
 import Route from "@ember/routing/route";
-import { inject as service } from "@ember/service";
 
 export default Route.extend({
-  router: service(),
-
   beforeModel() {
     const wizard = getCachedWizard();
     if (wizard && wizard.permitted && !wizard.completed && wizard.start) {
-      this.router.replaceWith("customWizardStep", wizard.start);
+      this.replaceWith("customWizardStep", wizard.start);
     }
   },
 

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

@@ -3,17 +3,14 @@ import { getCachedWizard } from "../models/custom-wizard";
 import Route from "@ember/routing/route";
 import { scrollTop } from "discourse/mixins/scroll-top";
 import { action } from "@ember/object";
-import { inject as service } from "@ember/service";
 
 export default Route.extend({
-  router: service(),
-
   beforeModel() {
     const wizard = getCachedWizard();
     this.set("wizard", wizard);
 
     if (!wizard || !wizard.permitted || wizard.completed) {
-      this.router.replaceWith("customWizard");
+      this.replaceWith("customWizard");
     }
   },
 
@@ -30,7 +27,7 @@ export default Route.extend({
 
   afterModel(model) {
     if (model.completed) {
-      return this.router.transitionTo("wizard.index");
+      return this.transitionTo("wizard.index");
     }
     return model.set("wizardId", this.wizard.id);
   },

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

@@ -1,7 +1,6 @@
 import { findCustomWizard, updateCachedWizard } from "../models/custom-wizard";
 import I18n from "I18n";
 import DiscourseRoute from "discourse/routes/discourse";
-import bootbox from "bootbox";
 
 export default DiscourseRoute.extend({
   titleToken() {

assets/javascripts/discourse/templates/admin-wizards-api-show.hbs

@@ -8,12 +8,7 @@
       {{/if}}
     {{/if}}
 
-    {{d-button
+    {{d-button label="admin.wizard.api.save" action=(action "save") class="btn-primary" disabled=saveDisabled}}
-      label="admin.wizard.api.save"
-      action=(action "save")
-      class="btn-primary"
-      disabled=saveDisabled
-    }}
 
     {{#if showRemove}}
       {{d-button action=(action "remove") label="admin.wizard.api.remove"}}
@@ -67,12 +62,10 @@
           <span>{{authErrorMessage}}</span>
         {{/if}}
       {{/if}}
-      {{d-button
+      {{d-button label="admin.wizard.api.auth.btn"
-        label="admin.wizard.api.auth.btn"
+                 action=(action "authorize")
-        action=(action "authorize")
+                 disabled=authDisabled
-        disabled=authDisabled
+                 class="btn-primary"}}
-        class="btn-primary"
-      }}
     {{/if}}
   </div>
 
@@ -106,8 +99,9 @@
           value=api.authType
           content=authorizationTypes
           onChange=(action (mut api.authType))
-          options=(hash none="admin.wizard.api.auth.type_none")
+          options=(hash
-        }}
+            none="admin.wizard.api.auth.type_none"
+          )}}
       </div>
     </div>
 
@@ -116,7 +110,9 @@
         <div class="control-group">
           <label>{{i18n "admin.wizard.api.auth.url"}}</label>
           <div class="controls">
-            <Input @value={{this.api.authUrl}} />
+            <Input
+              @value={{this.api.authUrl}}
+            />
           </div>
         </div>
       {{/if}}
@@ -124,21 +120,27 @@
       <div class="control-group">
         <label>{{i18n "admin.wizard.api.auth.token_url"}}</label>
         <div class="controls">
-          <Input @value={{this.api.tokenUrl}} />
+          <Input
+            @value={{this.api.tokenUrl}}
+          />
         </div>
       </div>
 
       <div class="control-group">
         <label>{{i18n "admin.wizard.api.auth.client_id"}}</label>
         <div class="controls">
-          <Input @value={{this.api.clientId}} />
+          <Input
+            @value={{this.api.clientId}}
+          />
         </div>
       </div>
 
       <div class="control-group">
         <label>{{i18n "admin.wizard.api.auth.client_secret"}}</label>
         <div class="controls">
-          <Input @value={{this.api.clientSecret}} />
+          <Input
+            @value={{this.api.clientSecret}}
+          />
         </div>
       </div>
 
@@ -155,18 +157,10 @@
                 @value={{this.param.value}}
                 placeholder={{i18n "admin.wizard.value"}}
               />
-              {{d-button
+              {{d-button action=(action "removeParam") actionParam=param icon="times"}}
-                action=(action "removeParam")
-                actionParam=param
-                icon="times"
-              }}
             </div>
           {{/each}}
-          {{d-button
+          {{d-button label="admin.wizard.api.auth.params.new" icon="plus" action=(action "addParam")}}
-            label="admin.wizard.api.auth.params.new"
-            icon="plus"
-            action=(action "addParam")
-          }}
         </div>
       </div>
     {{/if}}
@@ -175,14 +169,18 @@
       <div class="control-group">
         <label>{{i18n "admin.wizard.api.auth.username"}}</label>
         <div class="controls">
-          <Input @value={{this.api.username}} />
+          <Input
+            @value={{this.api.username}}
+          />
         </div>
       </div>
 
       <div class="control-group">
         <label>{{i18n "admin.wizard.api.auth.password"}}</label>
         <div class="controls">
-          <Input @value={{this.api.password}} />
+          <Input
+            @value={{this.api.password}}
+          />
         </div>
       </div>
     {{/if}}
@@ -251,11 +249,7 @@
 </div>
 
 <div class="wizard-api-endpoints">
-  {{d-button
+  {{d-button action=(action "addEndpoint") label="admin.wizard.api.endpoint.add" icon="plus"}}
-    action=(action "addEndpoint")
-    label="admin.wizard.api.endpoint.add"
-    icon="plus"
-  }}
 
   {{#if api.endpoints}}
     <div class="endpoint-list">
@@ -266,42 +260,41 @@
               <div class="endpoint-">
                 <div class="top">
                   <Input
-                    @value={{endpoint.name}}
+                    @value={{this.endpoint.name}}
                     placeholder={{i18n "admin.wizard.api.endpoint.name"}}
                   />
                   <Input
-                    @value={{endpoint.url}}
+                    @value={{this.endpoint.url}}
                     placeholder={{i18n "admin.wizard.api.endpoint.url"}}
                     class="endpoint-url"
                   />
-                  {{d-button
+                  {{d-button action=(action "removeEndpoint")
-                    action=(action "removeEndpoint")
+                             actionParam=endpoint
-                    actionParam=endpoint
+                             icon="times"
-                    icon="times"
+                             class="remove-endpoint"}}
-                    class="remove-endpoint"
-                  }}
                 </div>
                 <div class="bottom">
                   {{combo-box
                     content=endpointMethods
                     value=endpoint.method
                     onChange=(action (mut endpoint.method))
-                    options=(hash none="admin.wizard.api.endpoint.method")
+                    options=(hash
-                  }}
+                      none="admin.wizard.api.endpoint.method"
+                    )}}
                   {{combo-box
                     content=contentTypes
                     value=endpoint.content_type
                     onChange=(action (mut endpoint.content_type))
-                    options=(hash none="admin.wizard.api.endpoint.content_type")
+                    options=(hash
-                  }}
+                      none="admin.wizard.api.endpoint.content_type"
+                    )}}
                   {{multi-select
                     value=endpoint.success_codes
                     content=successCodes
                     onChange=(action (mut endpoint.success_codes))
                     options=(hash
                       none="admin.wizard.api.endpoint.success_codes"
-                    )
+                    )}}
-                  }}
                 </div>
               </div>
             </div>
@@ -319,8 +312,7 @@
     {{d-button
       action=(action "clearLogs")
       class="clear-logs"
-      label="admin.wizard.api.log.clear"
+      label="admin.wizard.api.log.clear"}}
-    }}
   </div>
 </div>
 
@@ -340,10 +332,7 @@
             <td>{{logentry.time}}</td>
             <td class="user-image">
               <div class="user-image-inner">
-                <a
+                <a href={{logentry.userpath}} data-user-card={{logentry.username}}>{{avatar logentry imageSize="medium"}}</a>
-                  href={{logentry.userpath}}
-                  data-user-card={{logentry.username}}
-                >{{avatar logentry imageSize="medium"}}</a>
               </div>
             </td>
             <td>{{logentry.status}}</td>
@@ -354,4 +343,4 @@
       </tbody>
     </table>
   </div>
-</div>
+</div>

assets/javascripts/discourse/templates/admin-wizards-api.hbs

@@ -3,16 +3,16 @@
     value=apiName
     content=apiList
     onChange=(route-action "changeApi")
-    options=(hash none="admin.wizard.api.select")
+    options=(hash
-  }}
+      none="admin.wizard.api.select"
+    )}}
 
   {{d-button
     action=(route-action "createApi")
     label="admin.wizard.api.create"
-    icon="plus"
+    icon="plus"}}
-  }}
 </div>
 
 <div class="admin-wizard-container">
   {{outlet}}
-</div>
+</div>

assets/javascripts/discourse/templates/admin-wizards-custom-fields.hbs

@@ -5,8 +5,7 @@
     {{d-button
       label="admin.wizard.custom_field.add"
       icon="plus"
-      action=(action "addField")
+      action=(action "addField")}}
-    }}
   </div>
 </div>
 
@@ -15,8 +14,7 @@
   opts=messageOpts
   type=messageType
   url=documentationUrl
-  component="custom_fields"
+  component="custom_fields"}}
-}}
 
 <div class="admin-wizard-container">
   {{#if customFields}}
@@ -34,10 +32,9 @@
           {{custom-field-input
             field=field
             removeField=(action "removeField")
-            saveField=(action "saveField")
+            saveField=(action "saveField")}}
-          }}
         {{/each}}
       </tbody>
     </table>
   {{/if}}
-</div>
+</div>

assets/javascripts/discourse/templates/admin-wizards-logs-show.hbs

@@ -9,8 +9,7 @@
         label="refresh"
         icon="sync"
         action=(action "refresh")
-        class="refresh"
+        class="refresh"}}
-      }}
     </div>
   </div>
 
@@ -32,10 +31,7 @@
             {{#each logs as |log|}}
               <tr>
                 {{#each-in log as |field value|}}
-                  <td class="small">{{wizard-table-field
+                  <td class="small">{{wizard-table-field field=field value=value}}</td>
-                      field=field
-                      value=value
-                    }}</td>
                 {{/each-in}}
               </tr>
             {{/each}}
@@ -46,4 +42,4 @@
       {{conditional-loading-spinner condition=refreshing}}
     {{/load-more}}
   </div>
-{{/if}}
+{{/if}}

assets/javascripts/discourse/templates/admin-wizards-logs.hbs

@@ -3,17 +3,17 @@
     value=wizardId
     content=wizardList
     onChange=(route-action "changeWizard")
-    options=(hash none="admin.wizard.select")
+    options=(hash
-  }}
+      none="admin.wizard.select"
+    )}}
 </div>
 
 {{wizard-message
   key=messageKey
   opts=messageOpts
   url=documentationUrl
-  component="logs"
+  component="logs"}}
-}}
 
 <div class="admin-wizard-container">
   {{outlet}}
-</div>
+</div>

assets/javascripts/discourse/templates/admin-wizards-manager.hbs

@@ -20,26 +20,22 @@
     {{d-button
       id="upload-button"
       label="admin.wizard.manager.upload"
-      action=(action "upload")
+      action=(action "upload")}}
-    }}
     {{d-button
       id="import-button"
       label="admin.wizard.manager.import"
       action=(action "import")
-      disabled=importDisabled
+      disabled=importDisabled}}
-    }}
     {{d-button
       id="export-button"
       label="admin.wizard.manager.export"
       action=(action "export")
-      disabled=exportDisabled
+      disabled=exportDisabled}}
-    }}
     {{d-button
       id="destroy-button"
       label="admin.wizard.manager.destroy"
       action=(action "destroy")
-      disabled=destoryDisabled
+      disabled=destoryDisabled}}
-    }}
   </div>
 </div>
 
@@ -50,8 +46,7 @@
   opts=messageOpts
   items=messageItems
   loading=loading
-  component="manager"
+  component="manager"}}
-}}
 
 <div class="admin-wizard-container">
   <table class="table grid">
@@ -88,4 +83,4 @@
       {{/each}}
     </tbody>
   </table>
-</div>
+</div>

assets/javascripts/discourse/templates/admin-wizards-submissions-show.hbs

@@ -58,4 +58,4 @@
       {{conditional-loading-spinner condition=loadingMore}}
     {{/load-more}}
   </div>
-{{/if}}
+{{/if}}

assets/javascripts/discourse/templates/admin-wizards-submissions.hbs

@@ -3,17 +3,17 @@
     value=wizardId
     content=wizardList
     onChange=(route-action "changeWizard")
-    options=(hash none="admin.wizard.select")
+    options=(hash
-  }}
+      none="admin.wizard.select"
+    )}}
 </div>
 
 {{wizard-message
   key=messageKey
   opts=messageOpts
   url=documentationUrl
-  component="submissions"
+  component="submissions"}}
-}}
 
 <div class="admin-wizard-container">
   {{outlet}}
-</div>
+</div>

assets/javascripts/discourse/templates/admin-wizards-wizard-show.hbs

@@ -9,23 +9,11 @@
     <div class="wizard-url">
       {{#if wizard.name}}
         {{#if copiedUrl}}
-          {{d-button
+          {{d-button class="btn-hover pull-right" icon="copy" label="ip_lookup.copied"}}
-            class="btn-hover pull-right"
-            icon="copy"
-            label="ip_lookup.copied"
-          }}
         {{else}}
-          {{d-button
+          {{d-button action=(action "copyUrl") class="pull-right no-text" icon="copy"}}
-            action=(action "copyUrl")
-            class="pull-right no-text"
-            icon="copy"
-          }}
         {{/if}}
-        <a
+        <a href={{wizardUrl}} target="_blank" rel="noopener noreferrer">{{wizardUrl}}</a>
-          href={{wizardUrl}}
-          target="_blank"
-          rel="noopener noreferrer"
-        >{{wizardUrl}}</a>
       {{/if}}
     </div>
   </div>
@@ -55,8 +43,9 @@
           valueProperty="id"
           value=wizard.theme_id
           onChange=(action (mut wizard.theme_id))
-          options=(hash none="admin.wizard.no_theme")
+          options=(hash
-        }}
+            none="admin.wizard.no_theme"
+          )}}
       </div>
     </div>
   </div>
@@ -71,7 +60,10 @@
         <label>{{i18n "admin.wizard.save_submissions"}}</label>
       </div>
       <div class="setting-value">
-        <Input @type="checkbox" @checked={{this.wizard.save_submissions}} />
+        <Input
+          @type="checkbox"
+          @checked={{this.wizard.save_submissions}}
+        />
         <span>{{i18n "admin.wizard.save_submissions_label"}}</span>
       </div>
     </div>
@@ -81,7 +73,10 @@
         <label>{{i18n "admin.wizard.multiple_submissions"}}</label>
       </div>
       <div class="setting-value">
-        <Input @type="checkbox" @checked={{this.wizard.multiple_submissions}} />
+        <Input
+          @type="checkbox"
+          @checked={{this.wizard.multiple_submissions}}
+        />
         <span>{{i18n "admin.wizard.multiple_submissions_label"}}</span>
       </div>
     </div>
@@ -91,7 +86,10 @@
         <label>{{i18n "admin.wizard.after_signup"}}</label>
       </div>
       <div class="setting-value">
-        <Input @type="checkbox" @checked={{this.wizard.after_signup}} />
+        <Input
+          @type="checkbox"
+          @checked={{this.wizard.after_signup}}
+        />
         <span>{{i18n "admin.wizard.after_signup_label"}}</span>
       </div>
     </div>
@@ -101,7 +99,10 @@
         <label>{{i18n "admin.wizard.prompt_completion"}}</label>
       </div>
       <div class="setting-value">
-        <Input @type="checkbox" @checked={{this.wizard.prompt_completion}} />
+        <Input
+          @type="checkbox"
+          @checked={{this.wizard.prompt_completion}}
+        />
         <span>{{i18n "admin.wizard.prompt_completion_label"}}</span>
       </div>
     </div>
@@ -111,14 +112,16 @@
         <label>{{i18n "admin.wizard.after_time"}}</label>
       </div>
       <div class="setting-value">
-        <Input @type="checkbox" @checked={{this.wizard.after_time}} />
+        <Input
+          @type="checkbox"
+          @checked={{this.wizard.after_time}}
+        />
         <span>{{i18n "admin.wizard.after_time_label"}}</span>
         {{d-button
           action=(action "setNextSessionScheduled")
           translatedLabel=nextSessionScheduledLabel
           class="btn-after-time"
-          icon="far-calendar"
+          icon="far-calendar"}}
-        }}
       </div>
     </div>
 
@@ -128,7 +131,10 @@
           <label>{{i18n "admin.wizard.required"}}</label>
         </div>
         <div class="setting-value">
-          <Input @type="checkbox" @checked={{this.wizard.required}} />
+          <Input
+            @type="checkbox"
+            @checked={{this.wizard.required}}
+          />
           <span>{{i18n "admin.wizard.required_label"}}</span>
         </div>
       </div>
@@ -138,7 +144,10 @@
           <label>{{i18n "admin.wizard.restart_on_revisit"}}</label>
         </div>
         <div class="setting-value">
-          <Input @type="checkbox" @checked={{this.wizard.restart_on_revisit}} />
+          <Input
+            @type="checkbox"
+            @checked={{this.wizard.restart_on_revisit}}
+          />
           <span>{{i18n "admin.wizard.restart_on_revisit_label"}}</span>
         </div>
       </div>
@@ -158,14 +167,16 @@
               userFieldSelection="key"
               textSelection="value"
               inputConnector="and"
-            )
+            )}}
-          }}
         </div>
       </div>
     {{/wizard-subscription-container}}
   </div>
 
-  {{wizard-links itemType="step" current=currentStep items=wizard.steps}}
+  {{wizard-links
+    itemType="step"
+    current=currentStep
+    items=wizard.steps}}
 
   {{#if currentStep}}
     {{wizard-custom-step
@@ -174,16 +185,14 @@
       currentField=currentField
       wizardFields=wizardFields
       fieldTypes=filteredFieldTypes
-      subscribed=subscribed
+      subscribed=subscribed}}
-    }}
   {{/if}}
 
   {{wizard-links
     itemType="action"
     current=currentAction
     items=wizard.actions
-    generateLabels=true
+    generateLabels=true}}
-  }}
 
   {{#each wizard.actions as |wizardAction|}}
     {{wizard-custom-action
@@ -193,17 +202,11 @@
       apis=apis
       removeAction="removeAction"
       wizardFields=wizardFields
-      fieldTypes=filteredFieldTypes
+      fieldTypes=filteredFieldTypes}}
-    }}
   {{/each}}
 
   <div class="admin-wizard-buttons">
-    <button
+    <button {{action "save"}} disabled={{disableSave}} class="btn btn-primary" type="button">
-      {{action "save"}}
-      disabled={{disableSave}}
-      class="btn btn-primary"
-      type="button"
-    >
       {{i18n "admin.wizard.save"}}
     </button>
 
@@ -219,4 +222,4 @@
       <span class="error">{{d-icon "times"}}{{error}}</span>
     {{/if}}
   </div>
-{{/if}}
+{{/if}}

assets/javascripts/discourse/templates/admin-wizards-wizard.hbs

@@ -3,18 +3,21 @@
     value=wizardListVal
     content=wizardList
     onChange=(route-action "changeWizard")
-    options=(hash none="admin.wizard.select")
+    options=(hash
-  }}
+      none="admin.wizard.select"
+    )}}
 
   {{d-button
     action=(route-action "createWizard")
     label="admin.wizard.create"
-    icon="plus"
+    icon="plus"}}
-  }}
 </div>
 
-{{wizard-message key=messageKey url=messageUrl component="wizard"}}
+{{wizard-message
+  key=messageKey
+  url=messageUrl
+  component="wizard"}}
 
 <div class="admin-wizard-container settings">
   {{outlet}}
-</div>
+</div>

assets/javascripts/discourse/templates/admin-wizards.hbs

@@ -1,21 +1,12 @@
 {{#admin-nav}}
   {{nav-item route="adminWizardsWizard" label="admin.wizard.nav_label"}}
-  {{nav-item
+  {{nav-item route="adminWizardsCustomFields" label="admin.wizard.custom_field.nav_label"}}
-    route="adminWizardsCustomFields"
+  {{nav-item route="adminWizardsSubmissions" label="admin.wizard.submissions.nav_label"}}
-    label="admin.wizard.custom_field.nav_label"
-  }}
-  {{nav-item
-    route="adminWizardsSubmissions"
-    label="admin.wizard.submissions.nav_label"
-  }}
   {{#if showApi}}
     {{nav-item route="adminWizardsApi" label="admin.wizard.api.nav_label"}}
   {{/if}}
   {{nav-item route="adminWizardsLogs" label="admin.wizard.log.nav_label"}}
-  {{nav-item
+  {{nav-item route="adminWizardsManager" label="admin.wizard.manager.nav_label"}}
-    route="adminWizardsManager"
-    label="admin.wizard.manager.nav_label"
-  }}
 
   <div class="admin-actions">
     {{wizard-subscription-badge}}
@@ -25,4 +16,4 @@
 
 <div class="admin-container">
   {{outlet}}
-</div>
+</div>

assets/javascripts/discourse/templates/components/custom-field-input.hbs

@@ -5,8 +5,9 @@
       feature="custom_field"
       attribute="klass"
       onChange=(action (mut field.klass))
-      options=(hash none="admin.wizard.custom_field.klass.select")
+      options=(hash
-    }}
+        none="admin.wizard.custom_field.klass.select"
+      )}}
   </td>
   <td>
     {{wizard-subscription-selector
@@ -14,8 +15,9 @@
       feature="custom_field"
       attribute="type"
       onChange=(action (mut field.type))
-      options=(hash none="admin.wizard.custom_field.type.select")
+      options=(hash
-    }}
+        none="admin.wizard.custom_field.type.select"
+      )}}
   </td>
   <td class="input">
     <Input
@@ -28,8 +30,9 @@
       value=field.serializers
       content=serializerContent
       onChange=(action (mut field.serializers))
-      options=(hash none="admin.wizard.custom_field.serializers.select")
+      options=(hash
-    }}
+        none="admin.wizard.custom_field.serializers.select"
+      )}}
   </td>
   <td class="actions">
     {{#if loading}}
@@ -43,15 +46,16 @@
       action=(action "destroy")
       icon="trash-alt"
       class="destroy"
-      disabled=destroyDisabled
+      disabled=destroyDisabled}}
-    }}
     {{d-button
       icon="save"
       action=(action "save")
       disabled=saveDisabled
-      class="save"
+      class="save"}}
-    }}
+    {{d-button
-    {{d-button action=(action "close") icon="times" disabled=closeDisabled}}
+      action=(action "close")
+      icon="times"
+      disabled=closeDisabled}}
   </td>
 {{else}}
   <td><label>{{field.klass}}</label></td>
@@ -77,4 +81,4 @@
       {{d-button action=(action "edit") icon="pencil-alt"}}
     </td>
   {{/if}}
-{{/if}}
+{{/if}}

assets/javascripts/discourse/templates/components/custom-wizard-composer-editor.hbs

@@ -14,8 +14,7 @@
   wizardComposer=true
   fieldId=field.id
   disabled=disableTextarea
-  outletArgs=(hash composer=composer editorType="composer")
+  outletArgs=(hash composer=composer editorType="composer")}}
-}}
 
 <input
   type="file"
@@ -23,4 +22,4 @@
   class="wizard-composer-upload"
   accept={{allowedFileTypes}}
   multiple
-/>
+  >

assets/javascripts/discourse/templates/components/custom-wizard-date-input.hbs

@@ -8,4 +8,4 @@
   autocomplete="off"
 />
 
-<div class="picker-container"></div>
+<div class="picker-container"></div>

assets/javascripts/discourse/templates/components/custom-wizard-date-time-input.hbs

@@ -26,5 +26,9 @@
 {{/if}}
 
 {{#if clearable}}
-  {{d-button class="clear-date-time" icon="times" action=(action "onClear")}}
+  {{d-button
-{{/if}}
+    class="clear-date-time"
+    icon="times"
+    action=(action "onClear")
+  }}
+{{/if}}

assets/javascripts/discourse/templates/components/custom-wizard-editor.hbs

@@ -2,7 +2,7 @@
 
 <div class="d-editor-container">
   {{#if showPreview}}
-    <div class="d-editor-preview-wrapper {{if forcePreview 'force-preview'}}">
+    <div class="d-editor-preview-wrapper {{if forcePreview "force-preview"}}">
       <div class="d-editor-preview">
         {{html-safe preview}}
       </div>
@@ -18,16 +18,13 @@
                 onExpand=(action b.action b)
                 class=b.className
                 content=popupMenuOptions
-                options=(hash popupTitle=b.title icon=b.icon)
+                options=(hash
-              }}
+                  popupTitle=b.title
+                  icon=b.icon
+                )}}
             {{else}}
               <div>{{d.icon}}</div>
-              <button
+              <button class="wizard-btn {{b.className}}" {{action b.action b}} title={{b.title}} type="button">
-                class="wizard-btn {{b.className}}"
-                {{action b.action b}}
-                title={{b.title}}
-                type="button"
-              >
                 {{d-icon b.icon}}
                 {{#if b.label}}
                   <span class="d-button-label">{{i18n b.label}}</span>
@@ -51,4 +48,4 @@
       />
     </div>
   {{/if}}
-</div>
+</div>

assets/javascripts/discourse/templates/components/custom-wizard-field-category.hbs

@@ -4,5 +4,6 @@
   whitelist=field.content
   onChange=(action (mut categories))
   tabindex=field.tabindex
-  options=(hash maximum=field.limit)
+  options=(hash
-}}
+    maximum=field.limit
+  )}}

assets/javascripts/discourse/templates/components/custom-wizard-field-checkbox.hbs

@@ -4,4 +4,4 @@
   @checked={{this.field.value}}
   tabindex={{this.field.tabindex}}
   class={{this.fieldClass}}
-/>
+/>

assets/javascripts/discourse/templates/components/custom-wizard-field-composer-preview.hbs

@@ -2,4 +2,4 @@
   <div class="d-editor-preview">
     {{html-safe field.preview_template}}
   </div>
-</div>
+</div>

assets/javascripts/discourse/templates/components/custom-wizard-field-composer.hbs

@@ -7,19 +7,14 @@
   cannotSeeMention=(action "cannotSeeMention")
   importQuote=(action "importQuote")
   togglePreview=(action "togglePreview")
-  afterRefresh=(action "afterRefresh")
+  afterRefresh=(action "afterRefresh")}}
-}}
 
 <div class="bottom-bar">
-  <button
+  <button class="wizard-btn toggle-preview" {{action "togglePreview"}} type="button">
-    class="wizard-btn toggle-preview"
-    {{action "togglePreview"}}
-    type="button"
-  >
     <span class="d-button-label">{{i18n togglePreviewLabel}}</span>
   </button>
 
   {{#if field.char_counter}}
     {{wizard-char-counter field.value field.max_length}}
   {{/if}}
-</div>
+</div>

assets/javascripts/discourse/templates/components/custom-wizard-field-date-time.hbs

@@ -2,4 +2,4 @@
   date=dateTime
   onChange=(action "onChange")
   tabindex=field.tabindex
-}}
+}}

assets/javascripts/discourse/templates/components/custom-wizard-field-date.hbs

@@ -3,4 +3,4 @@
   onChange=(action "onChange")
   tabindex=field.tabindex
   format=field.format
-}}
+}}

assets/javascripts/discourse/templates/components/custom-wizard-field-dropdown.hbs

@@ -4,5 +4,6 @@
   content=field.content
   tabindex=field.tabindex
   onChange=(action "onChangeValue")
-  options=(hash none="select_kit.default_header_text")
+  options=(hash
-}}
+    none="select_kit.default_header_text"
+  )}}

assets/javascripts/discourse/templates/components/custom-wizard-field-group.hbs

@@ -6,5 +6,6 @@
   value=field.value
   tabindex=field.tabindex
   onChange=(action (mut field.value))
-  options=(hash none="select_kit.default_header_text")
+  options=(hash
-}}
+    none="select_kit.default_header_text"
+  )}}

assets/javascripts/discourse/templates/components/custom-wizard-field-number.hbs

@@ -5,4 +5,5 @@
   @value={{this.field.value}}
   tabindex={{this.field.tabindex}}
   class={{this.fieldClass}}
-/>
+/>
+

assets/javascripts/discourse/templates/components/custom-wizard-field-tag.hbs

@@ -4,5 +4,7 @@
   tabindex=field.tabindex
   tagGroups=field.tag_groups
   everyTag=true
-  options=(hash maximum=field.limit allowAny=field.can_create_tag)
+  options=(hash
-}}
+    maximum=field.limit
+    allowAny=field.can_create_tag
+  )}}

assets/javascripts/discourse/templates/components/custom-wizard-field-text.hbs

@@ -5,4 +5,4 @@
   class={{this.fieldClass}}
   placeholder={{this.field.translatedPlaceholder}}
   autocomplete={{this.autocomplete}}
-/>
+/>

assets/javascripts/discourse/templates/components/custom-wizard-field-textarea.hbs

@@ -4,4 +4,4 @@
   tabindex={{this.field.tabindex}}
   class={{this.fieldClass}}
   placeholder={{this.field.translatedPlaceholder}}
-/>
+/>

assets/javascripts/discourse/templates/components/custom-wizard-field-time.hbs

@@ -2,4 +2,4 @@
   date=time
   onChange=(action "onChange")
   tabindex=field.tabindex
-}}
+}}

assets/javascripts/discourse/templates/components/custom-wizard-field-upload.hbs

@@ -1,7 +1,4 @@
-<label
+<label class="wizard-btn wizard-btn-upload-file {{if uploading "disabled"}}" tabindex={{field.tabindex}}>
-  class="wizard-btn wizard-btn-upload-file {{if uploading 'disabled'}}"
-  tabindex={{field.tabindex}}
->
   {{#if uploading}}
     {{i18n "wizard.uploading"}}
   {{else}}
@@ -9,19 +6,13 @@
     {{d-icon "upload"}}
   {{/if}}
 
-  <input
+  <input disabled={{uploading}} class="hidden-upload-field" type="file" accept={{field.file_types}} style="visibility: hidden; position: absolute;" >
-    disabled={{uploading}}
-    class="hidden-upload-field"
-    type="file"
-    accept={{field.file_types}}
-    style="visibility: hidden; position: absolute;"
-  />
 </label>
 
 {{#if field.value}}
   {{#if isImage}}
-    <img src={{field.value.url}} class="wizard-image-preview" />
+    <img src={{field.value.url}}  class="wizard-image-preview">
   {{else}}
     {{field.value.original_filename}}
   {{/if}}
-{{/if}}
+{{/if}}

assets/javascripts/discourse/templates/components/custom-wizard-field-url.hbs

@@ -3,4 +3,4 @@
   @value={{this.field.value}}
   tabindex={{this.field.tabindex}}
   class={{this.fieldClass}}
-/>
+/>

assets/javascripts/discourse/templates/components/custom-wizard-field-user-selector.hbs

@@ -1,5 +1,4 @@
 {{custom-user-selector
   usernames=field.value
   placeholderKey=field.placeholder
-  tabindex=field.tabindex
+  tabindex=field.tabindex}}
-}}

assets/javascripts/discourse/templates/components/custom-wizard-field.hbs

@@ -1,38 +1,29 @@
-<label for={{field.id}} class="field-label">
+<label for={{field.id}} class="field-label">
-  {{html-safe field.translatedLabel}}
+  {{html-safe field.translatedLabel}}
-</label>
+</label>
-
+
-{{#if field.image}}
+{{#if field.image}}
-  <div class="field-image"><img src={{field.image}} /></div>
+  <div class="field-image"><img src={{field.image}}></div>
-{{/if}}
+{{/if}}
-
+
-{{#if field.description}}
+{{#if field.description}}
-  <div class="field-description">{{cookedDescription}}</div>
+  <div class="field-description">{{cookedDescription}}</div>
-{{/if}}
+{{/if}}
-
+
-{{#field-validators field=field as |validators|}}
+{{#field-validators field=field as |validators|}}
-  {{#if inputComponentName}}
+  {{#if inputComponentName}}
-    <div class="input-area">
+    <div class="input-area">
-      {{component
+      {{component inputComponentName field=field step=step fieldClass=fieldClass wizard=wizard autocomplete=validators.autocomplete}}
-        inputComponentName
+    </div>
-        field=field
+  {{/if}}
-        step=step
+{{/field-validators}}
-        fieldClass=fieldClass
+
-        wizard=wizard
+{{#if field.char_counter}}
-        autocomplete=validators.autocomplete
+  {{#if textType}}
-      }}
+    {{wizard-char-counter field.value field.max_length}}
-    </div>
+  {{/if}}
-  {{/if}}
+{{/if}}
-{{/field-validators}}
+
-
+{{#if field.errorDescription}}
-{{#if field.char_counter}}
+  <div class="field-error-description">{{html-safe field.errorDescription}}</div>
-  {{#if textType}}
+{{/if}}
-    {{wizard-char-counter field.value field.max_length}}
-  {{/if}}
-{{/if}}
-
-{{#if field.errorDescription}}
-  <div class="field-error-description">{{html-safe
-      field.errorDescription
-    }}</div>
-{{/if}}

assets/javascripts/discourse/templates/components/custom-wizard-no-access.hbs

@@ -1,11 +1,7 @@
 <div>{{text}}</div>
 <div class="no-access-gutter">
-  <button
+  <button class="wizard-btn primary return-to-site" {{action "skip"}} type="button">
-    class="wizard-btn primary return-to-site"
-    {{action "skip"}}
-    type="button"
-  >
     {{i18n "wizard.return_to_site" siteName=siteName}}
     {{d-icon "sign-out-alt"}}
   </button>
-</div>
+</div>

assets/javascripts/discourse/templates/components/custom-wizard-similar-topic.hbs

@@ -1,6 +1,4 @@
 <a href={{topic.url}} target="_blank" rel="noopener noreferrer">
   <span class="title">{{html-safe topic.fancy_title}}</span>
-  <div class="blurb">{{date-node topic.created_at}}
+  <div class="blurb">{{date-node topic.created_at}} - {{html-safe topic.blurb}}</div>
-    -
+</a>
-    {{html-safe topic.blurb}}</div>
-</a>

assets/javascripts/discourse/templates/components/custom-wizard-similar-topics.hbs

@@ -1,11 +1,11 @@
-{{#if showTopics}}
+{{#if showTopics}}
-  <ul>
+  <ul>
-    {{#each topics as |topic|}}
+    {{#each topics as |topic|}}
-      <li>{{custom-wizard-similar-topic topic=topic}}</li>
+      <li>{{custom-wizard-similar-topic topic=topic}}</li>
-    {{/each}}
+    {{/each}}
-  </ul>
+  </ul>
-{{else}}
+{{else}}
-  <a role="button" class="show-topics" {{action "toggleShowTopics"}}>
+  <a role="button" class="show-topics" {{action "toggleShowTopics"}}>
-    {{i18n "realtime_validations.similar_topics.show"}}
+    {{i18n "realtime_validations.similar_topics.show"}}
-  </a>
+  </a>
-{{/if}}
+{{/if}}

assets/javascripts/discourse/templates/components/custom-wizard-step.hbs

@@ -5,7 +5,7 @@
 
   {{#if bannerImage}}
     <div class="wizard-step-banner">
-      <img src={{bannerImage}} />
+      <img src={{bannerImage}}>
     </div>
   {{/if}}
 
@@ -26,11 +26,7 @@
     <div class="white"></div>
     <div class="black" style={{barStyle}}></div>
     <div class="screen"></div>
-    <span>{{i18n
+    <span>{{i18n "wizard.step" current=step.displayIndex total=wizard.totalSteps}}</span>
-        "wizard.step"
-        current=step.displayIndex
-        total=wizard.totalSteps
-      }}</span>
   </div>
 
   <div class="wizard-buttons">
@@ -38,47 +34,25 @@
       {{loading-spinner size="small"}}
     {{else}}
       {{#if showQuitButton}}
-        <a
+        <a href {{action "quit"}} class="action-link quit" tabindex={{secondaryButtonIndex}}>{{i18n "wizard.quit"}}</a>
-          href
-          {{action "quit"}}
-          class="action-link quit"
-          tabindex={{secondaryButtonIndex}}
-        >{{i18n "wizard.quit"}}</a>
       {{/if}}
       {{#if showBackButton}}
-        <a
+        <a href {{action "backStep"}} class="action-link back" tabindex={{secondaryButtonIndex}}>{{i18n "wizard.back"}}</a>
-          href
-          {{action "backStep"}}
-          class="action-link back"
-          tabindex={{secondaryButtonIndex}}
-        >{{i18n "wizard.back"}}</a>
       {{/if}}
     {{/if}}
 
     {{#if showNextButton}}
-      <button
+      <button type="button" class="wizard-btn next primary" {{action "nextStep"}} disabled={{saving}} tabindex={{primaryButtonIndex}}>
-        type="button"
-        class="wizard-btn next primary"
-        {{action "nextStep"}}
-        disabled={{saving}}
-        tabindex={{primaryButtonIndex}}
-      >
         {{i18n "wizard.next"}}
         {{d-icon "chevron-right"}}
       </button>
     {{/if}}
 
     {{#if showDoneButton}}
-      <button
+      <button type="button" class="wizard-btn done" {{action "done"}} disabled={{saving}} tabindex={{primaryButtonIndex}}>
-        type="button"
-        class="wizard-btn done"
-        {{action "done"}}
-        disabled={{saving}}
-        tabindex={{primaryButtonIndex}}
-      >
         {{i18n "wizard.done_custom"}}
       </button>
     {{/if}}
   </div>
 
-</div>
+</div>

assets/javascripts/discourse/templates/components/custom-wizard-time-input.hbs

@@ -10,4 +10,4 @@
     autoInsertNoneItem=false
     translatedFilterPlaceholder="--:--"
   )
-}}
+}}

assets/javascripts/discourse/templates/components/field-validators.hbs

@@ -1,23 +1,13 @@
-{{#if field.validations}}
+{{#if field.validations}}
-  {{#each-in field.validations.above as |type validation|}}
+  {{#each-in field.validations.above as |type validation|}}
-    {{component
+    {{component validation.component field=field type=type validation=validation}}
-      validation.component
+  {{/each-in}}
-      field=field
+
-      type=type
+  {{yield (hash perform=(action "perform") autocomplete="off")}}
-      validation=validation
+
-    }}
+  {{#each-in field.validations.below as |type validation|}}
-  {{/each-in}}
+    {{component validation.component field=field type=type validation=validation}}
-
+  {{/each-in}}
-  {{yield (hash perform=(action "perform") autocomplete="off")}}
+{{else}}
-
+  {{yield}}
-  {{#each-in field.validations.below as |type validation|}}
+{{/if}}
-    {{component
-      validation.component
-      field=field
-      type=type
-      validation=validation
-    }}
-  {{/each-in}}
-{{else}}
-  {{yield}}
-{{/if}}

assets/javascripts/discourse/templates/components/similar-topics-validator.hbs

@@ -10,4 +10,4 @@
 
 {{#if showSimilarTopics}}
   {{custom-wizard-similar-topics topics=similarTopics}}
-{{/if}}
+{{/if}}

assets/javascripts/discourse/templates/components/validator.hbs

@@ -2,4 +2,4 @@
   {{i18n validMessageKey}}
 {{else}}
   {{i18n invalidMessageKey}}
-{{/if}}
+{{/if}}

assets/javascripts/discourse/templates/components/wizard-custom-action.hbs

@@ -3,8 +3,7 @@
     action=(action "undoChanges")
     icon=undoIcon
     label=undoKey
-    class="undo-changes"
+    class="undo-changes"}}
-  }}
 {{/if}}
 
 <div class="setting">
@@ -14,12 +13,14 @@
 
   <div class="setting-value">
     {{wizard-subscription-selector
-      value=this.action.type
+      value=action.type
       feature="action"
       attribute="type"
       onChange=(action "changeType")
       wizard=wizard
-      options=(hash none="admin.wizard.select_type")
+      options=(hash
+        none="admin.wizard.select_type"
+      )
     }}
   </div>
 </div>
@@ -31,14 +32,16 @@
 
   <div class="setting-value">
     {{combo-box
-      value=this.action.run_after
+      value=action.run_after
       content=runAfterContent
-      onChange=(action (mut this.action.run_after))
+      onChange=(action (mut action.run_after))}}
-    }}
   </div>
 </div>
 
-{{wizard-message key=messageKey url=messageUrl component="action"}}
+{{wizard-message
+  key=messageKey
+  url=messageUrl
+  component="action"}}
 
 {{#if basicTopicFields}}
   <div class="setting full field-mapper-setting">
@@ -48,15 +51,14 @@
 
     <div class="setting-value">
       {{wizard-mapper
-        inputs=this.action.title
+        inputs=action.title
         property="title"
         onUpdate=(action "mappedFieldUpdated")
         options=(hash
           wizardFieldSelection=true
           userFieldSelection="key,value"
           context="action"
-        )
+        )}}
-      }}
     </div>
   </div>
 
@@ -67,24 +69,26 @@
 
     <div class="setting-value">
       {{combo-box
-        value=this.action.post
+        value=action.post
         content=wizardFields
         nameProperty="label"
-        onChange=(action (mut this.action.post))
+        onChange=(action (mut action.post))
         options=(hash
           none="admin.wizard.selector.placeholder.wizard_field"
           isDisabled=showPostBuilder
-        )
+        )}}
-      }}
 
       <div class="setting-gutter">
-        <Input @type="checkbox" @checked={{this.action.post_builder}} />
+        <Input
+          @type="checkbox"
+          @checked={{this.action.post_builder}}
+        />
         <span>{{i18n "admin.wizard.action.post_builder.checkbox"}}</span>
       </div>
     </div>
   </div>
 
-  {{#if this.action.post_builder}}
+  {{#if action.post_builder}}
     <div class="setting full">
       <div class="setting-label">
         <label>{{i18n "admin.wizard.action.post_builder.label"}}</label>
@@ -92,9 +96,8 @@
 
       <div class="setting-value editor">
         {{wizard-text-editor
-          value=this.action.post_template
+          value=action.post_template
-          wizardFields=wizardFields
+          wizardFields=wizardFields}}
-        }}
       </div>
     </div>
   {{/if}}
@@ -108,7 +111,7 @@
 
     <div class="setting-value">
       {{wizard-mapper
-        inputs=this.action.category
+        inputs=action.category
         property="category"
         onUpdate=(action "mappedFieldUpdated")
         options=(hash
@@ -119,8 +122,7 @@
           wizardActionSelection="output"
           outputDefaultSelection="category"
           context="action"
-        )
+        )}}
-      }}
     </div>
   </div>
 
@@ -131,7 +133,7 @@
 
     <div class="setting-value">
       {{wizard-mapper
-        inputs=this.action.tags
+        inputs=action.tags
         property="tags"
         onUpdate=(action "mappedFieldUpdated")
         options=(hash
@@ -141,8 +143,7 @@
           wizardFieldSelection=true
           userFieldSelection="key,value"
           context="action"
-        )
+        )}}
-      }}
     </div>
   </div>
 
@@ -153,13 +154,14 @@
 
     <div class="setting-value">
       {{wizard-mapper
-        inputs=this.action.visible
+        inputs=action.visible
         property="visible"
         onUpdate=(action "mappedFieldUpdated")
         options=(hash
-          wizardFieldSelection=true userFieldSelection=true context="action"
+          wizardFieldSelection=true
-        )
+          userFieldSelection=true
-      }}
+          context="action"
+        )}}
     </div>
   </div>
 
@@ -171,11 +173,13 @@
 
       <div class="setting-value">
         {{wizard-mapper
-          inputs=this.action.add_event
+          inputs=action.add_event
           property="add_event"
           onUpdate=(action "mappedFieldUpdated")
-          options=(hash wizardFieldSelection=true context="action")
+          options=(hash
-        }}
+            wizardFieldSelection=true
+            context="action"
+          )}}
       </div>
     </div>
   {{/if}}
@@ -188,11 +192,13 @@
 
       <div class="setting-value">
         {{wizard-mapper
-          inputs=this.action.add_location
+          inputs=action.add_location
           property="add_location"
           onUpdate=(action "mappedFieldUpdated")
-          options=(hash wizardFieldSelection=true context="action")
+          options=(hash
-        }}
+            wizardFieldSelection=true
+            context="action"
+          )}}
       </div>
     </div>
   {{/if}}
@@ -206,7 +212,7 @@
 
     <div class="setting-value">
       {{wizard-mapper
-        inputs=this.action.recipient
+        inputs=action.recipient
         property="recipient"
         onUpdate=(action "mappedFieldUpdated")
         options=(hash
@@ -217,8 +223,7 @@
           userSelection="output"
           outputDefaultSelection="user"
           context="action"
-        )
+        )}}
-      }}
     </div>
   </div>
 {{/if}}
@@ -230,7 +235,7 @@
     </div>
 
     {{wizard-mapper
-      inputs=this.action.profile_updates
+      inputs=action.profile_updates
       property="profile_updates"
       onUpdate=(action "mappedFieldUpdated")
       options=(hash
@@ -241,8 +246,7 @@
         wizardActionSelection="value"
         keyDefaultSelection="userField"
         context="action"
-      )
+      )}}
-    }}
   </div>
 {{/if}}
 
@@ -254,14 +258,13 @@
 
     <div class="setting-value">
       {{combo-box
-        value=this.action.api
+        value=action.api
         content=availableApis
-        onChange=(action (mut this.action.api))
+        onChange=(action (mut action.api))
         options=(hash
-          isDisabled=this.action.custom_title_enabled
+          isDisabled=action.custom_title_enabled
           none="admin.wizard.action.send_to_api.select_an_api"
-        )
+        )}}
-      }}
     </div>
   </div>
 
@@ -272,14 +275,13 @@
 
     <div class="setting-value">
       {{combo-box
-        value=this.action.api_endpoint
+        value=action.api_endpoint
         content=availableEndpoints
-        onChange=(action (mut this.action.api_endpoint))
+        onChange=(action (mut action.api_endpoint))
         options=(hash
           isDisabled=apiEmpty
           none="admin.wizard.action.send_to_api.select_an_endpoint"
-        )
+        )}}
-      }}
     </div>
   </div>
 
@@ -290,12 +292,11 @@
 
     <div class="setting-value">
       {{wizard-text-editor
-        value=this.action.api_body
+        value=action.api_body
         previewEnabled=false
         barEnabled=false
         wizardFields=wizardFields
-        placeholder="admin.wizard.action.send_to_api.body_placeholder"
+        placeholder="admin.wizard.action.send_to_api.body_placeholder"}}
-      }}
     </div>
   </div>
 {{/if}}
@@ -308,7 +309,7 @@
 
     <div class="setting-value">
       {{wizard-mapper
-        inputs=this.action.group
+        inputs=action.group
         property="group"
         onUpdate=(action "mappedFieldUpdated")
         options=(hash
@@ -319,8 +320,7 @@
           groupSelection="value,output"
           outputDefaultSelection="group"
           context="action"
-        )
+        )}}
-      }}
     </div>
   </div>
 {{/if}}
@@ -333,7 +333,7 @@
 
     <div class="setting-value">
       {{wizard-mapper
-        inputs=this.action.url
+        inputs=action.url
         property="url"
         onUpdate=(action "mappedFieldUpdated")
         options=(hash
@@ -343,8 +343,7 @@
           groupSelection="key,value"
           categorySelection="key,value"
           userSelection="key,value"
-        )
+        )}}
-      }}
     </div>
   </div>
 {{/if}}
@@ -357,7 +356,7 @@
 
     <div class="setting-value">
       {{wizard-mapper
-        inputs=this.action.categories
+        inputs=action.categories
         property="categories"
         onUpdate=(action "mappedFieldUpdated")
         options=(hash
@@ -367,49 +366,42 @@
           userFieldSelection="key,value"
           categorySelection="output"
           context="action"
-        )
+        )}}
-      }}
     </div>
   </div>
 
   <div class="setting full field-mapper-setting">
     <div class="setting-label">
-      <label>{{i18n
+      <label>{{i18n "admin.wizard.action.watch_categories.mute_remainder"}}</label>
-          "admin.wizard.action.watch_categories.mute_remainder"
-        }}</label>
     </div>
 
     <div class="setting-value">
       {{wizard-mapper
-        inputs=this.action.mute_remainder
+        inputs=action.mute_remainder
         property="mute_remainder"
         onUpdate=(action "mappedFieldUpdated")
         options=(hash
           context="action"
           wizardFieldSelection=true
           userFieldSelection="key,value"
-        )
+        )}}
-      }}
     </div>
   </div>
 
   <div class="setting">
     <div class="setting-label">
-      <label>{{i18n
+      <label>{{i18n "admin.wizard.action.watch_x.notification_level.label"}}</label>
-          "admin.wizard.action.watch_x.notification_level.label"
-        }}</label>
     </div>
 
     <div class="setting-value">
       {{combo-box
-        value=this.action.notification_level
+        value=action.notification_level
         content=availableNotificationLevels
-        onChange=(action (mut this.action.notification_level))
+        onChange=(action (mut action.notification_level))
         options=(hash
-          isDisabled=this.action.custom_title_enabled
+          isDisabled=action.custom_title_enabled
           none="admin.wizard.action.watch_x.select_a_notification_level"
-        )
+        )}}
-      }}
     </div>
   </div>
 
@@ -419,7 +411,10 @@
     </div>
 
     <div class="setting-value">
-      <Input @type="checkbox" @checked={{this.action.wizard_user}} />
+      <Input
+        @type="checkbox"
+        @checked={{this.action.wizard_user}}
+      />
     </div>
   </div>
 
@@ -430,7 +425,7 @@
 
     <div class="setting-value">
       {{wizard-mapper
-        inputs=this.action.usernames
+        inputs=action.usernames
         property="usernames"
         onUpdate=(action "mappedFieldUpdated")
         options=(hash
@@ -438,8 +433,7 @@
           wizardFieldSelection=true
           userFieldSelection="key,value"
           userSelection="output"
-        )
+        )}}
-      }}
     </div>
   </div>
 {{/if}}
@@ -452,7 +446,7 @@
 
     <div class="setting-value">
       {{wizard-mapper
-        inputs=this.action.tags
+        inputs=action.tags
         property="tags"
         onUpdate=(action "mappedFieldUpdated")
         options=(hash
@@ -462,28 +456,24 @@
           wizardActionSelection=true
           userFieldSelection="key,value"
           context="action"
-        )
+        )}}
-      }}
     </div>
   </div>
 
   <div class="setting">
     <div class="setting-label">
-      <label>{{i18n
+      <label>{{i18n "admin.wizard.action.watch_x.notification_level.label"}}</label>
-          "admin.wizard.action.watch_x.notification_level.label"
-        }}</label>
     </div>
 
     <div class="setting-value">
       {{combo-box
-        value=this.action.notification_level
+        value=action.notification_level
         content=availableNotificationLevels
-        onChange=(action (mut this.action.notification_level))
+        onChange=(action (mut action.notification_level))
         options=(hash
-          isDisabled=this.action.custom_title_enabled
+          isDisabled=action.custom_title_enabled
           none="admin.wizard.action.watch_x.select_a_notification_level"
-        )
+        )}}
-      }}
     </div>
   </div>
 
@@ -493,7 +483,10 @@
     </div>
 
     <div class="setting-value">
-      <Input @type="checkbox" @checked={{this.action.wizard_user}} />
+      <Input
+        @type="checkbox"
+        @checked={{this.action.wizard_user}}
+      />
     </div>
   </div>
 
@@ -504,7 +497,7 @@
 
     <div class="setting-value">
       {{wizard-mapper
-        inputs=this.action.usernames
+        inputs=action.usernames
         property="usernames"
         onUpdate=(action "mappedFieldUpdated")
         options=(hash
@@ -512,8 +505,7 @@
           wizardFieldSelection=true
           userFieldSelection="key,value"
           userSelection="output"
-        )
+        )}}
-      }}
     </div>
   </div>
 {{/if}}
@@ -526,7 +518,7 @@
 
     <div class="setting-value">
       {{wizard-mapper
-        inputs=this.action.name
+        inputs=action.name
         property="name"
         onUpdate=(action "mappedFieldUpdated")
         options=(hash
@@ -534,8 +526,7 @@
           wizardFieldSelection=true
           userFieldSelection=true
           context="action"
-        )
+        )}}
-      }}
     </div>
   </div>
   <div class="setting full field-mapper-setting">
@@ -545,7 +536,7 @@
 
     <div class="setting-value">
       {{wizard-mapper
-        inputs=this.action.full_name
+        inputs=action.full_name
         property="full_name"
         onUpdate=(action "mappedFieldUpdated")
         options=(hash
@@ -553,8 +544,7 @@
           wizardFieldSelection=true
           userFieldSelection=true
           context="action"
-        )
+        )}}
-      }}
     </div>
   </div>
   <div class="setting full field-mapper-setting">
@@ -564,7 +554,7 @@
 
     <div class="setting-value">
       {{wizard-mapper
-        inputs=this.action.title
+        inputs=action.title
         property="title"
         onUpdate=(action "mappedFieldUpdated")
         options=(hash
@@ -572,8 +562,7 @@
           wizardFieldSelection=true
           userFieldSelection=true
           context="action"
-        )
+        )}}
-      }}
     </div>
   </div>
   <div class="setting full field-mapper-setting">
@@ -583,7 +572,7 @@
 
     <div class="setting-value">
       {{wizard-mapper
-        inputs=this.action.bio_raw
+        inputs=action.bio_raw
         property="bio_raw"
         onUpdate=(action "mappedFieldUpdated")
         options=(hash
@@ -591,8 +580,7 @@
           wizardFieldSelection=true
           userFieldSelection=true
           context="action"
-        )
+        )}}
-      }}
     </div>
   </div>
   <div class="setting full field-mapper-setting">
@@ -602,7 +590,7 @@
 
     <div class="setting-value">
       {{wizard-mapper
-        inputs=this.action.owner_usernames
+        inputs=action.owner_usernames
         property="owner_usernames"
         onUpdate=(action "mappedFieldUpdated")
         options=(hash
@@ -611,8 +599,7 @@
           userFieldSelection=true
           userSelection="output"
           context="action"
-        )
+        )}}
-      }}
     </div>
   </div>
   <div class="setting full field-mapper-setting">
@@ -622,7 +609,7 @@
 
     <div class="setting-value">
       {{wizard-mapper
-        inputs=this.action.usernames
+        inputs=action.usernames
         property="usernames"
         onUpdate=(action "mappedFieldUpdated")
         options=(hash
@@ -631,20 +618,17 @@
           userFieldSelection=true
           userSelection="output"
           context="action"
-        )
+        )}}
-      }}
     </div>
   </div>
   <div class="setting full field-mapper-setting">
     <div class="setting-label">
-      <label>{{i18n
+      <label>{{i18n "admin.wizard.action.create_group.grant_trust_level"}}</label>
-          "admin.wizard.action.create_group.grant_trust_level"
-        }}</label>
     </div>
 
     <div class="setting-value">
       {{wizard-mapper
-        inputs=this.action.grant_trust_level
+        inputs=action.grant_trust_level
         property="grant_trust_level"
         onUpdate=(action "mappedFieldUpdated")
         options=(hash
@@ -652,20 +636,17 @@
           wizardFieldSelection=true
           userFieldSelection=true
           context="action"
-        )
+        )}}
-      }}
     </div>
   </div>
   <div class="setting full field-mapper-setting">
     <div class="setting-label">
-      <label>{{i18n
+      <label>{{i18n "admin.wizard.action.create_group.mentionable_level"}}</label>
-          "admin.wizard.action.create_group.mentionable_level"
-        }}</label>
     </div>
 
     <div class="setting-value">
       {{wizard-mapper
-        inputs=this.action.mentionable_level
+        inputs=action.mentionable_level
         property="mentionable_level"
         onUpdate=(action "mappedFieldUpdated")
         options=(hash
@@ -673,20 +654,17 @@
           wizardFieldSelection=true
           userFieldSelection=true
           context="action"
-        )
+        )}}
-      }}
     </div>
   </div>
   <div class="setting full field-mapper-setting">
     <div class="setting-label">
-      <label>{{i18n
+      <label>{{i18n "admin.wizard.action.create_group.messageable_level"}}</label>
-          "admin.wizard.action.create_group.messageable_level"
-        }}</label>
     </div>
 
     <div class="setting-value">
       {{wizard-mapper
-        inputs=this.action.messageable_level
+        inputs=action.messageable_level
         property="messageable_level"
         onUpdate=(action "mappedFieldUpdated")
         options=(hash
@@ -694,20 +672,17 @@
           wizardFieldSelection=true
           userFieldSelection=true
           context="action"
-        )
+        )}}
-      }}
     </div>
   </div>
   <div class="setting full field-mapper-setting">
     <div class="setting-label">
-      <label>{{i18n
+      <label>{{i18n "admin.wizard.action.create_group.visibility_level"}}</label>
-          "admin.wizard.action.create_group.visibility_level"
-        }}</label>
     </div>
 
     <div class="setting-value">
       {{wizard-mapper
-        inputs=this.action.visibility_level
+        inputs=action.visibility_level
         property="visibility_level"
         onUpdate=(action "mappedFieldUpdated")
         options=(hash
@@ -715,20 +690,17 @@
           wizardFieldSelection=true
           userFieldSelection=true
           context="action"
-        )
+        )}}
-      }}
     </div>
   </div>
   <div class="setting full field-mapper-setting">
     <div class="setting-label">
-      <label>{{i18n
+      <label>{{i18n "admin.wizard.action.create_group.members_visibility_level"}}</label>
-          "admin.wizard.action.create_group.members_visibility_level"
-        }}</label>
     </div>
 
     <div class="setting-value">
       {{wizard-mapper
-        inputs=this.action.members_visibility_level
+        inputs=action.members_visibility_level
         property="members_visibility_level"
         onUpdate=(action "mappedFieldUpdated")
         options=(hash
@@ -736,8 +708,7 @@
           wizardFieldSelection=true
           userFieldSelection=true
           context="action"
-        )
+        )}}
-      }}
     </div>
   </div>
 {{/if}}
@@ -750,7 +721,7 @@
 
     <div class="setting-value">
       {{wizard-mapper
-        inputs=this.action.name
+        inputs=action.name
         property="name"
         onUpdate=(action "mappedFieldUpdated")
         options=(hash
@@ -758,8 +729,7 @@
           wizardFieldSelection=true
           userFieldSelection="key,value"
           context="action"
-        )
+        )}}
-      }}
     </div>
   </div>
 
@@ -770,7 +740,7 @@
 
     <div class="setting-value">
       {{wizard-mapper
-        inputs=this.action.slug
+        inputs=action.slug
         property="slug"
         onUpdate=(action "mappedFieldUpdated")
         options=(hash
@@ -778,8 +748,7 @@
           wizardFieldSelection=true
           userFieldSelection="key,value"
           context="action"
-        )
+        )}}
-      }}
     </div>
   </div>
 
@@ -790,7 +759,7 @@
 
     <div class="setting-value">
       {{wizard-mapper
-        inputs=this.action.color
+        inputs=action.color
         property="color"
         onUpdate=(action "mappedFieldUpdated")
         options=(hash
@@ -798,8 +767,7 @@
           wizardFieldSelection=true
           userFieldSelection="key,value"
           context="action"
-        )
+        )}}
-      }}
     </div>
   </div>
 
@@ -810,7 +778,7 @@
 
     <div class="setting-value">
       {{wizard-mapper
-        inputs=this.action.text_color
+        inputs=action.text_color
         property="text_color"
         onUpdate=(action "mappedFieldUpdated")
         options=(hash
@@ -818,21 +786,18 @@
           wizardFieldSelection=true
           userFieldSelection="key,value"
           context="action"
-        )
+        )}}
-      }}
     </div>
   </div>
 
   <div class="setting full field-mapper-setting">
     <div class="setting-label">
-      <label>{{i18n
+      <label>{{i18n "admin.wizard.action.create_category.parent_category"}}</label>
-          "admin.wizard.action.create_category.parent_category"
-        }}</label>
     </div>
 
     <div class="setting-value">
       {{wizard-mapper
-        inputs=this.action.parent_category_id
+        inputs=action.parent_category_id
         property="parent_category_id"
         onUpdate=(action "mappedFieldUpdated")
         options=(hash
@@ -841,8 +806,7 @@
           userFieldSelection="key,value"
           categorySelection="output"
           context="action"
-        )
+        )}}
-      }}
     </div>
   </div>
 
@@ -853,7 +817,7 @@
 
     <div class="setting-value">
       {{wizard-mapper
-        inputs=this.action.permissions
+        inputs=action.permissions
         property="permissions"
         onUpdate=(action "mappedFieldUpdated")
         options=(hash
@@ -864,8 +828,7 @@
           userFieldSelection=true
           groupSelection="key"
           context="action"
-        )
+        )}}
-      }}
     </div>
   </div>
 {{/if}}
@@ -878,7 +841,7 @@
 
     <div class="setting-value">
       {{wizard-mapper
-        inputs=this.action.custom_fields
+        inputs=action.custom_fields
         property="custom_fields"
         onUpdate=(action "mappedFieldUpdated")
         options=(hash
@@ -889,8 +852,7 @@
           userFieldSelection="value"
           keyPlaceholder="admin.wizard.action.custom_fields.key"
           context=customFieldsContext
-        )
+        )}}
-      }}
     </div>
   </div>
 {{/if}}
@@ -903,7 +865,7 @@
 
     <div class="setting-value">
       {{wizard-mapper
-        inputs=this.action.required
+        inputs=action.required
         property="required"
         onUpdate=(action "mappedFieldUpdated")
         options=(hash
@@ -912,8 +874,7 @@
           userFieldSelection=true
           groupSelection=true
           context="action"
-        )
+        )}}
-      }}
     </div>
   </div>
 {{/if}}
@@ -925,7 +886,10 @@
     </div>
 
     <div class="setting-value">
-      <Input @type="checkbox" @checked={{this.action.skip_redirect}} />
+      <Input
+        @type="checkbox"
+        @checked={{this.action.skip_redirect}}
+      />
 
       <span>
         {{i18n "admin.wizard.action.skip_redirect.description" type="topic"}}
@@ -939,13 +903,13 @@
     </div>
 
     <div class="setting-value">
-      <Input @type="checkbox" @checked={{this.action.suppress_notifications}} />
+      <Input
+        @type="checkbox"
+        @checked={{this.action.suppress_notifications}}
+      />
 
       <span>
-        {{i18n
+        {{i18n "admin.wizard.action.suppress_notifications.description" type="topic"}}
-          "admin.wizard.action.suppress_notifications.description"
-          type="topic"
-        }}
       </span>
     </div>
   </div>
@@ -961,4 +925,4 @@
       <Input @value={{this.action.code}} />
     </div>
   </div>
-{{/if}}
+{{/if}}

assets/javascripts/discourse/templates/components/wizard-custom-field.hbs

@@ -1,289 +1,313 @@
-{{#if showUndo}}
+{{#if showUndo}}
-  {{d-button
+  {{d-button
-    action=(action "undoChanges")
+    action=(action "undoChanges")
-    icon=undoIcon
+    icon=undoIcon
-    label=undoKey
+    label=undoKey
-    class="undo-changes"
+    class="undo-changes"}}
-  }}
+{{/if}}
-{{/if}}
+
-
+<div class="setting">
-<div class="setting">
+  <div class="setting-label">
-  <div class="setting-label">
+    <label>{{i18n "admin.wizard.field.label"}}</label>
-    <label>{{i18n "admin.wizard.field.label"}}</label>
+  </div>
-  </div>
+  <div class="setting-value">
-  <div class="setting-value">
+    <Input
-    <Input name="label" @value={{this.field.label}} />
+      name="label"
-  </div>
+      @value={{this.field.label}}
-</div>
+    />
-
+  </div>
-<div class="setting">
+</div>
-  <div class="setting-label">
+
-    <label>{{i18n "admin.wizard.field.required"}}</label>
+<div class="setting">
-  </div>
+  <div class="setting-label">
-
+    <label>{{i18n "admin.wizard.field.required"}}</label>
-  <div class="setting-value">
+  </div>
-    <span>{{i18n "admin.wizard.field.required_label"}}</span>
+
-    <Input @type="checkbox" @checked={{this.field.required}} />
+  <div class="setting-value">
-  </div>
+    <span>{{i18n "admin.wizard.field.required_label"}}</span>
-</div>
+    <Input
-
+      @type="checkbox"
-<div class="setting">
+      @checked={{this.field.required}}
-  <div class="setting-label">
+    />
-    <label>{{i18n "admin.wizard.field.description"}}</label>
+  </div>
-  </div>
+</div>
-  <div class="setting-value">
+
-    <Textarea name="description" @value={{this.field.description}} />
+<div class="setting">
-  </div>
+  <div class="setting-label">
-</div>
+    <label>{{i18n "admin.wizard.field.description"}}</label>
-
+  </div>
-<div class="setting">
+  <div class="setting-value">
-  <div class="setting-label">
+    <Textarea
-    <label>{{i18n "admin.wizard.field.image"}}</label>
+      name="description"
-  </div>
+      @value={{this.field.description}}
-  <div class="setting-value">
+    />
-    {{uppy-image-uploader
+  </div>
-      imageUrl=field.image
+</div>
-      onUploadDone=(action "imageUploadDone")
+
-      onUploadDeleted=(action "imageUploadDeleted")
+<div class="setting">
-      type="wizard-field-image"
+  <div class="setting-label">
-      class="no-repeat contain-image"
+    <label>{{i18n "admin.wizard.field.image"}}</label>
-      id=(concat "wizard-field-" field.id "-image-upload")
+  </div>
-    }}
+  <div class="setting-value">
-  </div>
+    {{uppy-image-uploader
-</div>
+      imageUrl=field.image
-
+      onUploadDone=(action "imageUploadDone")
-<div class="setting">
+      onUploadDeleted=(action "imageUploadDeleted")
-  <div class="setting-label">
+      type="wizard-field-image"
-    <label>{{i18n "admin.wizard.type"}}</label>
+      class="no-repeat contain-image"
-  </div>
+      id=(concat "wizard-field-" field.id "-image-upload")}}
-
+  </div>
-  <div class="setting-value">
+</div>
-    {{wizard-subscription-selector
+
-      value=field.type
+<div class="setting">
-      feature="field"
+  <div class="setting-label">
-      attribute="type"
+    <label>{{i18n "admin.wizard.type"}}</label>
-      onChange=(action "changeType")
+  </div>
-      wizard=wizard
+
-      options=(hash none="admin.wizard.select_type")
+  <div class="setting-value">
-    }}
+    {{combo-box
-  </div>
+      value=field.type
-</div>
+      content=fieldTypes
-
+      onChange=(action "changeType")
-{{wizard-message key=messageKey url=messageUrl component="field"}}
+      options=(hash
-
+        none="admin.wizard.select_type"
-{{#if isTextType}}
+      )}}
-  <div class="setting">
+  </div>
-    <div class="setting-label">
+</div>
-      <label>{{i18n "admin.wizard.field.min_length"}}</label>
+
-    </div>
+{{wizard-message
-
+  key=messageKey
-    <div class="setting-value">
+  url=messageUrl
-      <Input
+  component="field"}}
-        @type="number"
+
-        name="min_length"
+{{#if isTextType}}
-        @value={{this.field.min_length}}
+  <div class="setting">
-        class="small"
+    <div class="setting-label">
-      />
+      <label>{{i18n "admin.wizard.field.min_length"}}</label>
-    </div>
+    </div>
-  </div>
+
-
+    <div class="setting-value">
-  <div class="setting full">
+      <Input
-    <div class="setting-label">
+        @type="number"
-      <label>{{i18n "admin.wizard.field.max_length"}}</label>
+        name="min_length"
-    </div>
+        @value={{this.field.min_length}}
-
+        class="small"
-    <div class="setting-value">
+      />
-      <Input
+    </div>
-        @type="number"
+  </div>
-        name="max_length"
+
-        @value={{this.field.max_length}}
+  <div class="setting full">
-        class="small"
+    <div class="setting-label">
-      />
+      <label>{{i18n "admin.wizard.field.max_length"}}</label>
-    </div>
+    </div>
-  </div>
+
-
+    <div class="setting-value">
-  <div class="setting">
+      <Input
-    <div class="setting-label">
+        @type="number"
-      <label>{{i18n "admin.wizard.field.char_counter"}}</label>
+        name="max_length"
-    </div>
+        @value={{this.field.max_length}}
-
+        class="small"
-    <div class="setting-value">
+      />
-      <span>{{i18n "admin.wizard.field.char_counter_placeholder"}}</span>
+    </div>
-      <Input @type="checkbox" @checked={{this.field.char_counter}} />
+  </div>
-    </div>
+
-  </div>
+  <div class="setting">
-
+    <div class="setting-label">
-  <div class="setting full">
+      <label>{{i18n "admin.wizard.field.char_counter"}}</label>
-    <div class="setting-label">
+    </div>
-      <label>{{i18n "admin.wizard.field.field_placeholder"}}</label>
+
-    </div>
+    <div class="setting-value">
-
+      <span>{{i18n "admin.wizard.field.char_counter_placeholder"}}</span>
-    <div class="setting-value">
+      <Input
-      <Textarea
+        @type="checkbox"
-        name="field_placeholder"
+        @checked={{this.field.char_counter}}
-        class="medium"
+      />
-        @value={{this.field.placeholder}}
+    </div>
-      />
+  </div>
-    </div>
+
-  </div>
+  <div class="setting full">
-{{/if}}
+    <div class="setting-label">
-
+      <label>{{i18n "admin.wizard.field.field_placeholder"}}</label>
-{{#if isComposerPreview}}
+    </div>
-  <div class="setting full">
+
-    <div class="setting-label">
+    <div class="setting-value">
-      <label>{{i18n "admin.wizard.field.preview_template"}}</label>
+      <Textarea
-    </div>
+        name="field_placeholder"
-
+        class="medium"
-    <div class="setting-value">
+        @value={{this.field.placeholder}}
-      <Textarea
+      />
-        name="preview-template"
+    </div>
-        class="preview-template"
+  </div>
-        @value={{this.field.preview_template}}
+{{/if}}
-      />
+
-    </div>
+{{#if isComposerPreview}}
-  </div>
+  <div class="setting full">
-{{/if}}
+    <div class="setting-label">
-
+      <label>{{i18n "admin.wizard.field.preview_template"}}</label>
-{{#if isUpload}}
+    </div>
-  <div class="setting">
+
-    <div class="setting-label">
+    <div class="setting-value">
-      <label>{{i18n "admin.wizard.field.file_types"}}</label>
+      <Textarea
-    </div>
+        name="preview-template"
-
+        class="preview-template"
-    <div class="setting-value">
+        @value={{this.field.preview_template}}
-      <Input @value={{this.field.file_types}} class="medium" />
+      />
-    </div>
+    </div>
-  </div>
+  </div>
-{{/if}}
+{{/if}}
-
+
-{{#if showLimit}}
+{{#if isUpload}}
-  <div class="setting">
+  <div class="setting">
-    <div class="setting-label">
+    <div class="setting-label">
-      <label>{{i18n "admin.wizard.field.limit"}}</label>
+      <label>{{i18n "admin.wizard.field.file_types"}}</label>
-    </div>
+    </div>
-
+
-    <div class="setting-value">
+    <div class="setting-value">
-      <Input @type="number" @value={{this.field.limit}} class="small" />
+      <Input
-    </div>
+        @value={{this.field.file_types}}
-  </div>
+        class="medium"
-{{/if}}
+      />
-
+    </div>
-{{#if isDateTime}}
+  </div>
-  <div class="setting">
+{{/if}}
-    <div class="setting-label">
+
-      <label>{{html-safe
+{{#if showLimit}}
-          (i18n "admin.wizard.field.date_time_format.label")
+  <div class="setting">
-        }}</label>
+    <div class="setting-label">
-    </div>
+      <label>{{i18n "admin.wizard.field.limit"}}</label>
-
+    </div>
-    <div class="setting-value">
+
-      <Input @value={{this.field.format}} class="medium" />
+    <div class="setting-value">
-      <label>{{html-safe
+      <Input
-          (i18n "admin.wizard.field.date_time_format.instructions")
+        @type="number"
-        }}</label>
+        @value={{this.field.limit}}
-    </div>
+        class="small"
-  </div>
+      />
-{{/if}}
+    </div>
-
+  </div>
-{{#if showPrefill}}
+{{/if}}
-  <div class="setting full field-mapper-setting">
+
-    <div class="setting-label">
+{{#if isDateTime}}
-      <label>{{i18n "admin.wizard.field.prefill"}}</label>
+  <div class="setting">
-    </div>
+    <div class="setting-label">
-
+      <label>{{html-safe (i18n "admin.wizard.field.date_time_format.label")}}</label>
-    <div class="setting-value">
+    </div>
-      {{wizard-mapper
+
-        inputs=field.prefill
+    <div class="setting-value">
-        property="prefill"
+      <Input
-        onUpdate=(action "mappedFieldUpdated")
+        @value={{this.field.format}}
-        options=prefillOptions
+        class="medium"
-      }}
+      />
-    </div>
+      <label>{{html-safe (i18n "admin.wizard.field.date_time_format.instructions")}}</label>
-  </div>
+    </div>
-{{/if}}
+  </div>
-
+{{/if}}
-{{#if showContent}}
+
-  <div class="setting full field-mapper-setting">
+{{#if showPrefill}}
-    <div class="setting-label">
+  <div class="setting full field-mapper-setting">
-      <label>{{i18n "admin.wizard.field.content"}}</label>
+    <div class="setting-label">
-    </div>
+      <label>{{i18n "admin.wizard.field.prefill"}}</label>
-
+    </div>
-    <div class="setting-value">
+
-      {{wizard-mapper
+    <div class="setting-value">
-        inputs=field.content
+      {{wizard-mapper
-        property="content"
+        inputs=field.prefill
-        onUpdate=(action "mappedFieldUpdated")
+        property="prefill"
-        options=contentOptions
+        onUpdate=(action "mappedFieldUpdated")
-      }}
+        options=prefillOptions}}
-    </div>
+    </div>
-  </div>
+  </div>
-{{/if}}
+{{/if}}
-
+
-{{#if isTag}}
+{{#if showContent}}
-  <div class="setting full field-mapper-setting">
+  <div class="setting full field-mapper-setting">
-    <div class="setting-label">
+    <div class="setting-label">
-      <label>{{i18n "admin.wizard.field.tag_groups"}}</label>
+      <label>{{i18n "admin.wizard.field.content"}}</label>
-    </div>
+    </div>
-
+
-    <div class="setting-value">
+    <div class="setting-value">
-      {{tag-group-chooser
+      {{wizard-mapper
-        id=(concat field.id "-tag-groups")
+        inputs=field.content
-        tagGroups=field.tag_groups
+        property="content"
-        onChange=(action (mut field.tag_groups))
+        onUpdate=(action "mappedFieldUpdated")
-      }}
+        options=contentOptions}}
-    </div>
+    </div>
-  </div>
+  </div>
-
+{{/if}}
-  <div class="setting">
+
-    <div class="setting-label">
+{{#if isTag}}
-      <label>{{i18n "admin.wizard.field.can_create_tag"}}</label>
+  <div class="setting full field-mapper-setting">
-    </div>
+    <div class="setting-label">
-
+      <label>{{i18n "admin.wizard.field.tag_groups"}}</label>
-    <div class="setting-value">
+    </div>
-      <Input @type="checkbox" @checked={{this.field.can_create_tag}} />
+
-    </div>
+    <div class="setting-value">
-  </div>
+      {{tag-group-chooser
-{{/if}}
+        id=(concat field.id "-tag-groups")
-
+        tagGroups=field.tag_groups
-{{#wizard-subscription-container}}
+        onChange=(action (mut field.tag_groups))
-  <div class="setting full field-mapper-setting">
+      }}
-    <div class="setting-label">
+    </div>
-      <label>{{i18n "admin.wizard.condition"}}</label>
+  </div>
-    </div>
+
-
+  <div class="setting">
-    <div class="setting-value">
+    <div class="setting-label">
-      {{wizard-mapper inputs=field.condition options=fieldConditionOptions}}
+      <label>{{i18n "admin.wizard.field.can_create_tag"}}</label>
-    </div>
+    </div>
-  </div>
+
-
+    <div class="setting-value">
-  <div class="setting full field-mapper-setting">
+      <Input
-    <div class="setting-label">
+        @type="checkbox"
-      <label>{{i18n "admin.wizard.index"}}</label>
+        @checked={{this.field.can_create_tag}}
-    </div>
+      />
-
+    </div>
-    <div class="setting-value">
+  </div>
-      {{wizard-mapper inputs=field.index options=fieldIndexOptions}}
+{{/if}}
-    </div>
+
-  </div>
+{{#wizard-subscription-container}}
-
+  <div class="setting full field-mapper-setting">
-  {{#if isCategory}}
+    <div class="setting-label">
-    <div class="setting">
+      <label>{{i18n "admin.wizard.condition"}}</label>
-      <div class="setting-label">
+    </div>
-        <label>{{i18n "admin.wizard.field.property"}}</label>
+
-      </div>
+    <div class="setting-value">
-
+      {{wizard-mapper
-      <div class="setting-value">
+        inputs=field.condition
-        {{combo-box
+        options=fieldConditionOptions}}
-          value=field.property
+    </div>
-          content=categoryPropertyTypes
+  </div>
-          onChange=(action (mut field.property))
+
-          options=(hash none="admin.wizard.selector.placeholder.property")
+  <div class="setting full field-mapper-setting">
-        }}
+    <div class="setting-label">
-      </div>
+      <label>{{i18n "admin.wizard.index"}}</label>
-    </div>
+    </div>
-  {{/if}}
+
-
+    <div class="setting-value">
-  {{#if validations}}
+      {{wizard-mapper
-    {{wizard-realtime-validations field=field validations=validations}}
+        inputs=field.index
-  {{/if}}
+        options=fieldIndexOptions}}
-{{/wizard-subscription-container}}
+    </div>
+  </div>
+
+  {{#if isCategory}}
+    <div class="setting">
+      <div class="setting-label">
+        <label>{{i18n "admin.wizard.field.property"}}</label>
+      </div>
+
+      <div class="setting-value">
+        {{combo-box
+          value=field.property
+          content=categoryPropertyTypes
+          onChange=(action (mut field.property))
+          options=(hash
+            none="admin.wizard.selector.placeholder.property"
+          )}}
+      </div>
+    </div>
+  {{/if}}
+
+  {{#if validations}}
+    {{wizard-realtime-validations field=field validations=validations}}
+  {{/if}}
+{{/wizard-subscription-container}}

assets/javascripts/discourse/templates/components/wizard-custom-step.hbs

@@ -1,120 +1,125 @@
-<div class="setting">
+<div class="setting">
-  <div class="setting-label">
+  <div class="setting-label">
-    <label>{{i18n "admin.wizard.step.title"}}</label>
+    <label>{{i18n "admin.wizard.step.title"}}</label>
-  </div>
+  </div>
-  <div class="setting-value">
+  <div class="setting-value">
-    <Input name="title" @value={{this.step.title}} />
+    <Input
-  </div>
+      name="title"
-</div>
+      @value={{this.step.title}}
-
+    />
-<div class="setting full">
+  </div>
-  <div class="setting-label">
+</div>
-    <label>{{i18n "admin.wizard.step.banner"}}</label>
+
-  </div>
+<div class="setting full">
-  <div class="setting-value">
+  <div class="setting-label">
-    {{uppy-image-uploader
+    <label>{{i18n "admin.wizard.step.banner"}}</label>
-      imageUrl=step.banner
+  </div>
-      onUploadDone=(action "bannerUploadDone")
+  <div class="setting-value">
-      onUploadDeleted=(action "bannerUploadDeleted")
+    {{uppy-image-uploader
-      type="wizard-step-banner"
+      imageUrl=step.banner
-      class="no-repeat contain-image"
+      onUploadDone=(action "bannerUploadDone")
-      id=(concat "wizard-step-" step.id "-banner-upload")
+      onUploadDeleted=(action "bannerUploadDeleted")
-    }}
+      type="wizard-step-banner"
-  </div>
+      class="no-repeat contain-image"
-</div>
+      id=(concat "wizard-step-" step.id "-banner-upload")}}
-
+  </div>
-<div class="setting full">
+</div>
-  <div class="setting-label">
+
-    <label>{{i18n "admin.wizard.step.description"}}</label>
+<div class="setting full">
-  </div>
+  <div class="setting-label">
-  <div class="setting-value">
+    <label>{{i18n "admin.wizard.step.description"}}</label>
-    {{wizard-text-editor value=step.raw_description}}
+  </div>
-  </div>
+  <div class="setting-value">
-</div>
+    {{wizard-text-editor
-
+      value=step.raw_description}}
-{{#wizard-subscription-container}}
+  </div>
-  <div class="setting full field-mapper-setting">
+</div>
-    <div class="setting-label">
+
-      <label>{{i18n "admin.wizard.condition"}}</label>
+{{#wizard-subscription-container}}
-    </div>
+  <div class="setting full field-mapper-setting">
-
+    <div class="setting-label">
-    <div class="setting-value">
+      <label>{{i18n "admin.wizard.condition"}}</label>
-      {{wizard-mapper inputs=step.condition options=stepConditionOptions}}
+    </div>
-    </div>
+
-  </div>
+    <div class="setting-value">
-
+      {{wizard-mapper
-  <div class="setting full">
+        inputs=step.condition
-    <div class="setting-label"></div>
+        options=stepConditionOptions}}
-    <div class="setting-value force-final">
+    </div>
-      <h4>{{i18n "admin.wizard.step.force_final.label"}}</h4>
+  </div>
-      <Input @type="checkbox" @checked={{this.step.force_final}} />
+
-      <span>{{i18n "admin.wizard.step.force_final.description"}}</span>
+  <div class="setting full">
-    </div>
+    <div class="setting-label"></div>
-  </div>
+    <div class="setting-value force-final">
-
+      <h4>{{i18n "admin.wizard.step.force_final.label"}}</h4>
-  <div class="setting full field-mapper-setting">
+      <Input
-    <div class="setting-label">
+        @type="checkbox"
-      <label>{{i18n "admin.wizard.step.required_data.label"}}</label>
+        @checked={{this.step.force_final}}
-    </div>
+      />
-
+      <span>{{i18n "admin.wizard.step.force_final.description"}}</span>
-    <div class="setting-value">
+    </div>
-      {{wizard-mapper
+  </div>
-        inputs=step.required_data
+
-        options=(hash
+  <div class="setting full field-mapper-setting">
-          inputTypes="validation"
+    <div class="setting-label">
-          inputConnector="and"
+      <label>{{i18n "admin.wizard.step.required_data.label"}}</label>
-          wizardFieldSelection="value"
+    </div>
-          userFieldSelection="value"
+
-          keyPlaceholder="admin.wizard.submission_key"
+    <div class="setting-value">
-          context="step"
+      {{wizard-mapper
-        )
+        inputs=step.required_data
-      }}
+        options=(hash
-      {{#if step.required_data}}
+          inputTypes="validation"
-        <div class="required-data-message">
+          inputConnector="and"
-          <div class="label">
+          wizardFieldSelection="value"
-            {{i18n "admin.wizard.step.required_data.not_permitted_message"}}
+          userFieldSelection="value"
-          </div>
+          keyPlaceholder="admin.wizard.submission_key"
-          <Input @value={{this.step.required_data_message}} />
+          context="step"
-        </div>
+        )}}
-      {{/if}}
+      {{#if step.required_data}}
-    </div>
+        <div class="required-data-message">
-  </div>
+          <div class="label">
-
+            {{i18n "admin.wizard.step.required_data.not_permitted_message"}}
-  <div class="setting full field-mapper-setting">
+          </div>
-    <div class="setting-label">
+          <Input
-      <label>{{i18n "admin.wizard.step.permitted_params.label"}}</label>
+            @value={{this.step.required_data_message}}
-    </div>
+          />
-    <div class="setting-value">
+        </div>
-      {{wizard-mapper
+      {{/if}}
-        inputs=step.permitted_params
+    </div>
-        options=(hash
+  </div>
-          pairConnector="set"
+
-          inputTypes="association"
+  <div class="setting full field-mapper-setting">
-          keyPlaceholder="admin.wizard.param_key"
+    <div class="setting-label">
-          valuePlaceholder="admin.wizard.submission_key"
+      <label>{{i18n "admin.wizard.step.permitted_params.label"}}</label>
-          context="step"
+    </div>
-        )
+    <div class="setting-value">
-      }}
+      {{wizard-mapper
-    </div>
+        inputs=step.permitted_params
-  </div>
+        options=(hash
-{{/wizard-subscription-container}}
+          pairConnector="set"
-
+          inputTypes="association"
-{{wizard-links
+          keyPlaceholder="admin.wizard.param_key"
-  itemType="field"
+          valuePlaceholder="admin.wizard.submission_key"
-  current=currentField
+          context="step"
-  items=step.fields
+        )}}
-  parentId=step.id
+    </div>
-}}
+  </div>
-
+{{/wizard-subscription-container}}
-{{#each step.fields as |field|}}
+
-  {{wizard-custom-field
+{{wizard-links
-    field=field
+  itemType="field"
-    step=step
+  current=currentField
-    wizard=wizard
+  items=step.fields
-    currentFieldId=currentField.id
+  parentId=step.id}}
-    fieldTypes=fieldTypes
+
-    removeField="removeField"
+{{#each step.fields as |field|}}
-    wizardFields=wizardFields
+  {{wizard-custom-field
-    subscribed=subscribed
+    field=field
-  }}
+    step=step
-{{/each}}
+    currentFieldId=currentField.id
+    fieldTypes=fieldTypes
+    removeField="removeField"
+    wizardFields=wizardFields
+    subscribed=subscribed}}
+{{/each}}

assets/javascripts/discourse/templates/components/wizard-links.hbs

@@ -4,36 +4,16 @@
   {{#if anyLinks}}
     {{#each links as |link|}}
       <div data-id={{link.id}}>
-        {{d-button
+        {{d-button action=(action "change") actionParam=link.id translatedLabel=link.label class=link.classes}}
-          action=(action "change")
-          actionParam=link.id
-          translatedLabel=link.label
-          class=link.classes
-        }}
         {{#unless link.first}}
-          {{d-button
+          {{d-button action=(action "back") actionParam=link icon="arrow-left" class="back"}}
-            action=(action "back")
-            actionParam=link
-            icon="arrow-left"
-            class="back"
-          }}
         {{/unless}}
         {{#unless link.last}}
-          {{d-button
+          {{d-button action=(action "forward") actionParam=link icon="arrow-right" class="forward"}}
-            action=(action "forward")
-            actionParam=link
-            icon="arrow-right"
-            class="forward"
-          }}
         {{/unless}}
-        {{d-button
+        {{d-button action=(action "remove") actionParam=link.id icon="times" class="remove"}}
-          action=(action "remove")
-          actionParam=link.id
-          icon="times"
-          class="remove"
-        }}
       </div>
     {{/each}}
   {{/if}}
   {{d-button action=(action "add") label="admin.wizard.add" icon="plus"}}
-</div>
+</div>

assets/javascripts/discourse/templates/components/wizard-mapper-connector.hbs

@@ -2,12 +2,11 @@
   {{combo-box
     value=connector
     content=connectors
-    onChange=(action "changeConnector")
+    onChange=(action "changeConnector")}}
-  }}
 {{else}}
   {{#if connector}}
     <span class="connector-single">
       {{connectorLabel}}
     </span>
   {{/if}}
-{{/if}}
+{{/if}}

assets/javascripts/discourse/templates/components/wizard-mapper-input.hbs

@@ -1,24 +1,22 @@
 {{wizard-mapper-connector
-  connector=this.input.type
+  connector=input.type
-  connectors=this.inputTypes
+  connectors=inputTypes
   inputTypes=true
-  inputType=this.inputType
+  inputType=inputType
   connectorType="type"
-  options=this.options
+  options=options
-  onUpdate=this.onUpdate
+  onUpdate=onUpdate}}
-}}
 
 {{#if hasPairs}}
   <div class="mapper-pairs mapper-block">
-    {{#each this.input.pairs as |pair|}}
+    {{#each input.pairs as |pair|}}
       {{wizard-mapper-pair
         pair=pair
         last=pair.last
-        inputType=this.inputType
+        inputType=inputType
-        options=this.options
+        options=options
         removePair=(action "removePair")
-        onUpdate=this.onUpdate
+        onUpdate=onUpdate}}
-      }}
     {{/each}}
 
     {{#if canAddPair}}
@@ -32,27 +30,25 @@
 {{#if hasOutput}}
   {{#if hasPairs}}
     {{wizard-mapper-connector
-      connector=this.input.output_connector
+      connector=input.output_connector
-      connectors=this.connectors
+      connectors=connectors
       connectorType="output"
-      inputType=this.inputType
+      inputType=inputType
-      options=this.options
+      options=options
-      onUpdate=this.onUpdate
+      onUpdate=onUpdate}}
-    }}
   {{/if}}
 
   <div class="output mapper-block">
     {{wizard-mapper-selector
       selectorType="output"
-      inputType=this.input.type
+      inputType=input.type
-      value=this.input.output
+      value=input.output
-      activeType=this.input.output_type
+      activeType=input.output_type
-      options=this.options
+      options=options
-      onUpdate=this.onUpdate
+      onUpdate=onUpdate}}
-    }}
   </div>
 {{/if}}
 
-<a role="button" class="remove-input" {{action remove this.input}}>
+<a role="button" class="remove-input" {{action remove input}}>
   {{d-icon "times"}}
-</a>
+</a>

assets/javascripts/discourse/templates/components/wizard-mapper-pair.hbs

@@ -5,8 +5,7 @@
     value=pair.key
     activeType=pair.key_type
     options=options
-    onUpdate=onUpdate
+    onUpdate=onUpdate}}
-  }}
 </div>
 
 {{wizard-mapper-connector
@@ -15,8 +14,7 @@
   connectorType="pair"
   inputType=inputType
   options=options
-  onUpdate=onUpdate
+  onUpdate=onUpdate}}
-}}
 
 <div class="value mapper-block">
   {{wizard-mapper-selector
@@ -26,8 +24,7 @@
     activeType=pair.value_type
     options=options
     onUpdate=onUpdate
-    connector=pair.connector
+    connector=pair.connector}}
-  }}
 </div>
 
 {{#if showJoin}}
@@ -35,7 +32,5 @@
 {{/if}}
 
 {{#if showRemove}}
-  <a role="button" {{action removePair pair}} class="remove-pair">{{d-icon
+  <a role="button" {{action removePair pair}} class="remove-pair">{{d-icon "times"}}</a>
-      "times"
+{{/if}}
-    }}</a>
-{{/if}}

assets/javascripts/discourse/templates/components/wizard-mapper-selector-type.hbs

@@ -1 +1 @@
-{{item.label}}
+{{item.label}}

assets/javascripts/discourse/templates/components/wizard-mapper-selector.hbs

@@ -10,8 +10,7 @@
           {{wizard-mapper-selector-type
             activeType=activeType
             item=item
-            toggle=(action "toggleType")
+            toggle=(action "toggleType")}}
-          }}
         {{/each}}
       </div>
     {{/if}}
@@ -35,8 +34,10 @@
       value=value
       content=comboBoxContent
       onChange=(action "changeValue")
-      options=(hash none=placeholderKey allowAny=comboBoxAllowAny)
+      options=(hash
-    }}
+        none=placeholderKey
+        allowAny=comboBoxAllowAny
+      )}}
   {{/if}}
 
   {{#if showMultiSelect}}
@@ -44,16 +45,14 @@
       content=multiSelectContent
       value=value
       onChange=(action "changeValue")
-      options=multiSelectOptions
+      options=multiSelectOptions}}
-    }}
   {{/if}}
 
   {{#if showList}}
     {{wizard-value-list
       values=value
       addKey=placeholderKey
-      onChange=(action "changeValue")
+      onChange=(action "changeValue")}}
-    }}
   {{/if}}
 
   {{#if showTag}}
@@ -61,8 +60,10 @@
       tags=value
       onChange=(action "changeValue")
       everyTag=true
-      options=(hash none=placeholderKey filterable=true)
+      options=(hash
-    }}
+        none=placeholderKey
+        filterable=true
+      )}}
   {{/if}}
 
   {{#if showUser}}
@@ -71,7 +72,8 @@
       value=value
       autocomplete="discourse"
       onChange=(action "changeUserValue")
-      options=(hash includeMessageableGroups="true")
+      options=(hash
-    }}
+        includeMessageableGroups="true"
+      )}}
   {{/if}}
-</div>
+</div>

assets/javascripts/discourse/templates/components/wizard-mapper.hbs

@@ -3,20 +3,18 @@
     {{wizard-mapper-connector
       connector=input.connector
       connectorType="input"
-      onUpdate=(action "inputUpdated")
+      onUpdate=(action "inputUpdated")}}
-    }}
   {{/if}}
 
   {{wizard-mapper-input
     input=input
     options=inputOptions
     remove=(action "remove")
-    onUpdate=(action "inputUpdated")
+    onUpdate=(action "inputUpdated")}}
-  }}
 {{/each}}
 
 {{#if canAdd}}
   <span class="add-mapper-input">
     {{d-button action=(action "add") label="admin.wizard.add" icon="plus"}}
   </span>
-{{/if}}
+{{/if}}

assets/javascripts/discourse/templates/components/wizard-message.hbs

@@ -23,4 +23,4 @@
       {{documentation}}
     </a>
   </div>
-{{/if}}
+{{/if}}

assets/javascripts/discourse/templates/components/wizard-realtime-validations.hbs

@@ -7,31 +7,27 @@
       <li>
         <span class="setting-title">
           <h4>{{i18n (concat "admin.wizard.field.validations." type)}}</h4>
-          <Input @type="checkbox" @checked={{this.props.status}} />
+          <Input
+            @type="checkbox"
+            @checked={{this.props.status}}
+          />
           {{i18n "admin.wizard.field.validations.enabled"}}
         </span>
         <div class="validation-container">
           <div class="validation-section">
             <div class="setting-label">
-              <label>{{i18n
+              <label>{{i18n "admin.wizard.field.validations.categories"}}</label>
-                  "admin.wizard.field.validations.categories"
-                }}</label>
             </div>
             <div class="setting-value">
               {{category-selector
-                categories=(get
+                  categories=(get this (concat "validationBuffer." type ".categories"))
-                  this (concat "validationBuffer." type ".categories")
+                  onChange=(action "updateValidationCategories" type props)
-                )
+                  class="wizard"}}
-                onChange=(action "updateValidationCategories" type props)
-                class="wizard"
-              }}
             </div>
           </div>
           <div class="validation-section">
             <div class="setting-label">
-              <label>{{i18n
+              <label>{{i18n "admin.wizard.field.validations.max_topic_age"}}</label>
-                  "admin.wizard.field.validations.max_topic_age"
-                }}</label>
             </div>
             <div class="setting-value">
               <Input
@@ -40,11 +36,10 @@
                 class="time-n-value"
               />
               {{combo-box
-                value=(readonly props.time_unit)
+                  value=(readonly props.time_unit)
-                content=timeUnits
+                  content=timeUnits
-                class="time-unit-selector"
+                  class="time-unit-selector"
-                onChange=(action (mut props.time_unit))
+                  onChange=(action (mut props.time_unit))}}
-              }}
             </div>
           </div>
           <div class="validation-section">
@@ -52,17 +47,9 @@
               <label>{{i18n "admin.wizard.field.validations.position"}}</label>
             </div>
             <div class="setting-value">
-              {{radio-button
+              {{radio-button name=(concat type field.id) value="above" selection=props.position}}
-                name=(concat type field.id)
-                value="above"
-                selection=props.position
-              }}
               <span>{{i18n "admin.wizard.field.validations.above"}}</span>
-              {{radio-button
+              {{radio-button name=(concat type field.id) value="below" selection=props.position}}
-                name=(concat type field.id)
-                value="below"
-                selection=props.position
-              }}
               <span>{{i18n "admin.wizard.field.validations.below"}}</span>
             </div>
           </div>
@@ -70,4 +57,4 @@
       </li>
     {{/each-in}}
   </ul>
-</div>
+</div>

assets/javascripts/discourse/templates/components/wizard-subscription-badge.hbs

@@ -1,24 +1,6 @@
-<svg
+<svg width="300px" height="300px" viewBox="0 0 300 300" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-  width="300px"
+  <g id="pavilion-logo" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-  height="300px"
+    <path id="Combined-Shape" stroke="currentColor" stroke-width="35" d="M41.1381822,291.00006 L40.5778853,130.009744 M258.850727,291.638415 L259.290397,130.37133 M36.0002279,140.721678 L139.995368,36.2122772 M263.350577,141.009083 L138.927245,16.2478517"></path>
-  viewBox="0 0 300 300"
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
->
-  <g
-    id="pavilion-logo"
-    stroke="none"
-    stroke-width="1"
-    fill="none"
-    fill-rule="evenodd"
-  >
-    <path
-      id="Combined-Shape"
-      stroke="currentColor"
-      stroke-width="35"
-      d="M41.1381822,291.00006 L40.5778853,130.009744 M258.850727,291.638415 L259.290397,130.37133 M36.0002279,140.721678 L139.995368,36.2122772 M263.350577,141.009083 L138.927245,16.2478517"
-    ></path>
   </g>
 </svg>
-<span>{{label}}</span>
+<span>{{label}}</span>

assets/javascripts/discourse/templates/components/wizard-subscription-container.hbs

@@ -9,4 +9,4 @@
 
 <div class="subscription-settings">
   {{yield}}
-</div>
+</div>

assets/javascripts/discourse/templates/components/wizard-subscription-cta.hbs

@@ -1 +1 @@
-{{d-icon icon}}{{label}}
+{{d-icon icon}}{{label}}

assets/javascripts/discourse/templates/components/wizard-subscription-selector/wizard-subscription-selector-header.hbs

@@ -1,7 +1,6 @@
 <div class="select-kit-header-wrapper">
 
-  {{component
+  {{component selectKit.options.selectedNameComponent
-    selectKit.options.selectedNameComponent
     tabindex=tabindex
     item=selectedContent
     selectKit=selectKit
@@ -13,4 +12,4 @@
   {{/if}}
 
   {{d-icon caretIcon class="caret-icon"}}
-</div>
+</div>

assets/javascripts/discourse/templates/components/wizard-subscription-selector/wizard-subscription-selector-row.hbs

@@ -12,4 +12,4 @@
   {{#if item.subscriptionRequired}}
     <span class="subscription-label">{{i18n item.selectorLabel}}</span>
   {{/if}}
-</div>
+</div>

assets/javascripts/discourse/templates/components/wizard-table-field.hbs

@@ -16,10 +16,7 @@
 
   {{#if isComposer}}
     <div class="wizard-table-long-text">
-      <p
+      <p class="wizard-table-composer-text wizard-table-long-text-content {{textState}}">
-        class="wizard-table-composer-text wizard-table-long-text-content
-          {{textState}}"
-      >
         {{value.value}}
       </p>
       <a href {{action "expandText"}}>
@@ -31,8 +28,7 @@
   {{#if isComposerPreview}}
     {{d-icon "comment-alt"}}
     <span class="wizard-table-composer-text">
-      {{i18n "admin.wizard.submissions.composer_preview"}}:
+      {{i18n "admin.wizard.submissions.composer_preview"}}: {{value.value}}
-      {{value.value}}
     </span>
   {{/if}}
 
@@ -150,12 +146,7 @@
   {{/if}}
 
   {{#if showUsername}}
-    <a
+    <a target="_blank" rel="noopener noreferrer" href={{userProfileUrl}} title={{username}}>
-      target="_blank"
-      rel="noopener noreferrer"
-      href={{userProfileUrl}}
-      title={{username}}
-    >
       {{username}}
     </a>
   {{/if}}
@@ -167,4 +158,4 @@
   {{/if}}
 {{else}}
   &mdash;
-{{/if}}
+{{/if}}

assets/javascripts/discourse/templates/components/wizard-text-editor.hbs

@@ -1,12 +1,19 @@
-{{d-editor value=value forcePreview=forcePreview placeholder=placeholder}}
+{{d-editor
+  value=value
+  forcePreview=forcePreview
+  placeholder=placeholder}}
 
 <div class="wizard-editor-gutter">
   {{#if previewEnabled}}
-    {{d-button action=(action "togglePreview") translatedLabel=previewLabel}}
+    {{d-button
+      action=(action "togglePreview")
+      translatedLabel=previewLabel}}
   {{/if}}
 
   {{#if fieldsEnabled}}
-    {{d-button action=(action "togglePopover") translatedLabel=popoverLabel}}
+    {{d-button
+      action=(action "togglePopover")
+      translatedLabel=popoverLabel}}
 
     {{#if showPopover}}
       <div class="wizard-editor-gutter-popover">
@@ -31,4 +38,4 @@
       </div>
     {{/if}}
   {{/if}}
-</div>
+</div>

assets/javascripts/discourse/templates/custom-wizard-index.hbs

@@ -1,7 +1,3 @@
-{{#if noAccess}}
+{{#if noAccess}}
-  {{custom-wizard-no-access
+  {{custom-wizard-no-access text=(i18n noAccessI18nKey) wizardId=wizardId reason=noAccessReason}}
-    text=(i18n noAccessI18nKey)
+{{/if}}
-    wizardId=wizardId
-    reason=noAccessReason
-  }}
-{{/if}}

assets/javascripts/discourse/templates/custom-wizard-step.hbs

@@ -16,6 +16,5 @@
     wizard=wizard
     goNext=(action "goNext")
     goBack=(action "goBack")
-    showMessage=(action "showMessage")
+    showMessage=(action "showMessage")}}
-  }}
+{{/if}}
-{{/if}}

assets/javascripts/discourse/templates/custom-wizard.hbs

@@ -4,12 +4,9 @@
   </div>
   <div class="wizard-footer">
     {{#if customWizard}}
-      <img
+      <img src={{logoUrl}} style="background-image: initial; width: 33px; height: 33px;" >
-        src={{logoUrl}}
-        style="background-image: initial; width: 33px; height: 33px;"
-      />
     {{else}}
       <div class="discourse-logo"></div>
     {{/if}}
   </div>
-</div>
+</div>

assets/javascripts/discourse/templates/modal/admin-wizards-columns.hbs

@@ -0,0 +1,32 @@
+{{#d-modal-body title="admin.wizard.edit_columns"}}
+  {{#if loading}}
+    {{loading-spinner size="large"}}
+  {{else}}
+    <div class="edit-directory-columns-container">
+      {{#each model.columns as |column|}}
+        <div class="edit-directory-column">
+          <div class="left-content">
+            <label class="column-name">
+              {{input type="checkbox" checked=column.enabled}}
+              {{directory-table-header-title field=column.label translated=true}}
+            </label>
+          </div>
+        </div>
+      {{/each}}
+    </div>
+  {{/if}}
+{{/d-modal-body}}
+
+<div class="modal-footer">
+  {{d-button
+    class="btn-primary"
+    label="directory.edit_columns.save"
+    action=(action "save")
+  }}
+
+  {{d-button
+    class="btn-secondary reset-to-default"
+    label="directory.edit_columns.reset_to_default"
+    action=(action "resetToDefault")
+  }}
+</div>

assets/javascripts/discourse/templates/modal/next-session-scheduled.hbs

@@ -0,0 +1,16 @@
+{{#d-modal-body class="next-session-time-modal" title=title}}
+  {{date-time-input
+    date=bufferedDateTime
+    onChange=(action "dateTimeChanged")
+    showTime=true
+    clearable=true
+  }}
+{{/d-modal-body}}
+
+<div class="modal-footer">
+  {{d-button
+    action=(action "submit")
+    class="btn-primary"
+    label="admin.wizard.after_time_modal.done"
+    disabled=submitDisabled}}
+</div>