/**
 * https://github.com/Taranys/simplerating
 */
angular.module('SimpleRating', [])
    .directive('simpleRating', function () {
        return {
            restrict: 'A',
            template: '<ul style="padding: 0">' +
                '<li ng-repeat="star in stars" style="color: #FFD700; cursor: pointer" class="glyphicon" ng-class="getStarClass($index)" ng-click="click($index)"></li>' +
                '</ul>',
            scope: {
                rating: "=",
                ratingMax: "=",
                readOnly: "="
            },
            link: function ($scope) {
                $scope.getStarClass = function (index) {
                    return ($scope.rating >= index) ? 'glyphicon-star' : 'glyphicon-star-empty';
                };

                $scope.$watch('rating', function () {
                    $scope.stars = [];
                    for (var i = 0; i < $scope.ratingMax; i++) {
                        $scope.stars.push({});
                    }
                });

                $scope.click = function (starRating) {
                    if (!$scope.readOnly) {
                        $scope.rating = starRating;
                    }
                };
            }
        };
    });
@@ -290,25 +290,31 @@
 D700
-; cursor: pointer
+%22 ng-style=%22getCursor()
 %22 cl
@@ -759,16 +759,167 @@
     %7D;%0A%0A
+                $scope.getCursor = function() %7B%0A                    return %7B cursor : ($scope.readOnly?'not-allowed':'pointer') %7D;%0A                %7D;%0A%0A
         

Add cursor according to read only state