Custom Wizard Plugin


(Orlando Del Aguila) #164

Perfecto :ok_hand:, I’ll do that

Thanks!


(Angus McLeod) #165

Could be the way its configured, or could be an issue with the plugin.

  1. Attach a screenshot of the wizard settings (hide it with the details feature so the post isn’t huge).

    Screenshot%20at%20Jul%2016%2009-02-23

  2. Open the browser console and have a look for errors.


(Craig Davison) #166

I think the problem might be to do with the fact that the theme cannot be selected in settings.

Page source
<html>
  <head>
    <link href="/stylesheets/wizard_d8693ddee7be990ffecf5171898454a3e9291e19.css?__ws=eurodiscover.eu" media="all" rel="stylesheet" data-target="wizard"/>
    <link rel="stylesheet" media="all" href="/assets/wizard_custom-d15d6376544ac07576ea8d5460d5aa983b87fe499731f269e24c43297b2f52c7.css" data-turbolinks-track="reload" />
    <link rel="stylesheet" media="all" href="/assets/wizard_composer-282e8d43197860c43be6f00f10f76acc8f8e28229008adc12b9f1f71865d9608.css" data-turbolinks-track="reload" />
    <link rel="stylesheet" media="all" href="/assets/wizard_variables-e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css" data-turbolinks-track="reload" />
    
    <link rel='preload' href='/assets/ember_jquery-27e777857b8c0730dacfe09cb11711365d21a5db4f9ee0b85d494e4259cf6cda.js' as='script'/>
<script src='/assets/ember_jquery-27e777857b8c0730dacfe09cb11711365d21a5db4f9ee0b85d494e4259cf6cda.js'></script>
    <link rel='preload' href='/assets/wizard-vendor-de512c6b1fa732a99b50846017a00cbd8ba8a0392a2bce350e8476a83fa1ccb5.js' as='script'/>
<script src='/assets/wizard-vendor-de512c6b1fa732a99b50846017a00cbd8ba8a0392a2bce350e8476a83fa1ccb5.js'></script>
    <link rel='preload' href='/assets/wizard-application-965c5ac965e7b66088a48b8a68ef5e7d34ada0256b78a66e2ac34882e6455c14.js' as='script'/>
<script src='/assets/wizard-application-965c5ac965e7b66088a48b8a68ef5e7d34ada0256b78a66e2ac34882e6455c14.js'></script>
    <link rel='preload' href='/assets/wizard-custom-lib-33df3cb75a5fb5c73efac498cbfacc1d58022e13d6dbd1f1b16f1805fc041e7d.js' as='script'/>
<script src='/assets/wizard-custom-lib-33df3cb75a5fb5c73efac498cbfacc1d58022e13d6dbd1f1b16f1805fc041e7d.js'></script>
    <link rel='preload' href='/assets/wizard-custom-bf733f1e175e62d032f3bae9110b04a04dbd1088d3600a260f1f3051b20eb293.js' as='script'/>
<script src='/assets/wizard-custom-bf733f1e175e62d032f3bae9110b04a04dbd1088d3600a260f1f3051b20eb293.js'></script>
    <link rel='preload' href='/assets/wizard-plugin-478320548ac1b714655e0eb36ba1753732e2568de422d9e01cd26898bbf66717.js' as='script'/>
<script src='/assets/wizard-plugin-478320548ac1b714655e0eb36ba1753732e2568de422d9e01cd26898bbf66717.js'></script>
    <link rel='preload' href='/assets/pretty-text-bundle-4ff668189f39bd8c9ceddd6bca26f92fd6b12d04bbd40c92eb44b34e2c741246.js' as='script'/>
<script src='/assets/pretty-text-bundle-4ff668189f39bd8c9ceddd6bca26f92fd6b12d04bbd40c92eb44b34e2c741246.js'></script>
    <link rel='preload' href='/assets/locales/en-96b26800f2525bb82b409616a67ea92d23ee61aba9aca3be52d3db48ed37c10e.js' as='script'/>
<script src='/assets/locales/en-96b26800f2525bb82b409616a67ea92d23ee61aba9aca3be52d3db48ed37c10e.js'></script>
    

<link rel="preload" href="/assets/fontawesome-webfont-2adefcbc041e7d18fcf2d417879dc5a09997aa64d675b7a3c4b6ce33da13f3fe.woff2?https://eurodiscover.eu&2&v=4.7.0" as="font" type="font/woff2" crossorigin />
<style>
  @font-face {
    font-family: 'FontAwesome';
    src: url('/assets/fontawesome-webfont-2adefcbc041e7d18fcf2d417879dc5a09997aa64d675b7a3c4b6ce33da13f3fe.woff2?https://eurodiscover.eu&2&v=4.7.0') format('woff2'),
         url('/assets/fontawesome-webfont-ba0c59deb5450f5cb41b3f93609ee2d0d995415877ddfa223e8a8a7533474f07.woff?https://eurodiscover.eu&amp;2&v=4.7.0') format('woff');
  }
</style>

    <script src="/extra-locales/wizard"></script>
    <meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="ZCLGkryB3XWY/34zdN/3idRtQX2fwQckUkVmMh1a8I4nAZ6t1BrhzOCOFBwshmpY+RXNgxx2b3QjJlckh5DWIg==" />

      

    

    <meta name="discourse_theme_key" content="">
    <meta name="discourse-base-uri" content="">

    <meta name="author" content="">
<meta name="generator" content="Discourse 2.1.0.beta2 - https://github.com/discourse/discourse version 1ad358fa0aee5b576dd928a7c8cd20999da99a05">
<link rel="icon" type="image/png" href="/uploads/default/original/1X/1c58e2e5aff2d28fb2967d957d5b6a3f109d089a.png">
<link rel="apple-touch-icon" type="image/png" href="/uploads/default/original/1X/b621cc02167dc49f6174c428e33c990990a0fd69.png">
<link rel="icon" type="image/png" sizes="144x144" href="/uploads/default/original/1X/b621cc02167dc49f6174c428e33c990990a0fd69.png">
<meta name="theme-color" content="#ffffff">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=yes">

<script type="application/ld+json">{"@context":"http://schema.org","@type":"WebSite","url":"https://eurodiscover.eu","potentialAction":{"@type":"SearchAction","target":"https://eurodiscover.eu/search?q={search_term_string}","query-input":"required name=search_term_string"}}</script>
<link rel="search" type="application/opensearchdescription+xml" href="https://eurodiscover.eu/opensearch.xml" title="EuroDiscover Community Search">

    <title>Welcome</title>
  </head>

  <body class='custom-wizard'>
    <div id='custom-wizard-main'></div>

      

    <script>
      (function() {
        var wizard = require('discourse/plugins/discourse-custom-wizard/wizard/custom-wizard').default.create();
        wizard.start();
      })();
    </script>
  <script async type="text/javascript" id="mini-profiler" src="/mini-profiler-resources/includes.js?v=251162ee7dc30da30d5370581c664510" data-version="251162ee7dc30da30d5370581c664510" data-path="/mini-profiler-resources/" data-current-id="xudrb1o23awkuz2iahmw" data-ids="xudrb1o23awkuz2iahmw" data-horizontal-position="left" data-vertical-position="top" data-trivial="false" data-children="false" data-max-traces="20" data-controls="false" data-authorized="true" data-toggle-shortcut="Alt+P" data-start-hidden="false" data-collapse-results="true" data-html-container="body"></script>
</body>
</html>

No browser console errors.


(Daniel Nevoigt) #167

I have the same issue with themes selecting. In my case its just possible to select the first theme and the first point, select a theme (optional). When I move my theme for wizard to the top, it also does not load the .css inside, so I can select what I want, everytime the wizard is in raw format.


(Angus McLeod) #168

@davisonio @Daniel_Nevoigt The way themes are handled in core Discourse was recently changed.

I just pushed an update to the plugin that should accomodate the changes:

@sam Is there a way I can better prepare for / more gracefully handle db schema changes in my plugins?


(Daniel Nevoigt) #169

Works like a charm now. Thanks a lot @angus


(Allen) #170

Many thanks for this awesome plugin!

I am trying to update Bio field in user profile through wizard. As target field I selected bio_raw, for the input field I tried various including text area and composer. So far I have not managed to get user input from Wizard to update Bio field in user profile. Updating checkbox (consent in my example) works. Am I doing something wrong?


(Angus McLeod) #171

It seems to be working fine on my sandbox. Can you link me to an example of it not working?

Wizard: https://discourse.angusmcleod.com.au/w/profile-update

Wizard input:

51%20pm

Profile after submission:

10%20pm

Wizard settings:


(Allen) #172

hmm, i created an additional step, identical to my first, and that one works. I did some field name changes in a convoluted way on my first attempt, and that probably messed up something. Anyhow, I will just delete the whole wizard and start over again, I am confident it will work now. Thanks for confirming that it wasn’t some odd problem with the profile field.


(jacob) #173

Here’s an error I found while using the plugin today. Could this be the cause to the wizard not changing themes appropriately?


(Mathew Medoff) #174

I noticed that the validation done does not appear to strip leading and trailing white spaces. Was able to create fields that have a minimum length and then uses spaces to meet that minimum. For example I could put a minimum of 5 and then simply put in 5 spaces and it is successful.


(Sam Saffron) #175

@Osama do you remember the wrapping we did for themes? I think it may make sense to add this for plugins as well? Not sure, but something to think about. Worth a 15-20 minute round of investigating what issues there are and how plugins should deal with this on static pages. I keep seeing these errors on meta.


(Jacob) #178

Is there a way to have wizard fields in a custom title? It doesn’t work for me and one other person said they can’t use user fields. I’m assuming you can’t but I am still gonna ask. sorry for bump, idk forum etiquette or where I should ask this


(Christoph) #179

Could you clarify how exactly the wizard acts after the final step? The OP mentions that

But what happens in all other cases?

The way I have setup the wizard, the user is redirected to the PM that was created by one of the wizard actions, so I’m guessing that the user is redirected based on the (last?) wizard action. But what if a user is invited and a PM is created? (etc)

Oh, and I just realized that the last action of my wizard is actually not the pm but updating a field in the user profile. So I’m not sure what the logic is. :thinking:

Ultimately, what I’m trying to find out is whether there is a way of directing the user to /latest or a specific category or topic once the wizard is completed (except, of course, in the case of topic invites). In particular, I don’t want new users to be redirected to the PM that was created by the wizard. Is there any way of preventing that?


(Angus McLeod) #180

There is now!

If there are no create_topic or create_message actions in the wizard, then the user will just be directed to latest.

If there are create_topic or create_message actions, then whatever action appears last in the wizard will determine what the user is redirected to. The action doesn’t need to be in the last step.

For example, if you have a create_message in step 2 and a create_topic in step 4 of a 5 step wizard, the user will be redirected to the topic.

I’ve added a ‘skip redirect’ option for create_topic and create_message which should address the your use case.