88 lines
2.5 KiB
JavaScript
88 lines
2.5 KiB
JavaScript
|
var CoreView = require('backbone/core-view');
|
||
|
|
var template = require('./edit-feature-header.tpl');
|
||
|
|
var ContextMenuFactory = require('builder/components/context-menu-factory-view');
|
||
|
|
var ConfirmationView = require('builder/components/modals/confirmation/modal-confirmation-view');
|
||
|
|
var checkAndBuildOpts = require('builder/helpers/required-opts');
|
||
|
|
var templateConfirmation = require('./delete-feature-confirmation.tpl');
|
||
|
|
|
||
|
|
var REQUIRED_OPTS = [
|
||
|
|
'url',
|
||
|
|
'tableName',
|
||
|
|
'modals',
|
||
|
|
'isNew',
|
||
|
|
'layerDefinitionModel'
|
||
|
|
];
|
||
|
|
|
||
|
|
module.exports = CoreView.extend({
|
||
|
|
|
||
|
|
initialize: function (opts) {
|
||
|
|
checkAndBuildOpts(opts, REQUIRED_OPTS, this);
|
||
|
|
},
|
||
|
|
|
||
|
|
render: function () {
|
||
|
|
this.clearSubViews();
|
||
|
|
|
||
|
|
var letter = this._layerDefinitionModel.get('letter');
|
||
|
|
var featureType = this.model.getFeatureType() ? _t('editor.edit-feature.features.' + this.model.getFeatureType()) : _t('editor.edit-feature.features.geometry');
|
||
|
|
var breadcrumbLabel = this._isNew ? _t('editor.edit-feature.add-' + featureType) : _t('editor.edit-feature.edit', { featureType: featureType });
|
||
|
|
|
||
|
|
this.$el.html(
|
||
|
|
template({
|
||
|
|
url: this._url,
|
||
|
|
layerName: this._layerDefinitionModel.getName(),
|
||
|
|
tableName: this._tableName,
|
||
|
|
bgColor: this._layerDefinitionModel.getColor(),
|
||
|
|
letter: letter,
|
||
|
|
featureType: featureType,
|
||
|
|
breadcrumbLabel: breadcrumbLabel
|
||
|
|
})
|
||
|
|
);
|
||
|
|
|
||
|
|
if (!this._isNew) {
|
||
|
|
this._initViews();
|
||
|
|
}
|
||
|
|
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
_initViews: function () {
|
||
|
|
var menuItems = [{
|
||
|
|
label: _t('editor.edit-feature.delete', { featureType: _t('editor.edit-feature.features.' + this.model.getFeatureType()) }),
|
||
|
|
val: 'delete-feature',
|
||
|
|
destructive: true,
|
||
|
|
action: this._confirmDeleteFeature.bind(this)
|
||
|
|
}];
|
||
|
|
|
||
|
|
this._contextMenuFactory = new ContextMenuFactory({
|
||
|
|
menuItems: menuItems
|
||
|
|
});
|
||
|
|
|
||
|
|
this.$('.js-context-menu').append(this._contextMenuFactory.render().el);
|
||
|
|
this.addView(this._contextMenuFactory);
|
||
|
|
},
|
||
|
|
|
||
|
|
_confirmDeleteFeature: function () {
|
||
|
|
this._modals.create(function (modalModel) {
|
||
|
|
return new ConfirmationView({
|
||
|
|
modalModel: modalModel,
|
||
|
|
template: templateConfirmation,
|
||
|
|
runAction: this._destroyFeature.bind(this)
|
||
|
|
});
|
||
|
|
}.bind(this));
|
||
|
|
},
|
||
|
|
|
||
|
|
_destroyFeature: function () {
|
||
|
|
this.model.trigger('destroyFeature');
|
||
|
|
|
||
|
|
this.model.destroy({
|
||
|
|
success: function () {
|
||
|
|
this.model.trigger('destroyFeatureSuccess');
|
||
|
|
}.bind(this),
|
||
|
|
error: function () {
|
||
|
|
this.model.trigger('destroyFeatureFailed');
|
||
|
|
}.bind(this)
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|