Update classes in SectorView. Closes #1753

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);
   },

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;
   },

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;