partials/crmUi/wizard.html

   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" -->
   8     </li>
   9   </ul>
  10   <div class="crm-wizard-body" ng-transclude/>
  11   <div class="crm-wizard-buttons">
  12     <button crm-icon="triangle-1-w" ng-click="crmUiWizardCtrl.previous()" ng-show="!crmUiWizardCtrl.$first()">{{ts('Previous')}}</button>
  13     <button crm-icon="triangle-1-e" ng-click="crmUiWizardCtrl.next()" ng-show="!crmUiWizardCtrl.$last()" ng-disabled="!crmUiWizardCtrl.$validStep()">{{ts('Next')}}</button>
  14   </div>
  15 </div>