From 87b4aa7457ff02b172ed748a21a88276a6ad5f01 Mon Sep 17 00:00:00 2001
From: Tasos Bekos <tbekos@gmail.com>
Date: Sun, 25 Aug 2013 23:57:38 +0300
Subject: [PATCH] refactor(rating): moving default class names back to template

---
 src/rating/docs/readme.md   | 8 ++++----
 src/rating/rating.js        | 4 ++--
 template/rating/rating.html | 2 +-
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/rating/docs/readme.md b/src/rating/docs/readme.md
index 1fe0ac6853..123d5d219f 100644
--- a/src/rating/docs/readme.md
+++ b/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)_ :
diff --git a/src/rating/rating.js b/src/rating/rating.js
index bbcdfbdf40..7680e22fe8 100644
--- a/src/rating/rating.js
+++ b/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) {
diff --git a/template/rating/rating.html b/template/rating/rating.html
index 822b2cf6ef..ff78f8b6d4 100644
--- a/template/rating/rating.html
+++ b/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>
\ No newline at end of file