upd wizard, add startPage property

Litosoft · Jan 8, 2015 · 0bbeb87 · 0bbeb87
1 parent 99bc898
commit 0bbeb87
Show file tree

Hide file tree

Showing 8 changed files with 101 additions and 23 deletions.
diff --git a/docs/js/docs.js b/docs/js/docs.js
@@ -50,4 +50,4 @@ $(window).scroll(function(){
     headerPosition();
 });
 
-METRO_AUTO_REINIT = true;
+//METRO_AUTO_REINIT = true;
diff --git a/docs/js/metro.min.js b/docs/js/metro.min.js
diff --git a/docs/js/metro/metro-stepper.js b/docs/js/metro/metro-stepper.js
@@ -61,6 +61,10 @@
             });
         },
 
+        stepTo: function(step){
+            this._stepTo(step);
+        },
+
         first: function(){
             var o = this.options;
             o.start = 1;

diff --git a/docs/js/metro/metro-wizard.js b/docs/js/metro/metro-wizard.js
@@ -6,6 +6,7 @@
         options: {
             stepper: true,
             stepperType: 'default',
+            startPage: 'default',
             locale: $.Metro.currentLocale,
             finishStep: 'default',
             buttons: {
@@ -36,13 +37,20 @@
             this._steps = steps;
 
             if (o.stepper) {
-                this._stepper = this._createStepper(steps.length).insertBefore(element.find('.steps'));
+                this._stepper = this._createStepper(steps.length).insertBefore(element.find('.steps')).stepper();
             }
 
             if (element.data('locale') != undefined) o.locale = element.data('locale');
 
             this._createEvents();
+
+            if (o.startPage != 'default' && parseInt(o.startPage) > 1) {
+                //if (this._stepper != undefined) this._stepper.stepper('stepTo', o.startPage);
+                this.stepTo(o.startPage);
+            }
+
             this.options.onPage(this._currentStep + 1, element);
+
         },
 
         _createStepper: function(steps){
@@ -104,7 +112,7 @@
             $(this._steps[new_step]).show();
 
             this.options.onPage(this._currentStep + 1, this.element);
-            this._stepper.stepper('next');
+            this._stepper.stepper('stepTo', this._currentStep + 1);
 
             var finish = parseInt(this.options.finishStep == 'default' ? this._steps.length - 1 : this.options.finishStep);
             if (new_step == finish) {
@@ -125,7 +133,28 @@
             $(this._steps[new_step]).show();
 
             this.options.onPage(this._currentStep + 1, this.element);
-            this._stepper.stepper('prior');
+            this._stepper.stepper('stepTo', this._currentStep + 1);
+
+            var finish = parseInt(this.options.finishStep == 'default' ? this._steps.length - 1 : this.options.finishStep);
+            if (new_step == finish) {
+                this.element.find('.btn-finish').attr('disabled', false);
+            } else {
+                this.element.find('.btn-finish').attr('disabled', true);
+            }
+
+            return true;
+        },
+
+        stepTo: function(step){
+            var new_step = step - 1;
+
+            if (new_step < 0) return false;
+            this._currentStep = new_step;
+            this._steps.hide();
+            $(this._steps[new_step]).show();
+
+            this.options.onPage(this._currentStep + 1, this.element);
+            if (this._stepper != undefined) this._stepper.stepper('stepTo', step);
 
             var finish = parseInt(this.options.finishStep == 'default' ? this._steps.length - 1 : this.options.finishStep);
             if (new_step == finish) {
@@ -137,6 +166,10 @@
             return true;
         },
 
+        stepper: function(){
+            return this._stepper;
+        },
+
         _destroy: function(){
         },
 

diff --git a/docs/wizard.html b/docs/wizard.html
@@ -49,6 +49,7 @@ <h1>
                 $(function(){
                     $('#wizard').wizard({
                         locale: 'en',
+                        startPage: 2,
                         onCancel: function(){
                             $.Dialog({
                                 title: 'Wizard',
@@ -96,6 +97,7 @@ <h3>JavaScript</h3>
     $('#wizard').wizard({
             stepper: true, // show stepper, see http://metroui.org.ua/stepper.html
             stepperType: 'default', // stepper type, see http://metroui.org.ua/stepper.html
+            startPage: 'default', // if this value ne 'default' wizard started from this page
             locale: $.Metro.currentLocale, //'en', 'ua', 'ru', ... more languages defined in metro-locale.js
             finishStep: 'default', // 'default' - last page or int - number of page
             buttons: { //show or hide buttons

diff --git a/js/metro-stepper.js b/js/metro-stepper.js
@@ -61,6 +61,10 @@
             });
         },
 
+        stepTo: function(step){
+            this._stepTo(step);
+        },
+
         first: function(){
             var o = this.options;
             o.start = 1;