From 02f599f23743c576d8fddca23ea4febce2b252c9 Mon Sep 17 00:00:00 2001
From: Artur Arseniev <artur.catch@hotmail.it>
Date: Wed, 16 Nov 2016 14:28:58 +0100
Subject: [PATCH] Update table component init

---
 index.html                                    |  2 +-
 src/dom_components/model/ComponentTable.js    | 28 ++++++++++++++++++-
 .../model/ComponentTableCell.js               |  2 +-
 .../view/ComponentTableCellView.js            |  2 +-
 src/editor/config/config.js                   |  8 ++++++
 src/selector_manager/view/ClassTagView.js     |  2 +-
 6 files changed, 39 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index ada522b3f..ce15d77cd 100755
--- a/index.html
+++ b/index.html
@@ -30,7 +30,7 @@
 					<table>
 							<tr> <td>Row11</td> <td>Row12</td> <td>Row13</td> </tr>
 							<tr> <td>Row21</td> <td>Row22</td> <td>Row23</td> </tr>
-							<tr> <td>Row31</td> <td>Row32</td> <td>Row33</td> </tr>
+							<tr> <td>Row31</td> <td>Row32</td> <td><div>Div Content Row33</div></td> </tr>
 					</table>
 					<!--
 					<iframe class="iframe" src="http://player.vimeo.com/video/2?&controls=0&loop=1&color=ff0000"></iframe>
diff --git a/src/dom_components/model/ComponentTable.js b/src/dom_components/model/ComponentTable.js
index 48cbd867e..eb965c857 100644
--- a/src/dom_components/model/ComponentTable.js
+++ b/src/dom_components/model/ComponentTable.js
@@ -20,7 +20,33 @@ define(['./ComponentText'],
 
 			initialize: function(o, opt) {
 				Component.prototype.initialize.apply(this, arguments);
-				//this.listenTo(this, 'change:columns change:rows', this.render);
+				var components = this.get('components');
+				var rows = this.get('rows');
+				var columns = this.get('columns');
+
+				// Init components if empty
+				if(!components.length){
+					var rowsToAdd = [];
+
+					while(rows--){
+						var columnsToAdd = [];
+						var clm = columns;
+
+						while (clm--) {
+							columnsToAdd.push({
+								type: 'cell',
+								classes: ['cell']
+							});
+						}
+
+						rowsToAdd.push({
+							type: 'row',
+							classes: ['row'],
+							components: columnsToAdd
+						});
+					}
+					components.add(rowsToAdd);
+				}
 			},
 
 		},{
diff --git a/src/dom_components/model/ComponentTableCell.js b/src/dom_components/model/ComponentTableCell.js
index b630ce672..28e2ee349 100644
--- a/src/dom_components/model/ComponentTableCell.js
+++ b/src/dom_components/model/ComponentTableCell.js
@@ -1,4 +1,4 @@
-define(['./ComponentText'],
+define(['./Component'],
 	function (Component) {
 
 		return Component.extend({
diff --git a/src/dom_components/view/ComponentTableCellView.js b/src/dom_components/view/ComponentTableCellView.js
index 0b90016a9..5626864bd 100644
--- a/src/dom_components/view/ComponentTableCellView.js
+++ b/src/dom_components/view/ComponentTableCellView.js
@@ -1,4 +1,4 @@
-define(['backbone', './ComponentTextView'],
+define(['backbone', './ComponentView'],
 	function (Backbone, ComponentView) {
 
 	return ComponentView.extend({
diff --git a/src/editor/config/config.js b/src/editor/config/config.js
index 1ea6353a0..381cbc931 100644
--- a/src/editor/config/config.js
+++ b/src/editor/config/config.js
@@ -193,6 +193,14 @@ define(function () {
 						type: 'map',
 						style: {height: '350px'}
 					},
+	      },{
+					id: 'table',
+	        label: 'Table',
+	        attributes: {class:'fa fa-table'},
+	        content: {
+						type: 'table',
+						style: {height: '150px', width: '100%'}
+					},
 	      },{
 					id: 'video',
 	        label: 'Video',
diff --git a/src/selector_manager/view/ClassTagView.js b/src/selector_manager/view/ClassTagView.js
index fe204f50e..830682e37 100644
--- a/src/selector_manager/view/ClassTagView.js
+++ b/src/selector_manager/view/ClassTagView.js
@@ -109,7 +109,7 @@ define(['backbone', 'text!./../template/classTag.html'],
     updateInputLabel: function(){
       if(!this.$labelInput)
         this.$labelInput = this.$el.find('input');
-      var size = this.$labelInput.val().length - 2;
+      var size = this.$labelInput.val().length - 1;
       size = size < 1 ? 1 : size;
       this.$labelInput.attr('size', size);
     },