refactor(rating): moving default class names back to template

Author: bekos

src/rating/docs/readme.md

@@ -25,12 +25,12 @@ Rating directive that will take care of visualising a star rating bar.
  	An optional expression called when user's mouse leaves the control altogether.
 
  * `state-on`
- 	_(Defaults: 'icon-star')_ :
- 	A variable used in default template to specify the class for selected icons.
+ 	_(Defaults: null)_ :
+ 	A variable used in template to specify the state (class, src, etc) for selected icons.
 
  * `state-off`
- 	_(Defaults: 'icon-star-empty')_ :
- 	A variable used in default template to specify the class for unselected icons.
+ 	_(Defaults: null)_ :
+ 	A variable used in template to specify the state for unselected icons.
 
  * `rating-states`
  	_(Defaults: null)_ :

src/rating/rating.js

@@ -2,8 +2,8 @@ angular.module('ui.bootstrap.rating', [])
 
 .constant('ratingConfig', {
   max: 5,
-  stateOn: 'icon-star',
-  stateOff: 'icon-star-empty'
+  stateOn: null,
+  stateOff: null
 })
 
 .controller('RatingController', ['$scope', '$attrs', '$parse', 'ratingConfig', function($scope, $attrs, $parse, ratingConfig) {

template/rating/rating.html

@@ -1,3 +1,3 @@
 <span ng-mouseleave="reset()">
-	<i ng-repeat="r in range" ng-mouseenter="enter($index + 1)" ng-click="rate($index + 1)" ng-class="$index < val && r.stateOn || r.stateOff"></i>
+	<i ng-repeat="r in range" ng-mouseenter="enter($index + 1)" ng-click="rate($index + 1)" ng-class="$index < val && (r.stateOn || 'icon-star') || (r.stateOff || 'icon-star-empty')"></i>
 </span>