<section class="step-control"> <section class="steps"> <section class="step" ng-repeat="step in $ctrl._steps track by $index"> <section class="circle" vn-tooltip="{{::step.name}}" ng-click="$ctrl.currentState = step.state" ng-class="{active: step.state == $ctrl.currentState}"> </section> </section> </section> <section class="buttons"> <section class="step"> <vn-button ng-if="$ctrl.canMovePrevious()" label="Previous" ng-click="$ctrl.onPreviousClick()"> </vn-button> </section> <section class="step"> <vn-button ng-if="$ctrl.canMoveNext()" label="Next" ng-click="$ctrl.onNextClick()"> </vn-button> <vn-submit ng-if="$ctrl.canFinalize()" label="Finalize" ng-click="$ctrl.onStepEnd()"> </vn-submit> </section> </section> </section>