stars and forks badges, fix #44

README.md

@@ -1,6 +1,6 @@
 # Brackets Extension Rating
 
-A [brackets IDE](http://brackets.io) extension to display other extensions statictics based on downloads.
+[Brackets IDE](http://brackets.io) extension to display other extensions statictics based on downloads.
 
 ## Brackets extension
 

extension/achievements/mostForks.js

@@ -0,0 +1,34 @@
+define(function(require, exports, module){
+    var Achievement = require('./achievement'),
+        config = require('../config'),
+        _ = require('../vendor/lodash.min'),
+        locale = require('../services/locale'),
+        numberOfTopExtensoins = 7;
+
+    function MostForksAchievement(){
+        this.calculate = function(extensions){
+            extensions = _.sortBy(extensions, function(el){
+                return el.forks?
+                    - el.forks:
+                    0;
+            });
+
+            for (var i = 0; i < numberOfTopExtensoins; i ++){
+                if (!extensions[i]){
+                    break;
+                }
+                this.writeBadge(i, extensions[i]);
+            }
+        }
+
+        this.getTag = function(rating){
+            return _.template('<span title="${title}" class="ext-badge ext-badge-forks"><i class="fa fa-code-fork"></i></span>',{
+                title: locale.get('badgeForksTitle')
+            });
+        }
+    }
+
+    MostForksAchievement.prototype = Achievement;
+
+    module.exports = MostForksAchievement;
+});

extension/achievements/mostStars.js

@@ -0,0 +1,34 @@
+define(function(require, exports, module){
+    var Achievement = require('./achievement'),
+        config = require('../config'),
+        _ = require('../vendor/lodash.min'),
+        locale = require('../services/locale'),
+        numberOfTopExtensoins = 7;
+
+    function MostStarsAchievement(){
+        this.calculate = function(extensions){
+            extensions = _.sortBy(extensions, function(el){
+                return el.stars?
+                    - el.stars:
+                    0;
+            });
+
+            for (var i = 0; i < numberOfTopExtensoins; i ++){
+                if (!extensions[i]){
+                    break;
+                }
+                this.writeBadge(i, extensions[i]);
+            }
+        }
+
+        this.getTag = function(rating){
+            return _.template('<span title="${title}" class="ext-badge ext-badge-stars"><i class="fa fa-star"></i></span>',{
+                title: locale.get('badgeStarsTitle')
+            });
+        }
+    }
+
+    MostStarsAchievement.prototype = Achievement;
+
+    module.exports = MostStarsAchievement;
+});

extension/locale/en-US.js

@@ -33,6 +33,9 @@ define(function (require, exports, module){
 
         badgeNew: 'New',
         badgeNewTitle: 'New extension',
+
+        badgeStarsTitle: 'Most popular extension on GitHub', //0.4.0
+        badgeForksTitle: 'Most forked extension on GitHub', //0.4.0
         /*END of BADGES*/
 
         //Detailed info about ##

extension/services/registry.js

@@ -11,6 +11,8 @@ define(function(require, exports, module){
         NewExtensionAchievement = require('../achievements/new'),
         AuthorAchievement = require('../achievements/author'),
         AdobeAchievement = require('../achievements/adobe'),
+        MostStarsAchievement = require('../achievements/mostStars'),
+        MostForksAchievement = require('../achievements/mostForks'),
         state = config.state;
 
     function getDownloadsCounterByDate(array, date){
@@ -51,6 +53,8 @@ define(function(require, exports, module){
             //achievements.push(new UpdatedAchievement());
             //achievements.push(new AuthorAchievement());
             achievements.push(new AdobeAchievement());
+            achievements.push(new MostStarsAchievement());
+            achievements.push(new MostForksAchievement());
         }
 
         $.ajax({

extension/styles/main.css

@@ -18,10 +18,11 @@ span.ext-daily{
 
 .ext-badges > .ext-badge{
     padding: 2px 6px;
-    margin-right: 2px;
+    margin: 1px 2px 1px 0px;
     border-radius: 3px;
     color: white;
     text-shadow: 0 0 5px black;
+    display: inline-block;
 }
 
 .ext-badges > .ext-badge-top{
@@ -44,6 +45,14 @@ span.ext-daily{
     background: linear-gradient(to bottom, #1e5799 0%,#207cca 59%,#ffea30 60%,#fceb88 100%);
 }
 
+.ext-badges > .ext-badge-stars{
+    background-color: #2751BE;
+}
+
+.ext-badges > .ext-badge-forks{
+    background-color: rgb(55, 152, 11);
+}
+
 .fa{
     font-size: 14px;
 }