Question: A canonical example of using Iron Router with wizard-style templates?

[aadamsx]

I'd like to build a wizard, with next/previous and maybe a sidebar with the step you're currently on and status of each step.

I'm using Iron Router and Meteor 1.0.

I'm also using the Autoform repository (but that's not mandatory).

I'd also like to preserve inputs between routes. I could have a submit button on each step as well. The requirements are kinda up in the air.

Anyhow, I found this example from @cmather http://stackoverflow.com/questions/18732872/preserve-form-inputs-between-routes, is this the best way? Is there a place I can get a more flushed out example?

[cmather]

Hey @aadamsx, definitely need an example here. We also need to make some improvements around not creating new controller instances each time. I put it in the backlog for when I do the next batch of work on this. But for now, you can already accomplish this if the route doesn't change (e.g. use query parameters or hash values to stay on the same route but only invalidate the params). You can get the parameters reactively by calling this.getParams(). That way, an entirely new controller won't get created (so long as the route remains the same - the main url hasn't changed, only query params or hash frag). Then you can use a state value (this.state.get/set) or (Session.get/set) to decide which part of your template is visible.

[aadamsx]

Sounds good. But at this point I'm too new to Iron Router/Meteor to go at it alone. I'll need at least some code for reference/to go on (doesn't have to be 100%) before I feel comfortable forging ahead.

If you could provide a quick mock up, that could get me started.

Right now I'm trying to do it without IR params, just using the Submit of Autoform and either saving the data at each point, then linking to the next page, or saving the state in a Session and linking to the next page and saving at the end -- but I just started this and really haven't gotten too far yet.

[cmather]

Happy to do that. But it might be a few weeks. Alas, I'm taking a small vacation starting this afternoon! But I'll try to get something before we leave.

[aadamsx]

Greatly appriciated.

[dandv]

👍 for support for stateful/sticky routes, similar to Angular's ui-router-extras. For the best UX, form inputs, scroll state, text selection etc. should be preserved when navigating back to a route.

[ovidb]

+1