Update components for traits

src/demo.js

@@ -25,7 +25,6 @@ require(['config/require-config'], function() {
 			},{
 				type: 'image'
 			},{
-				tagName: 'a',
 				type: 'link',
 				content: 'mylink',
 			}],

src/dom_components/main.js

@@ -44,6 +44,7 @@ define(function(require) {
 			ComponentView = require('./view/ComponentView'),
 			ComponentImageView = require('./view/ComponentImageView'),
 			ComponentTextView	= require('./view/ComponentTextView');
+			ComponentLinkView	= require('./view/ComponentLinkView');
 		var component, componentView;
 
 	  return {

src/dom_components/model/Component.js

@@ -20,7 +20,7 @@ define(['backbone','./Components', 'SelectorManager/model/Selectors', 'TraitMana
 				content: '',
 				style: {},
 				attributes: {},
-				traits: [],
+				traits: ['id', 'title'],
 			},
 
 			initialize: function(o, opt) {

src/dom_components/model/ComponentLink.js

@@ -4,6 +4,7 @@ define(['./Component'],
 		return Component.extend({
 
 			defaults: _.extend({}, Component.prototype.defaults, {
+					tagName: 'a',
 					droppable: false,
 					traits: ['title', 'href', 'blank'],
 			}),

src/dom_components/view/ComponentLinkView.js

@@ -0,0 +1,15 @@
+define(['backbone', './ComponentView'],
+	function (Backbone, ComponentView) {
+
+	return ComponentView.extend({
+
+		events: {
+      'click': 'onClick',
+		},
+
+    onClick: function(e) {
+      e.preventDefault();
+    },
+
+	});
+});

src/dom_components/view/ComponentsView.js

@@ -47,6 +47,11 @@ function(Backbone, require) {
 						this.compViewImage	=	require('./ComponentImageView');
 					viewObject	= this.compViewImage;
 					break;
+				case 'link':
+					if(!this.compViewLink)
+						this.compViewLink	=	require('./ComponentLinkView');
+					viewObject	= this.compViewLink;
+					break;
 			}
 
 			var view 		= new viewObject({
@@ -93,4 +98,4 @@ function(Backbone, require) {
 		}
 
 	});
-});
+});