1 <div class=
"crm-wizard">
2 <ul class=
"crm-wizard-nav wizard-bar">
3 <li ng-repeat=
"step in steps" ng-class=
"{'current-step':step.selected}">
4 <span>{{crmUiWizardCtrl.iconFor($index)}}
</span>
5 <a href=
"" ng-click=
"crmUiWizardCtrl.select(step)" ng-show=
"crmUiWizardCtrl.isSelectable(step)">{{
1 + $index}}. {{step.$parent.$eval(step.crmTitle)}}
</a>
6 <span ng-show=
"!crmUiWizardCtrl.isSelectable(step)">{{
1 + $index}}. {{step.$parent.$eval(step.crmTitle)}}
</span>
7 <!-- Don't know a good way to localize text like "1. Title" -->
10 <div class=
"crm-wizard-body" ng-transclude
/>
11 <div class=
"crm-wizard-buttons">
12 <button crm-icon=
"fa-chevron-left" ng-click=
"crmUiWizardCtrl.previous()" ng-show=
"!crmUiWizardCtrl.$first()">{{ts('Previous')}}
</button>
13 <button crm-icon=
"fa-chevron-right" title=
"{{!crmUiWizardCtrl.$validStep() ? ts('Complete all required fields first') : ts('Next step')}}" ng-click=
"crmUiWizardCtrl.next()" ng-show=
"!crmUiWizardCtrl.$last()" ng-disabled=
"!crmUiWizardCtrl.$validStep()">{{ts('Next')}}
</button>