Change component getName

src/dom_components/model/Component.js

@@ -99,9 +99,12 @@ define(['backbone','./Components', 'ClassManager/model/ClassTags'],
 			 * */
 			getName: function(){
 				if(!this.name){
-					var id		= this.cid.replace(/\D/g,''),
+					var id = this.cid.replace(/\D/g,''),
-						type	= this.get('type');
+						type = this.get('type');
-					this.name 	= type.charAt(0).toUpperCase() + type.slice(1) + 'Box' + id;
+					var tag = this.get('tagName');
+					tag = tag == 'div' ? 'box' : tag;
+					tag = type ? type : tag;
+					this.name 	= tag.charAt(0).toUpperCase() + tag.slice(1) + ' ' + id;
 				}
 				return this.name;
 			},

src/style_manager/model/PropertyFactory.js

@@ -363,6 +363,7 @@ define(['backbone'],
                 break;
               case 'transition-property':
                 obj.list = [
+                    { value: 'all'},
                     { value: 'width'},
                     { value : 'height'},
                     { value : 'background-color'},

test/specs/dom_components/model/Component.js

@@ -31,13 +31,13 @@ define(['DomComponents/model/Component',
 
             it('Has expected name', function() {
               this.obj.cid = 'c999';
-              this.obj.getName().should.equal('Box999');
+              this.obj.getName().should.equal('Box 999');
             });
 
             it('Has expected name 2', function() {
               this.obj.cid = 'c999';
               this.obj.set('type','testType');
-              this.obj.getName().should.equal('TestTypeBox999');
+              this.obj.getName().should.equal('TestType 999');
             });
 
         });

test/specs/style_manager/model/Models.js

@@ -686,7 +686,8 @@ define([path + 'Sector',
                 property: 'transition-property',
                 type: 'select',
                 defaults: 'width',
-                list:   [{ value: 'width'},
+                list:   [{ value: 'all'},
+                         { value: 'width'},
                          { value : 'height'},
                          { value : 'background-color'},
                          { value : 'transform'},