From 60148ddbcba18ea9f86b588438530cfb098274a7 Mon Sep 17 00:00:00 2001
From: Laercio Santana <laerciosantana021@hotmail.com>
Date: Sun, 28 May 2017 15:31:21 -0300
Subject: [PATCH] [rating-bar] change v-model range to [0, md-max-rating]

---
 docs/src/pages/components/RatingBar.vue    | 30 +++++++++++-----------
 src/components/mdRatingBar/mdRatingBar.vue | 11 +++-----
 2 files changed, 19 insertions(+), 22 deletions(-)

diff --git a/docs/src/pages/components/RatingBar.vue b/docs/src/pages/components/RatingBar.vue
index bf5d5f7..47e3a07 100644
--- a/docs/src/pages/components/RatingBar.vue
+++ b/docs/src/pages/components/RatingBar.vue
@@ -26,7 +26,7 @@
               <md-table-row>
                 <md-table-cell>v-model</md-table-cell>
                 <md-table-cell><code>Number</code></md-table-cell>
-                <md-table-cell>A required model object to bind the value. The value is limited by range [0, 1].</md-table-cell>
+                <md-table-cell>A required model object to bind the value. The value is limited by range [0, <code>md-max-rating</code>].</md-table-cell>
               </md-table-row>
 
               <md-table-row>
@@ -253,20 +253,20 @@
   export default {
     data() {
       return {
-        rating1: 0.70,
-        rating2: 0.6,
-        rating3: 0.2,
-        rating4: 0.84,
-        rating5: 0.7,
-        rating6: 0.5,
-        rating7: 0.90,
-        rating8: 0.9,
-        rating9: 0.18,
-        rating10: 0.45,
-        rating11: 0.82,
-        rating12: 0.5,
-        rating13: 0.7,
-        rating14: 0.4
+        rating1: 5 * 0.70,
+        rating2: 10 * 0.6,
+        rating3: 7 * 0.2,
+        rating4: 7 * 0.84,
+        rating5: 7 * 0.7,
+        rating6: 7 * 0.5,
+        rating7: 5 * 0.90,
+        rating8: 5 * 0.9,
+        rating9: 5 * 0.18,
+        rating10: 5 * 0.45,
+        rating11: 5 * 0.82,
+        rating12: 5 * 0.5,
+        rating13: 5 * 0.7,
+        rating14: 5 * 0.4
       };
     }
   };
diff --git a/src/components/mdRatingBar/mdRatingBar.vue b/src/components/mdRatingBar/mdRatingBar.vue
index a9626bb..5a2ff77 100644
--- a/src/components/mdRatingBar/mdRatingBar.vue
+++ b/src/components/mdRatingBar/mdRatingBar.vue
@@ -56,9 +56,6 @@
       disabled: Boolean,
       value: {
         type: Number,
-        validator: (value) => {
-          return value >= 0 && value <= 1;
-        },
         default: 0
       },
       mdIconSize: {
@@ -114,7 +111,7 @@
       },
       fullIconStyle() {
         return {
-          width: 100 * this.rating + '%',
+          width: 100 / this.mdMaxRating * this.rating + '%',
           'margin-left': -iconSize * this.mdIconSize * this.mdMaxRating + 'px'
         };
       }
@@ -133,15 +130,15 @@
     methods: {
       hoverStars(evt) {
         if (!this.disabled) {
-          this.rating = this.getIconIndex(evt.currentTarget) / this.mdMaxRating;
+          this.rating = this.getIconIndex(evt.currentTarget);
         }
       },
       clickStars(evt) {
         if (!this.disabled) {
           var selected = this.getIconIndex(evt.currentTarget);
 
-          this.$emit('input', selected / this.mdMaxRating);
-          this.$emit('change', selected / this.mdMaxRating);
+          this.$emit('input', selected);
+          this.$emit('change', selected);
         }
       },
       getIconIndex(iconSelected) {//iconSelected is a dom element