return steps[selectedIndex] && steps[selectedIndex].isStepValid();
};
this.iconFor = function(index) {
- if (index < this.$index()) return '√';
- if (index === this.$index()) return '»';
- return ' ';
+ if (index < this.$index()) return 'crm-i fa-check';
+ if (index === this.$index()) return 'crm-i fa-angle-double-right';
+ return '';
};
this.isSelectable = function(step) {
if (step.selected) return false;
return;
}
if (attrs.crmIcon.substring(0,3) == 'fa-') {
- $(element).prepend('<i class="crm-i ' + attrs.crmIcon + '"></i> ');
+ $(element).prepend('<i class="crm-i ' + attrs.crmIcon + '" aria-hidden="true"></i> ');
}
else {
$(element).prepend('<span class="icon ui-icon-' + attrs.crmIcon + '"></span> ');
// set a custom title (i.e., it has an initial title of "CiviCRM"). See the
// global variables pageTitle and documentTitle.
// Example (same title for both): <h1 crm-page-title>{{ts('Hello')}}</h1>
- // Example (separate document title): <h1 crm-document-title="ts('Hello')" crm-page-title><i class="crm-i fa-flag"></i>{{ts('Hello')}}</h1>
+ // Example (separate document title): <h1 crm-document-title="ts('Hello')" crm-page-title><i class="crm-i fa-flag" aria-hidden="true"></i>{{ts('Hello')}}</h1>
.directive('crmPageTitle', function($timeout) {
return {
scope: {