96 lines
2.8 KiB
JavaScript
96 lines
2.8 KiB
JavaScript
|
var CoreView = require('backbone/core-view');
|
||
|
|
var template = require('./dataset.tpl');
|
||
|
|
var HeaderView = require('./dataset-header/dataset-header-view');
|
||
|
|
var DatasetContentView = require('./dataset-content/dataset-content-view');
|
||
|
|
var DatasetOptionsView = require('./dataset-options/dataset-options-view');
|
||
|
|
var TipsyTooltipView = require('builder/components/tipsy-tooltip-view');
|
||
|
|
var checkAndBuildOpts = require('builder/helpers/required-opts');
|
||
|
|
|
||
|
|
var REQUIRED_OPTS = [
|
||
|
|
'router',
|
||
|
|
'modals',
|
||
|
|
'editorModel',
|
||
|
|
'configModel',
|
||
|
|
'userModel',
|
||
|
|
'visModel',
|
||
|
|
'analysisDefinitionNodeModel',
|
||
|
|
'layerDefinitionModel'
|
||
|
|
];
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Remove confirmation dialog
|
||
|
|
*/
|
||
|
|
module.exports = CoreView.extend({
|
||
|
|
className: 'Editor js-editor',
|
||
|
|
|
||
|
|
initialize: function (opts) {
|
||
|
|
checkAndBuildOpts(opts, REQUIRED_OPTS, this);
|
||
|
|
},
|
||
|
|
|
||
|
|
render: function () {
|
||
|
|
this.clearSubViews();
|
||
|
|
this.$el.html(
|
||
|
|
template({
|
||
|
|
url: this._configModel.get('base_url')
|
||
|
|
})
|
||
|
|
);
|
||
|
|
this._initViews();
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
_initViews: function () {
|
||
|
|
var datasetHeaderView = new HeaderView({
|
||
|
|
router: this._router,
|
||
|
|
modals: this._modals,
|
||
|
|
configModel: this._configModel,
|
||
|
|
userModel: this._userModel,
|
||
|
|
visModel: this._visModel,
|
||
|
|
analysisDefinitionNodeModel: this._analysisDefinitionNodeModel,
|
||
|
|
layerDefinitionModel: this._layerDefinitionModel
|
||
|
|
});
|
||
|
|
this.$('.js-info').append(datasetHeaderView.render().el);
|
||
|
|
this.addView(datasetHeaderView);
|
||
|
|
|
||
|
|
var datasetContentView = new DatasetContentView({
|
||
|
|
modals: this._modals,
|
||
|
|
userModel: this._userModel,
|
||
|
|
visModel: this._visModel,
|
||
|
|
analysisDefinitionNodeModel: this._analysisDefinitionNodeModel,
|
||
|
|
configModel: this._configModel
|
||
|
|
});
|
||
|
|
this.$('.js-table').append(datasetContentView.render().el);
|
||
|
|
this.addView(datasetContentView);
|
||
|
|
|
||
|
|
var datasetOptionsView = new DatasetOptionsView({
|
||
|
|
onToggleEdition: this._onToggleEdition.bind(this),
|
||
|
|
editorModel: this._editorModel,
|
||
|
|
router: this._router,
|
||
|
|
modals: this._modals,
|
||
|
|
configModel: this._configModel,
|
||
|
|
userModel: this._userModel,
|
||
|
|
visModel: this._visModel,
|
||
|
|
analysisDefinitionNodeModel: this._analysisDefinitionNodeModel,
|
||
|
|
layerDefinitionModel: this._layerDefinitionModel
|
||
|
|
});
|
||
|
|
this._getDatasetOptionsElement().append(datasetOptionsView.render().el);
|
||
|
|
this.addView(datasetOptionsView);
|
||
|
|
|
||
|
|
var tooltip = new TipsyTooltipView({
|
||
|
|
el: this.$('.js-editor-logo'),
|
||
|
|
title: function () {
|
||
|
|
return _t('back-to-dashboard');
|
||
|
|
},
|
||
|
|
gravity: 'w'
|
||
|
|
});
|
||
|
|
this.addView(tooltip);
|
||
|
|
},
|
||
|
|
|
||
|
|
_getDatasetOptionsElement: function () {
|
||
|
|
return this.$('.js-datasetOptions');
|
||
|
|
},
|
||
|
|
|
||
|
|
_onToggleEdition: function () {
|
||
|
|
this._getDatasetOptionsElement().toggleClass('is-dark', this._editorModel.isEditing());
|
||
|
|
}
|
||
|
|
});
|