@@ -17460,6 +17460,7 @@ angular.module('patternfly.wizard').component('pfWizardSubstep', {
17460
17460
*
17461
17461
* @param {string} title The wizard title displayed in the header
17462
17462
* @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.
17463
17464
* @param {boolean=} hideSidebar Hides page navigation sidebar on the wizard pages
17464
17465
* @param {boolean=} hideHeader Optional value to hide the title bar. Default is false.
17465
17466
* @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', {
17507
17508
</div>
17508
17509
<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">
17509
17510
<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>
17511
17512
<input id="new-lorem" name="lorem" ng-model="data.lorem" type="text" required/>
17512
17513
</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" >
17514
17515
<input id="new-ipsum" name="ipsum" ng-model="data.ipsum" type="text" />
17515
17516
</pf-form-group>
17516
17517
</form>
@@ -17519,10 +17520,10 @@ angular.module('patternfly.wizard').component('pfWizardSubstep', {
17519
17520
<pf-wizard-step step-title="Second Step" substeps="false" step-id="configuration" step-priority="1" show-review="true" review-template="review-second-template.html" >
17520
17521
<form class="form-horizontal">
17521
17522
<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" >
17523
17524
<input id="new-lorem" name="lorem" ng-model="data.lorem" type="text"/>
17524
17525
</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" >
17526
17527
<input id="new-ipsum" name="ipsum" ng-model="data.ipsum" type="text" />
17527
17528
</pf-form-group>
17528
17529
</form>
@@ -17537,10 +17538,10 @@ angular.module('patternfly.wizard').component('pfWizardSubstep', {
17537
17538
<div ng-controller="DetailsGeneralController">
17538
17539
<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">
17539
17540
<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>
17541
17542
<input id="new-name" name="name" ng-model="data.name" type="text" ng-change="updateName()" required/>
17542
17543
</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" >
17544
17545
<input id="new-description" name="description" ng-model="data.description" type="text" />
17545
17546
</pf-form-group>
17546
17547
</form>
@@ -17751,6 +17752,7 @@ angular.module('patternfly.wizard').component('pfWizard', {
17751
17752
bindings: {
17752
17753
title: '@',
17753
17754
hideIndicators: '=?',
17755
+ activeStepTitleOnly: '<?',
17754
17756
hideSidebar: '@',
17755
17757
hideHeader: '@',
17756
17758
hideBackButton: '@',
@@ -17816,6 +17818,7 @@ angular.module('patternfly.wizard').component('pfWizard', {
17816
17818
ctrl.hideHeader = ctrl.hideHeader === 'true';
17817
17819
ctrl.hideSidebar = ctrl.hideSidebar === 'true';
17818
17820
ctrl.hideBackButton = ctrl.hideBackButton === 'true';
17821
+ ctrl.activeStepTitleOnly = ctrl.activeStepTitleOnly === true;
17819
17822
17820
17823
// If a step class is given use it for all steps
17821
17824
if (angular.isDefined(ctrl.stepClass)) {
@@ -17825,7 +17828,7 @@ angular.module('patternfly.wizard').component('pfWizard', {
17825
17828
ctrl.sidebarClass = ctrl.stepClass;
17826
17829
}
17827
17830
} 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
17829
17832
if (angular.isUndefined(ctrl.contentHeight)) {
17830
17833
ctrl.contentHeight = '300px';
17831
17834
}
@@ -18034,7 +18037,7 @@ angular.module('patternfly.wizard').component('pfWizard', {
18034
18037
// Check if callback is a function
18035
18038
if (angular.isFunction(callback)) {
18036
18039
if (callback(ctrl.selectedStep)) {
18037
- if (index <= enabledSteps.length - 1) {
18040
+ if (index < enabledSteps.length - 1) {
18038
18041
// Go to the next step
18039
18042
if (enabledSteps[index + 1].substeps) {
18040
18043
enabledSteps[index + 1].resetNav();
@@ -18439,7 +18442,7 @@ angular.module('patternfly.wizard').component('pfWizard', {
18439
18442
18440
18443
18441
18444
$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>"
18443
18446
);
18444
18447
18445
18448
@@ -18449,7 +18452,7 @@ angular.module('patternfly.wizard').component('pfWizard', {
18449
18452
18450
18453
18451
18454
$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>"
18453
18456
);
18454
18457
18455
18458
}]);
0 commit comments