goNextTimeout and onStepRender

classes/Step.js

@@ -7,7 +7,7 @@ export class Step {
     this.template = params.template || ''
     this.ignore_progress = params.ignore_progress || false
     this.from = null
-    this._data = {}
+    this._data = params.data || {}
     params.interceptors = params.interceptors || {}
     this.interceptors = {
       beforeRender: params.interceptors.beforeRender || this.methods.beforeRender || function () {

classes/StepSystem.js

@@ -1,6 +1,6 @@
 /**
  * StepSystem v1.0.0
- * Last update: 15.05.2017
+ * Last update: 17.05.2017
  *
  * Dependencies: jQuery
  *
@@ -11,15 +11,18 @@ export class StepSystem {
   /**
    * @param  {jQuery element} container
    */
-  constructor (container) {
+  constructor (params) {
     this._steps = {}
     this._current_step = null
-    this._container = container
+    this._container = params.container || $('.step-system')
+    this._step_container = params.step_class || '.step'
+    this._next_timeout = null
     this.steps_past = []
     this.progress = 0
     this.commonHandlers = function () {}
     this.onFinish = function () {}
     this.onProgress = function () {}
+    this.onStepRender = function () {}
   }
 
   /**
@@ -59,7 +62,9 @@ export class StepSystem {
       if (_br.onError) _br.onError()
       return this
     }
-    this.container.find('.step').html(step.template || this._container.find(`#${step.name}`).html())
+    this.container.find(this._step_container).html(step.template || this._container.find(`#${step.name}`).html())
+    this.container.find(this._step_container).attr('data-name', step.name)
+    this.onStepRender(step)
     if (step.methods.onRender) {
       step.methods.onRender()
     }
@@ -80,6 +85,14 @@ export class StepSystem {
     this.onProgress(this.progress)
   }
 
+  goNextTimeout (timeout = 300) {
+    const $this = this
+    clearTimeout(this._next_timeout)
+    this._next_timeout = setTimeout(function () {
+      $this.goNext()
+    }, timeout)
+  }
+
   goNext () {
     let curr_step = this.current_step || {}
     let next_step = curr_step.next || null