patternfly/angular-patternfly

<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>