import Ember from 'ember';

export default Ember.Component.extend({
  tagName: "badge",
  classNameBindings: ["name", "value"],
  imagePath: function() {

  }.property("model.name", "model.level"),
  percentage: function() {
    var level = this.get("badge.level");
    if(Ember.isEmpty(level)) {
      return "100";
    }
    var percentage = Math.round(((level - 1) / 4) * 100);
    return `${percentage}`
  }.property("badge.level")
});

@@ -307,13 +307,11 @@
 urn 
-%22
 100
-%22
 ;%0A  
@@ -387,11 +387,8 @@
 urn 
-%60$%7B
 perc
@@ -397,10 +397,9 @@
 tage
-%7D%60
+;
 %0A  %7D
@@ -422,13 +422,115 @@
 .level%22)
+,%0A  inversePercentage: function() %7B%0A    return 100-this.get(%22percentage%22);%0A  %7D.property(%22percentage%22),
 %0A%7D);%0A

Use numbers not strings in %, plus need inverse percentage