chore(uiSrefActive): rename uiStateActive to uiSrefActive

Renamed to reflect the association with the ui-sref directive.

Author: Caitlin Potter

src/stateDirectives.js

@@ -16,8 +16,8 @@ $StateRefDirective.$inject = ['$state'];
 function $StateRefDirective($state) {
   return {
     restrict: 'A',
-    require: '?^uiStateActive',
-    link: function(scope, element, attrs, uiStateActive) {
+    require: '?^uiSrefActive',
+    link: function(scope, element, attrs, uiSrefActive) {
       var ref = parseStateRef(attrs.uiSref);
       var params = null, url = null, base = stateContext(element) || $state.$current;
       var isForm = element[0].nodeName === "FORM";
@@ -34,8 +34,8 @@ function $StateRefDirective($state) {
           return false;
         }
         element[0][attr] = newHref;
-        if (uiStateActive) {
-          uiStateActive.$$setStateInfo(ref.state, params);
+        if (uiSrefActive) {
+          uiSrefActive.$$setStateInfo(ref.state, params);
         }
       };
 
@@ -71,9 +71,9 @@ function $StateActiveDirective($state, $stateParams, $interpolate) {
       var state, params, activeClass;
 
       // There probably isn't much point in $observing this
-      activeClass = $interpolate($attrs.uiStateActive || '', false)($scope);
+      activeClass = $interpolate($attrs.uiSrefActive || '', false)($scope);
 
-      // Allow uiSref to communicate with uiStateActive
+      // Allow uiSref to communicate with uiSrefActive
       this.$$setStateInfo = function(newState, newParams) {
         state = $state.get(newState, stateContext($element));
         params = newParams;
@@ -100,4 +100,4 @@ function $StateActiveDirective($state, $stateParams, $interpolate) {
 
 angular.module('ui.router.state')
   .directive('uiSref', $StateRefDirective)
-  .directive('uiStateActive', $StateActiveDirective);
+  .directive('uiSrefActive', $StateActiveDirective);

test/stateDirectivesSpec.js

@@ -218,7 +218,7 @@ describe('uiStateRef', function() {
   });
 });
 
-describe('uiStateActive', function() {
+describe('uiSrefActive', function() {
     var el, template, scope, document;
 
   beforeEach(module('ui.router'));
@@ -230,7 +230,7 @@ describe('uiStateActive', function() {
       url: '/contacts',
       views: {
         '@': {
-          template: '<a ui-sref=".item({ id: 6 })" ui-state-active="active">Contacts</a>'
+          template: '<a ui-sref=".item({ id: 6 })" ui-sref-active="active">Contacts</a>'
         }
       }
     }).state('contacts.item', {
@@ -245,7 +245,7 @@ describe('uiStateActive', function() {
   }));
 
   it('should update class for sibling uiSref', inject(function($rootScope, $q, $compile, $state) {
-    el = angular.element('<div><a ui-sref="contacts" ui-state-active="active">Contacts</a></div>');
+    el = angular.element('<div><a ui-sref="contacts" ui-sref-active="active">Contacts</a></div>');
     template = $compile(el)($rootScope);
     $rootScope.$digest();
 
@@ -261,7 +261,7 @@ describe('uiStateActive', function() {
   }));
 
   it('should match state\'s parameters', inject(function($rootScope, $q, $compile, $state) {
-    el = angular.element('<div><a ui-sref="contacts.item.detail({ foo: \'bar\' })" ui-state-active="active">Contacts</a></div>');
+    el = angular.element('<div><a ui-sref="contacts.item.detail({ foo: \'bar\' })" ui-sref-active="active">Contacts</a></div>');
     template = $compile(el)($rootScope);
     $rootScope.$digest();