@@ -17460,6 +17460,7 @@ angular.module('patternfly.wizard').component('pfWizardSubstep', {
1746017460 *
1746117461 * @param {string} title The wizard title displayed in the header
1746217462 * @param {boolean=} hideIndicators Hides the step indicators in the header of the wizard
17463+ * @param {boolean=} activeStepTitleOnly Shows the title only for the active step in the step indicators, optional, default is false.
1746317464 * @param {boolean=} hideSidebar Hides page navigation sidebar on the wizard pages
1746417465 * @param {boolean=} hideHeader Optional value to hide the title bar. Default is false.
1746517466 * @param {boolean=} hideBackButton Optional value to hide the back button, useful in 2 step wizards. Default is false.
@@ -17507,10 +17508,10 @@ angular.module('patternfly.wizard').component('pfWizardSubstep', {
1750717508 </div>
1750817509 <pf-wizard-substep step-title="Details - Extra" next-enabled="true" step-id="details-extra" step-priority="1" show-review="true" show-review-details="true" review-template="review-second-template.html">
1750917510 <form class="form-horizontal">
17510- <pf-form-group pf-label="Lorem" required>
17511+ <pf-form-group pf-label="Lorem" pf-label-class="col-sm-3 col-md-2" pf-input-class="col-sm-9 col-md-10" required>
1751117512 <input id="new-lorem" name="lorem" ng-model="data.lorem" type="text" required/>
1751217513 </pf-form-group>
17513- <pf-form-group pf-label="Ipsum">
17514+ <pf-form-group pf-label="Ipsum" pf-label-class="col-sm-3 col-md-2" pf-input-class="col-sm-9 col-md-10" >
1751417515 <input id="new-ipsum" name="ipsum" ng-model="data.ipsum" type="text" />
1751517516 </pf-form-group>
1751617517 </form>
@@ -17519,10 +17520,10 @@ angular.module('patternfly.wizard').component('pfWizardSubstep', {
1751917520 <pf-wizard-step step-title="Second Step" substeps="false" step-id="configuration" step-priority="1" show-review="true" review-template="review-second-template.html" >
1752017521 <form class="form-horizontal">
1752117522 <h3>Wizards should make use of substeps consistently throughout (either using them or not using them). This is an example only.</h3>
17522- <pf-form-group pf-label="Lorem">
17523+ <pf-form-group pf-label="Lorem" pf-label-class="col-sm-3 col-md-2" pf-input-class="col-sm-9 col-md-10" >
1752317524 <input id="new-lorem" name="lorem" ng-model="data.lorem" type="text"/>
1752417525 </pf-form-group>
17525- <pf-form-group pf-label="Ipsum">
17526+ <pf-form-group pf-label="Ipsum" pf-label-class="col-sm-3 col-md-2" pf-input-class="col-sm-9 col-md-10" >
1752617527 <input id="new-ipsum" name="ipsum" ng-model="data.ipsum" type="text" />
1752717528 </pf-form-group>
1752817529 </form>
@@ -17537,10 +17538,10 @@ angular.module('patternfly.wizard').component('pfWizardSubstep', {
1753717538 <div ng-controller="DetailsGeneralController">
1753817539 <pf-wizard-substep step-title="General" next-enabled="detailsGeneralComplete" step-id="details-general" step-priority="0" on-show="onShow" review-template="{{reviewTemplate}}" show-review-details="true">
1753917540 <form class="form-horizontal">
17540- <pf-form-group pf-label="Name" required>
17541+ <pf-form-group pf-label="Name" pf-label-class="col-sm-3 col-md-2" pf-input-class="col-sm-9 col-md-10" required>
1754117542 <input id="new-name" name="name" ng-model="data.name" type="text" ng-change="updateName()" required/>
1754217543 </pf-form-group>
17543- <pf-form-group pf-label="Description">
17544+ <pf-form-group pf-label="Description" pf-label-class="col-sm-3 col-md-2" pf-input-class="col-sm-9 col-md-10" >
1754417545 <input id="new-description" name="description" ng-model="data.description" type="text" />
1754517546 </pf-form-group>
1754617547 </form>
@@ -17751,6 +17752,7 @@ angular.module('patternfly.wizard').component('pfWizard', {
1775117752 bindings: {
1775217753 title: '@',
1775317754 hideIndicators: '=?',
17755+ activeStepTitleOnly: '<?',
1775417756 hideSidebar: '@',
1775517757 hideHeader: '@',
1775617758 hideBackButton: '@',
@@ -17816,6 +17818,7 @@ angular.module('patternfly.wizard').component('pfWizard', {
1781617818 ctrl.hideHeader = ctrl.hideHeader === 'true';
1781717819 ctrl.hideSidebar = ctrl.hideSidebar === 'true';
1781817820 ctrl.hideBackButton = ctrl.hideBackButton === 'true';
17821+ ctrl.activeStepTitleOnly = ctrl.activeStepTitleOnly === true;
1781917822
1782017823 // If a step class is given use it for all steps
1782117824 if (angular.isDefined(ctrl.stepClass)) {
@@ -17825,7 +17828,7 @@ angular.module('patternfly.wizard').component('pfWizard', {
1782517828 ctrl.sidebarClass = ctrl.stepClass;
1782617829 }
1782717830 } else {
17828- // No step claass give, setup the content style to allow scrolling and a fixed height
17831+ // No step class give, setup the content style to allow scrolling and a fixed height
1782917832 if (angular.isUndefined(ctrl.contentHeight)) {
1783017833 ctrl.contentHeight = '300px';
1783117834 }
@@ -18034,7 +18037,7 @@ angular.module('patternfly.wizard').component('pfWizard', {
1803418037 // Check if callback is a function
1803518038 if (angular.isFunction(callback)) {
1803618039 if (callback(ctrl.selectedStep)) {
18037- if (index <= enabledSteps.length - 1) {
18040+ if (index < enabledSteps.length - 1) {
1803818041 // Go to the next step
1803918042 if (enabledSteps[index + 1].substeps) {
1804018043 enabledSteps[index + 1].resetNav();
@@ -18439,7 +18442,7 @@ angular.module('patternfly.wizard').component('pfWizard', {
1843918442
1844018443
1844118444 $templateCache.put('wizard/wizard-step.html',
18442- "<section ng-show=$ctrl.selected ng-class=\"{current: $ctrl.selected, done: $ctrl.completed}\"><div ng-if=!$ctrl.wizard.hideSidebar class=wizard-pf-sidebar ng-style=$ctrl.contentStyle ng-class=$ctrl.wizard.sidebarClass ng-if=\"$ctrl.substeps === true\"><ul class=list-group><li class=list-group-item ng-class=\"{active: step.selected}\" ng-repeat=\"step in $ctrl.getEnabledSteps()\"><a ng-click=$ctrl.stepClick(step)><span class=wizard-pf-substep-number>{{$ctrl.getStepDisplayNumber(step)}}</span> <span class=wizard-pf-substep-title>{{step.title}}</span></a></li></ul></div><div class=\"wizard-pf-main {{$ctrl.wizard.stepClass}}\" ng-class=\"{'wizard-pf-singlestep': !$ctrl.substeps || $ctrl.wizard.hideSidebar}\" ng-style=$ctrl.contentStyle><div class=wizard-pf-contents ng-transclude></div></div></section>"
18445+ "<section ng-show=$ctrl.selected class=wizard-pf-row ng-class=\"{current: $ctrl.selected, done: $ctrl.completed}\" style=\"height: inherit \"><div ng-if=!$ctrl.wizard.hideSidebar class=wizard-pf-sidebar ng-style=$ctrl.contentStyle ng-class=$ctrl.wizard.sidebarClass ng-if=\"$ctrl.substeps === true\"><ul class=list-group><li class=list-group-item ng-class=\"{active: step.selected}\" ng-repeat=\"step in $ctrl.getEnabledSteps()\"><a ng-click=$ctrl.stepClick(step)><span class=wizard-pf-substep-number>{{$ctrl.getStepDisplayNumber(step)}}</span> <span class=wizard-pf-substep-title>{{step.title}}</span></a></li></ul></div><div class=\"wizard-pf-main {{$ctrl.wizard.stepClass}}\" ng-class=\"{'wizard-pf-singlestep': !$ctrl.substeps || $ctrl.wizard.hideSidebar}\" ng-style=$ctrl.contentStyle><div class=wizard-pf-contents ng-transclude></div></div></section>"
1844318446 );
1844418447
1844518448
@@ -18449,7 +18452,7 @@ angular.module('patternfly.wizard').component('pfWizard', {
1844918452
1845018453
1845118454 $templateCache.put('wizard/wizard.html',
18452- "<div><div class=modal-header ng-if=!$ctrl.hideHeader><button type=button class=\"close wizard-pf-dismiss\" aria-label=Close ng-click=$ctrl.onCancel() ng-if=!$ctrl.embedInPage><span aria-hidden=true>×</span></button><dt class=modal-title>{{$ctrl.title}}</dt></div><div class=\"modal-body wizard-pf-body clearfix\"><!-- step area --><div class=wizard-pf-steps ng-class=\"{'invisible': !$ctrl.wizardReady}\"><ul class=wizard-pf-steps-indicator ng-if=!$ctrl.hideIndicators ng-class=\"{'invisible': !$ctrl.wizardReady}\"><li class=wizard-pf-step ng-class=\"{active: step.selected}\" ng-repeat=\"step in $ctrl.getEnabledSteps()\" data-tabgroup=\"{{$index }}\"><a ng-click=$ctrl.stepClick(step) ng-class=\"{'disabled': !$ctrl.allowStepIndicatorClick(step)}\"><span class=wizard-pf-step-number>{{$index + 1}}</span> <span class=wizard-pf-step-title>{{step.title}}</span></a></li></ul></div><!-- loading wizard placeholder --><div ng-if=!$ctrl.wizardReady class=wizard-pf-main style=\"margin-left: 0px\"><div class=\"wizard-pf-loading blank-slate-pf\"><div class=\"spinner spinner-lg blank-slate-pf-icon\"></div><h3 class=blank-slate-pf-main-action>{{$ctrl.loadingWizardTitle}}</h3><p class=blank-slate-pf-secondary-action>{{$ctrl.loadingSecondaryInformation}}</p></div></div><div class=wizard-pf-position-override ng-transclude></div></div><div class=\"modal-footer wizard-pf-footer wizard-pf-position-override\" ng-class=\"{'wizard-pf-footer-inline': $ctrl.embedInPage}\"><pf-wiz-cancel class=\"btn btn-default btn-cancel wizard-pf-cancel\" ng-class=\"{'wizard-pf-cancel-no-back': $ctrl.hideBackButton}\" ng-disabled=$ctrl.wizardDone ng-click=$ctrl.onCancel() ng-if=!$ctrl.embedInPage>{{$ctrl.cancelTitle}}</pf-wiz-cancel><div ng-if=!$ctrl.hideBackButton class=tooltip-wrapper uib-tooltip={{$ctrl.prevTooltip}} tooltip-placement=left><pf-wiz-previous id=backButton class=\"btn btn-default\" ng-disabled=\"!$ctrl.wizardReady || $ctrl.wizardDone || !$ctrl.selectedStep.prevEnabled || $ctrl.firstStep\" callback=$ctrl.backCallback>{{$ctrl.backTitle}}</pf-wiz-previous></div><div class=tooltip-wrapper uib-tooltip={{$ctrl.nextTooltip}} tooltip-placement=left><pf-wiz-next id=nextButton class=\"btn btn-primary wizard-pf-next\" ng-disabled=\"!$ctrl.wizardReady || !$ctrl.selectedStep.nextEnabled\" callback=$ctrl.nextCallback>{{$ctrl.nextTitle}}</pf-wiz-next></div><pf-wiz-cancel class=\"btn btn-default btn-cancel wizard-pf-cancel wizard-pf-cancel-inline\" ng-disabled=$ctrl.wizardDone ng-click=$ctrl.onCancel() ng-if=$ctrl.embedInPage>{{$ctrl.cancelTitle}}</pf-wiz-cancel></div></div>"
18455+ "<div><div class=modal-header ng-if=!$ctrl.hideHeader><button type=button class=\"close wizard-pf-dismiss\" aria-label=Close ng-click=$ctrl.onCancel() ng-if=!$ctrl.embedInPage><span aria-hidden=true>×</span></button><dt class=modal-title>{{$ctrl.title}}</dt></div><div class=\"modal-body wizard-pf-body clearfix\"><!-- step area --><div class=wizard-pf-steps ng-class=\"{'invisible': !$ctrl.wizardReady}\"><ul class=wizard-pf-steps-indicator ng-if=!$ctrl.hideIndicators ng-class=\"{'invisible': !$ctrl.wizardReady}\"><li class=wizard-pf-step ng-class=\"{active: step.selected}\" ng-repeat=\"step in $ctrl.getEnabledSteps()\" data-tabgroup=\"{{$index }}\"><a ng-click=$ctrl.stepClick(step) ng-class=\"{'disabled': !$ctrl.allowStepIndicatorClick(step)}\"><span class=wizard-pf-step-number>{{$index + 1}}</span> <span ng-if=\"!$ctrl.activeStepTitleOnly || step.selected\" class=wizard-pf-step-title>{{step.title}}</span> <span class=wizard-pf-step-title-substep ng-repeat=\"substep in step.steps track by $index\" ng-class=\"{'active': substep.selected}\">{{substep.title}}</span></a></li></ul></div><!-- loading wizard placeholder --><div ng-if=!$ctrl.wizardReady class=wizard-pf-main style=\"margin-left: 0px\"><div class=\"wizard-pf-loading blank-slate-pf\"><div class=\"spinner spinner-lg blank-slate-pf-icon\"></div><h3 class=blank-slate-pf-main-action>{{$ctrl.loadingWizardTitle}}</h3><p class=blank-slate-pf-secondary-action>{{$ctrl.loadingSecondaryInformation}}</p></div></div><div class=wizard-pf-position-override ng-transclude></div></div><div class=\"modal-footer wizard-pf-footer wizard-pf-position-override\" ng-class=\"{'wizard-pf-footer-inline': $ctrl.embedInPage}\"><pf-wiz-cancel class=\"btn btn-default btn-cancel wizard-pf-cancel\" ng-class=\"{'wizard-pf-cancel-no-back': $ctrl.hideBackButton}\" ng-disabled=$ctrl.wizardDone ng-click=$ctrl.onCancel() ng-if=!$ctrl.embedInPage>{{$ctrl.cancelTitle}}</pf-wiz-cancel><div ng-if=!$ctrl.hideBackButton class=tooltip-wrapper uib-tooltip={{$ctrl.prevTooltip}} tooltip-placement=left><pf-wiz-previous id=backButton class=\"btn btn-default\" ng-disabled=\"!$ctrl.wizardReady || $ctrl.wizardDone || !$ctrl.selectedStep.prevEnabled || $ctrl.firstStep\" callback=$ctrl.backCallback>{{$ctrl.backTitle}}</pf-wiz-previous></div><div class=tooltip-wrapper uib-tooltip={{$ctrl.nextTooltip}} tooltip-placement=left><pf-wiz-next id=nextButton class=\"btn btn-primary wizard-pf-next\" ng-disabled=\"!$ctrl.wizardReady || !$ctrl.selectedStep.nextEnabled\" callback=$ctrl.nextCallback>{{$ctrl.nextTitle}}</pf-wiz-next></div><pf-wiz-cancel class=\"btn btn-default btn-cancel wizard-pf-cancel wizard-pf-cancel-inline\" ng-disabled=$ctrl.wizardDone ng-click=$ctrl.onCancel() ng-if=$ctrl.embedInPage>{{$ctrl.cancelTitle}}</pf-wiz-cancel></div></div>"
1845318456 );
1845418457
1845518458}]);
0 commit comments