From: Tobias Lounsbury <tobiaslounsbury@gmail.com>
Date: Thu, 29 Sep 2016 19:24:46 +0000 (-0700)
Subject: CRM-19432: Added class passtrhough for crmUiWizard nav items
X-Git-Url: https://vcs.fsf.org/?a=commitdiff_plain;h=e5df45d2404b71bc8ec789e74896a8f9dde6f0af;p=civicrm-core.git

CRM-19432: Added class passtrhough for crmUiWizard nav items
---

diff --git a/ang/crmUi.js b/ang/crmUi.js
index a900f45a3a..3368745478 100644
--- a/ang/crmUi.js
+++ b/ang/crmUi.js
@@ -732,6 +732,7 @@
     })
 
     // example: <div crm-ui-wizard="myWizardCtrl"><div crm-ui-wizard-step crm-title="ts('Step 1')">...</div><div crm-ui-wizard-step crm-title="ts('Step 2')">...</div></div>
+    // example with custom nav classes: <div crm-ui-wizard crm-ui-wizard-nav-class="ng-animate-out ...">...</div>
     // Note: "myWizardCtrl" has various actions/properties like next() and $first().
     // WISHLIST: Allow each step to determine if it is "complete" / "valid" / "selectable"
     // WISHLIST: Allow each step to enable/disable (show/hide) itself
@@ -739,7 +740,8 @@
       return {
         restrict: 'EA',
         scope: {
-          crmUiWizard: '@'
+          crmUiWizard: '@',
+          crmUiWizardNavClass: '@'
         },
         templateUrl: '~/crmUi/wizard.html',
         transclude: true,
diff --git a/ang/crmUi/wizard.html b/ang/crmUi/wizard.html
index 44b09743f2..9c4c471801 100644
--- a/ang/crmUi/wizard.html
+++ b/ang/crmUi/wizard.html
@@ -1,6 +1,6 @@
 <div class="crm-wizard">
   <ul class="crm-wizard-nav wizard-bar">
-    <li ng-repeat="step in steps" ng-class="{'current-step':step.selected}">
+    <li ng-repeat="step in steps" ng-class="{'current-step':step.selected}" class="{{crmUiWizardNavClass}}">
       <span>{{crmUiWizardCtrl.iconFor($index)}}</span>
       <a href="" ng-click="crmUiWizardCtrl.select(step)" ng-show="crmUiWizardCtrl.isSelectable(step)">{{1 + $index}}. {{step.$parent.$eval(step.crmTitle)}}</a>
       <span ng-show="!crmUiWizardCtrl.isSelectable(step)">{{1 + $index}}. {{step.$parent.$eval(step.crmTitle)}}</span>