From ff99720b56486caeec39b9b62bfa33565bd2a51d Mon Sep 17 00:00:00 2001
From: Laercio Santana <laerciosantana021@hotmail.com>
Date: Thu, 23 Mar 2017 12:24:47 -0300
Subject: [PATCH] [rating-bar] add support to custom size by md-icon

---
 src/components/mdRatingBar/mdRatingBar.vue | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/components/mdRatingBar/mdRatingBar.vue b/src/components/mdRatingBar/mdRatingBar.vue
index b690227..5503ae7 100644
--- a/src/components/mdRatingBar/mdRatingBar.vue
+++ b/src/components/mdRatingBar/mdRatingBar.vue
@@ -6,6 +6,7 @@
                @click.native="clickStars"
                @mouseout.native="onMouseOut"
                :md-src="srcBackIcon"
+               :class="[iconClasses]"
                v-if="srcBackIcon"></md-icon>
     </div>
     <div class="md-back-stars" v-else>
@@ -14,6 +15,7 @@
                @mouseover.native="hoverStars"
                @click.native="clickStars"
                @mouseout.native="onMouseOut"
+               :class="[iconClasses]"
                v-html="backIcon"></md-icon>
     </div>
 
@@ -23,6 +25,7 @@
                @click.native="clickStars"
                @mouseout.native="onMouseOut"
                :md-src="srcFrontIcon"
+               :class="[iconClasses]"
                v-if="srcFrontIcon"></md-icon>
     </div>
     <div class="md-front-stars" :style="frontStarsStyle" v-else>
@@ -31,6 +34,7 @@
                @mouseover.native="hoverStars"
                @click.native="clickStars"
                @mouseout.native="onMouseOut"
+               :class="[iconClasses]"
                v-html="frontIcon"></md-icon>
     </div>
   </div>
@@ -57,6 +61,10 @@
         },
         default: 0
       },
+      mdSize: {
+        type: Number,
+        default: 1
+      },
       mdFrontIconset: String,
       mdBackIconset: String,
       mdFrontIcon: {
@@ -95,10 +103,19 @@
 
         return this.mdFrontIcon;
       },
+      iconClasses() {
+        let classes = {};
+
+        if (this.mdSize) {
+          classes[`md-size-${this.mdSize}x`] = true;
+        }
+
+        return classes;
+      },
       frontStarsStyle() {
         return {
           width: 100 * this.rating + '%',
-          'margin-left': -iconSize * this.mdNumStars + 'px'
+          'margin-left': -iconSize * this.mdSize * this.mdNumStars + 'px'
         };
       }
     },