54 lines
1.2 KiB
JavaScript
54 lines
1.2 KiB
JavaScript
|
const locationItemTemplate = require('./location-item.ejs');
|
||
|
|
const Mn = require('backbone.marionette');
|
||
|
|
const App = require('../../main');
|
||
|
|
|
||
|
|
const LocationView = Mn.View.extend({
|
||
|
|
template: locationItemTemplate,
|
||
|
|
className: 'location_block',
|
||
|
|
|
||
|
|
ui: {
|
||
|
|
toggle: 'input[type="checkbox"]',
|
||
|
|
config: '.config',
|
||
|
|
delete: '.location-delete'
|
||
|
|
},
|
||
|
|
|
||
|
|
events: {
|
||
|
|
'change @ui.toggle': function(el) {
|
||
|
|
if (el.target.checked) {
|
||
|
|
this.ui.config.show();
|
||
|
|
} else {
|
||
|
|
this.ui.config.hide();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
'change .model': function (e) {
|
||
|
|
const map = {};
|
||
|
|
map[e.target.name] = e.target.value;
|
||
|
|
this.model.set(map);
|
||
|
|
},
|
||
|
|
|
||
|
|
'click @ui.delete': function () {
|
||
|
|
this.model.destroy();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
onRender: function() {
|
||
|
|
$(this.ui.config).hide();
|
||
|
|
},
|
||
|
|
|
||
|
|
templateContext: function() {
|
||
|
|
return {
|
||
|
|
i18n: App.i18n
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
const LocationCollectionView = Mn.CollectionView.extend({
|
||
|
|
className: 'locations_container',
|
||
|
|
childView: LocationView
|
||
|
|
});
|
||
|
|
|
||
|
|
module.exports = {
|
||
|
|
LocationCollectionView,
|
||
|
|
LocationView
|
||
|
|
}
|