{
title: "Fabric",
active: false
},
{
title: "Finish",
active: false
}
],
get activeStep() {
return _.find(this.steps, "active")
},
activateNextStep: mobx.asReference(function() {
const nextStep = this.steps[_.findIndex(this.steps, "active") + 1]
if (!nextStep) {
return false
}
this.setActiveStep(nextStep)
}),
setActiveStep(modeToActivate) {
const self = this
mobx.transaction(() => {
_.find(self.steps, "active").active = false
modeToActivate.active = true
})
}
})
/** RENDERS **/
const Wizard = observer(
{
title: 'Fabric',
active: false
},
{
title: 'Finish',
active: false
}
],
activeStep: function () {
return _.find(this.steps, 'active');
},
activateNextStep: mobx.asReference(function () {
var nextStep = this.steps[_.findIndex(this.steps, 'active') + 1];
if(!nextStep) {
return false;
}
this.setActiveStep(nextStep);
}),
setActiveStep: function (modeToActivate) {
var self = this;
mobx.transaction(function () {
_.find(self.steps, 'active').active = false;
modeToActivate.active = true;
});
}
});
/** RENDERS **/
var Wizard = observer(React.createClass({
displayName: 'Wizard',