deployd/public/dashboard/js/view/partial/plugin-view.js

window.PluginView = Backbone.View.extend({
	el: '#content',
	tabsEl: '#plugin-tabs-nav',
	item: 'plugin-item-template',
	template: 'plugin-detail-template',
	
	render: function () {
	  var _self = this;
    $(this.el).empty();
    $(this.tabsEl).empty();

	  this.model.get("objects").each(function(obj){
	    var tabContent = _self.addTab(obj.get("name"), obj.get("_id"));
	    if (obj.get("description")) {

	      var _schemaModel = new SchemaModel(obj);
	      var _schemaEl = $("<div />").attr("id", "id-"+obj.get('_id'));
        $(tabContent).append(_schemaEl);
	      var _schemaView = new SchemaView({
	        el: _schemaEl,
	        model: _schemaModel
	      });
	      _schemaView.render();
	    }
	    if (obj.get("collection")) {
	      var _collectionModel = new CollectionModel({
	        name: obj.get('collection'),
	        plugin: obj.get('plugin'),
	        numFields: _.size(obj.get('description')),
	        description: obj.get('description'),
	        results: []
	      });

        var _collectionEl = $("<div />").attr("id", "collection-"+obj.get('collection'));
        $(tabContent).append(_collectionEl);
        var _collectionView = new CollectionView({
          el: _collectionEl,
          model: _collectionModel
        });
        _collectionModel.fetch();
        _collectionView.render();
	    }        
	  });
	  
	  if (typeof this.tabId !== "undefined") {
	    $('#tab-content-'+this.tabId).addClass('active').show();
	    $('#tab-link-'+this.tabId+' > a').addClass('active');
	  }
	  else {
	    $('#plugin-tabs-nav > dd > a').addClass('active');
	    $('.tabs-content > li').show();
	  }
	},
	addTab: function (tabName, id) {
	  //Create a new li to add to the tabs nav
	  var _navItem = $("<dd />").attr('id','tab-link-'+id);
	  $(_navItem).append($('<a />').attr('href','/dashboard/#/plugins/'+this.model.get('name')+'/'+id).html(tabName));
	  $(this.tabsEl).append(_navItem);
	  
    //Create a new container to add to the content area
    var _contentArea = $("<li />").attr('id', 'tab-content-'+id).css('display','none');
    $(this.el).append(_contentArea);
  
    return _contentArea;
	}
});