baw/ThePurpleNotes

/*global PurpleNotes, JST */
PurpleNotes.Views.TagNotes = Backbone.CompositeView.extend({
  template: JST["tags/notes"],
  
  addNote: function (note) {
    var noteView = new PurpleNotes.Views.NoteView({
      model: note,
      clearActiveNote: this.clearActiveNote
    });
    
    this.notesView.push(noteView);
    
    this.addSubview(this.noteListSelector, noteView);
  },
  
  initialize: function (options) {
    this.notes = options.notes;
    this.noteListSelector = ".notes-list";
    this.listenTo(
      PurpleNotes.Collections.taggings,
      "change:name add remove",
      this.render
    );
  },
  
  remove: function () {
    this.clearActiveNote();
    Backbone.CompositeView.prototype.remove.call(this);
  },
  
  render: function () {
    var renderContent = this.template({
      tagging: this.model
    });
    
    this.$el.html(renderContent);
    
    this.renderNotes();
    
    return this;
  },
  
  renderNotes: function () {
    this.notesView = [];
    
    //TODO: try to figure out away to not use the prototype of another class
    this.clearActiveNote = PurpleNotes.Views.NotebookShow.prototype.clearActiveNote.bind({
      notes: this.notesView
    }),
    
    this.$(this.noteListSelector).html("");
    this.removeSubviews(this.noteListSelector);
    
    _(this.notes).each(this.addNote.bind(this));
  }
});