Change the values and add explanations to each skill level

src/main/webapp/app/modules/technology/services/TechnologyService.js

@@ -170,25 +170,29 @@ module.exports = function($q, $timeout, $rootScope) {
    * Ratings for user skill on a technology
    * @return {Array} The list of rating objects with value and title
    */
-   this.getRatings = function () {
+  this.getRatings = function () {
     return [
-    {
-      value: 1,
-      title : 'Newbie'
-    },
-    {
-      value: 2,
-      title : 'Iniciante'
-    },{
-      value: 3,
-      title : 'Padawan'
-    },{
-      value: 4,
-      title : 'Knight'
-    },{
-      value: 5,
-      title : 'Jedi'
-    },
+      {
+        value: 1,
+        title: 'Newbie',
+        description: 'Might have some theoretical knowledge, but no real practice. Requires training for this subject.'
+      }, {
+        value: 2,
+        title: 'Capable',
+        description: 'Knows something about the subject, but needs some help on complex issues.'
+      }, {
+        value: 3,
+        title: 'Proficient',
+        description: 'Knows the subject and can solve complex problems without help. Is able to help co-workers.'
+      }, {
+        value: 4,
+        title: 'Master',
+        description: 'Is a reference on the subject and can plan the architecture in different contexts. Has worked with it a lot times and knows almost all of its features. Have had the opportunity to make complex mechanisms using this technology.'
+      }, {
+        value: 5,
+        title: 'Advisor',
+        description: 'Is recognized by many colleges from many projects in different contexts. CI&T recognizes the incredible performance.'
+      }
     ];
   }
 

src/main/webapp/app/modules/technology/views/technology.html

@@ -35,7 +35,7 @@ <h3 class="card-title">Como você se avalia em {{ technology.item.name }}?</h3>
               <div class="card-section">
                 <form action="" class="form-inline">
                   <div class="radio technology-rating" ng-repeat="rating in technology.ratings" ng-class="{'active' : rating.value == technology.rating}">
-                    <label for="rating-{{ rating.value }}">
+                    <label for="rating-{{ rating.value }}" tooltip-placement="bottom" tooltip-append-to-body="true" uib-tooltip="{{ rating.description }}">
                       <img ng-src="assets/images/{{ rating.title | lowercase }}.png" class="technology-rating-image" alt="{{ rating.title }}">
                       <span class="technology-rating-text">
                         <span class="glyphicon glyphicon-star-empty" ng-repeat="i in [] | range:rating.value"></span>

src/main/webapp/app/modules/utils/services/Analytics.js

@@ -14,16 +14,16 @@ module.exports = function () {
         ga('send', 'event', 'Skill', name, 'Newbie');
       }
       if(skill === 2){
-        ga('send', 'event', 'Skill', name, 'Initiate');
+        ga('send', 'event', 'Skill', name, 'Capable');
       }
       if(skill === 3){
-        ga('send', 'event', 'Skill', name, 'Padawan');
+        ga('send', 'event', 'Skill', name, 'Proficient');
       }
       if(skill === 4){
-        ga('send', 'event', 'Skill', name, 'Knight');
+        ga('send', 'event', 'Skill', name, 'Master');
       }
       if(skill === 5){
-        ga('send', 'event', 'Skill', name, 'Jedi');
+        ga('send', 'event', 'Skill', name, 'Advisor');
       }
     }
   }