2018-04-18 07:47:05 +00:00
|
|
|
<section class="step-control">
|
|
|
|
|
<section class="steps">
|
2018-05-07 06:33:45 +00:00
|
|
|
<section class="step" ng-repeat="step in $ctrl._steps track by $index">
|
2018-04-18 07:47:05 +00:00
|
|
|
<section class="circle"
|
2018-05-22 09:44:24 +00:00
|
|
|
vn-tooltip="{{::step.name}}"
|
2018-04-18 07:47:05 +00:00
|
|
|
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>
|
