fix(wizard.html): improve back and next button behavior

fix #1044
patternfly · May 15, 2018 · f06c99f · f06c99f
1 parent f7518fa
commit f06c99f
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/tests/pages/_includes/widgets/communication/wizard.html b/tests/pages/_includes/widgets/communication/wizard.html
@@ -132,7 +132,7 @@ <h3 class="blank-slate-pf-main-action">Loading Wizard</h3>
               <form class="form-horizontal">
                 <!-- replacing id with data-id to pass build errors -->
                 <div class="form-group required">
-                  <label class="col-sm-2 control-label" for="textInput-markup" required>Name</label>
+                  <label class="col-sm-2 control-label required-pf" for="textInput-markup" required>Name</label>
                   <div class="col-sm-10">
                     <input id="detailsName" type="text" data-id="textInput-markup" class="form-control">
                   </div>
@@ -474,6 +474,8 @@ <h3 class="blank-slate-pf-main-action">Deployment was successful</h3>
     this.updateBackBtnDisplay = function() {
       if (self.currentTab == self.tabs[0]) {
         $(self.modal + " .wizard-pf-back").addClass("disabled");
+      } else {
+        $(self.modal + " .wizard-pf-back").removeClass("disabled");
       }
     };
 
@@ -561,7 +563,7 @@ <h3 class="blank-slate-pf-main-action">Deployment was successful</h3>
     };
     // Back button clicked
     this.backBtnClicked = function() {
-      $(self.modal + " .wizard-pf-back").click(function() {
+      $('body').on('click', self.modal + " .wizard-pf-back:not(.disabled)", function() {
         // if not the first page
         if (self.currentTab != self.tabs[0]) {
           // go back a page (i.e. -1)
@@ -574,7 +576,7 @@ <h3 class="blank-slate-pf-main-action">Deployment was successful</h3>
 
     // Next button clicked
     this.nextBtnClicked = function() {
-      $(self.modal + " .wizard-pf-next").click(function() {
+      $('body').on('click', self.modal + " .wizard-pf-next:not(.disabled)", function() {
         // go forward a page (i.e. +1)
         self.wizardPaging(1);
         // show/hide/disable/enable buttons if needed