// Generated by CoffeeScript 1.10.0
(function() {
  window.AnnotationView = Backbone.D3View.extend({
    namespace: null,
    tagName: 'div',
    initialize: function() {
      var legend;
      this.d3el.attr({
        "class": 'AnnotationView'
      });
      legend = this.d3el.append('div').attr({
        "class": 'legend'
      });
      this.d3el.append('div').attr({
        "class": 'article'
      });
      return this.listenTo(this.model, 'change', this.render);
    },
    render: function() {
      var data, offset, plain_text;
      data = this.model.get('data');
      plain_text = data.plain_text;
      offset = 0;
      data.spans.forEach(function(a) {
        var icon_id, span;
        icon_id = (function() {
          switch (a.tag["class"]) {
            case 'P':
              return 'user';
            case 'O':
              return 'university';
            case 'L':
              return 'globe';
            case 'T':
              return 'clock-o';
            case 'E':
              return 'bolt';
            default:
              return 'circle-o';
          }
        })();
        span = "<a target='_blank' href='" + a.tag.uri + "' class='text " + icon_id + " " + (a.tag.uri !== '' ? 'link' : 'nolink') + "'><span>" + a.text + "</span><i class='fa fa-" + icon_id + "' aria-hidden='true'></i></a>";
        plain_text = plain_text.slice(0, a.start + offset) + span + plain_text.slice(a.end + offset);
        return offset += span.length - a.text.length;
      });
      plain_text = plain_text.replace(/\n/g, "<br/>");
      return this.d3el.select('.article').html(plain_text);
    }
  });

}).call(this);