labels.js

// My Annotation object has labels, but only carries the list of label values
// "labels":["terr","anno"]


// This is the form of the full annotationLabel
// {"id":1,"label":"Terrifying","value":"terr"}
// {"id":2,"label":"Annoying","value":"anno"}


// This is the ebmlemjs view
.m-response-labels
  activeLabelsList annotation.labels


// And the problem is solved with an Helper that returns HTML.. not my favorite solution
// but it works okay for this case! \0/
Ember.Handlebars.registerBoundHelper('activeLabelsList', function(labels) {
  var _labels;
  _labels = (this.get('labels').filter(function(label) {
    return labels.contains(label.get('value'));
  })).map(function(el) {
    return "<div class='m-label " + (el.get('className')) + "'>" + (el.get('label')) + "</div>";
  });
  return new Handlebars.SafeString(_labels.join(' '));
});