diff --git a/src/style_manager/model/Sector.js b/src/style_manager/model/Sector.js index 8e52ad3c3..86fdf9bd8 100644 --- a/src/style_manager/model/Sector.js +++ b/src/style_manager/model/Sector.js @@ -15,15 +15,16 @@ module.exports = Backbone.Model.extend({ }, initialize(opts) { - var o = opts || {}; - var props = []; - var builded = this.buildProperties(o.buildProps); - !this.get('id') && this.set('id', this.get('name')); + const o = opts || {}; + const builded = this.buildProperties(o.buildProps); + const name = this.get('name') || ''; + let props = []; + !this.get('id') && this.set('id', name.replace(/ /g, '_').toLowerCase()); if (!builded) props = this.get('properties'); else props = this.extendProperties(builded); - var propsModel = new Properties(props); + const propsModel = new Properties(props); propsModel.sector = this; this.set('properties', propsModel); }, diff --git a/src/style_manager/view/SectorView.js b/src/style_manager/view/SectorView.js index c01b25b88..f70da4d25 100644 --- a/src/style_manager/view/SectorView.js +++ b/src/style_manager/view/SectorView.js @@ -78,15 +78,17 @@ module.exports = Backbone.View.extend({ }, render() { + const { pfx, model } = this; + const { id } = model.attributes; this.$el.html( this.template({ - pfx: this.pfx, - label: this.model.get('name') + pfx, + label: model.get('name') }) ); - this.$caret = this.$el.find('#' + this.pfx + 'caret'); + this.$caret = this.$el.find(`#${pfx}caret`); this.renderProperties(); - this.$el.attr('class', this.pfx + 'sector no-select'); + this.$el.attr('class', `${pfx}sector ${pfx}sector__${id} no-select`); this.updateOpen(); return this; }, diff --git a/src/style_manager/view/SectorsView.js b/src/style_manager/view/SectorsView.js index 333f4045d..af8022bea 100644 --- a/src/style_manager/view/SectorsView.js +++ b/src/style_manager/view/SectorsView.js @@ -134,20 +134,16 @@ module.exports = Backbone.View.extend({ * @private * */ addToCollection(model, fragmentEl) { + const { pfx, target, propTarget, config } = this; var fragment = fragmentEl || null; var view = new SectorView({ model, - id: - this.pfx + - model - .get('name') - .replace(' ', '_') - .toLowerCase(), + id: `${pfx}${model.get('id')}`, name: model.get('name'), properties: model.get('properties'), - target: this.target, - propTarget: this.propTarget, - config: this.config + target, + propTarget, + config }); var rendered = view.render().el;