33 lines
1.1 KiB
HTML
33 lines
1.1 KiB
HTML
|
<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}}"
|
||
|
|
tooltip-position="down"
|
||
|
|
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>
|