66 lines
1.8 KiB
JavaScript
66 lines
1.8 KiB
JavaScript
|
var CoreView = require('backbone/core-view');
|
||
|
|
var LayerAnalysisDraggableView = require('./layer-analysis-draggable-view');
|
||
|
|
|
||
|
|
/**
|
||
|
|
* View of analyses within a layer
|
||
|
|
* this.model is the layer-definition-model
|
||
|
|
*/
|
||
|
|
module.exports = CoreView.extend({
|
||
|
|
|
||
|
|
tagName: 'ul',
|
||
|
|
|
||
|
|
options: {
|
||
|
|
sortableSelector: ''
|
||
|
|
},
|
||
|
|
|
||
|
|
initialize: function (opts) {
|
||
|
|
if (!this.options.sortableSelector) throw new Error('sortableSelector is required');
|
||
|
|
if (!opts.layerAnalysisViewFactory) throw new Error('layerAnalysisViewFactory is required');
|
||
|
|
if (!this.model) throw new Error('layerDefinitionModel is required');
|
||
|
|
|
||
|
|
this._layerAnalysisViewFactory = opts.layerAnalysisViewFactory;
|
||
|
|
},
|
||
|
|
|
||
|
|
render: function () {
|
||
|
|
this.clearSubViews();
|
||
|
|
|
||
|
|
var nodeDefModel = this.model.getAnalysisDefinitionNodeModel();
|
||
|
|
this._renderNode(nodeDefModel);
|
||
|
|
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @param {Object} current instance of a analysis-layer-node-model
|
||
|
|
*/
|
||
|
|
_renderNode: function (current) {
|
||
|
|
this._createNodeView(current);
|
||
|
|
|
||
|
|
var next = current.getPrimarySource();
|
||
|
|
if (next && this.model.isOwnerOfAnalysisNode(current)) {
|
||
|
|
this._renderNode(next);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
_createNodeView: function (current) {
|
||
|
|
var view = this._layerAnalysisViewFactory.createView(current, this.model);
|
||
|
|
this.addView(view);
|
||
|
|
this.$el.append(view.render().el);
|
||
|
|
this._attachDraggableToNodeView(view, current);
|
||
|
|
},
|
||
|
|
|
||
|
|
_attachDraggableToNodeView: function (nodeView, nodeDefModel) {
|
||
|
|
if (!this.model.isOwnerOfAnalysisNode(nodeDefModel)) return;
|
||
|
|
|
||
|
|
var draggableView = new LayerAnalysisDraggableView({
|
||
|
|
model: nodeDefModel,
|
||
|
|
layerDefinitionModel: this.model,
|
||
|
|
getNextLetter: this.model.collection.nextLetter.bind(this.model.collection),
|
||
|
|
$nodeViewElement: nodeView.$el,
|
||
|
|
sortableSelector: this.options.sortableSelector
|
||
|
|
});
|
||
|
|
this.addView(draggableView);
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|