Add preview mode with devices

src/demo.js

@@ -329,6 +329,5 @@ require(['config/require-config'], function() {
 
     window.editor = editor;
 
-
 	});
 });

src/editor/config/config.js

@@ -242,7 +242,7 @@ define(function () {
 							width: '615px',
 						}
 					},
-	      },{
+	      }/*,{
 					id: 'table',
 	        label: 'Table',
 	        attributes: {class:'fa fa-table'},
@@ -252,7 +252,7 @@ define(function () {
 						rows: 5,
 						style: {height: '150px', width: '100%'}
 					},
-	      }],
+	      }*/],
 		},
 
 	};

src/editor/model/Editor.js

@@ -17,6 +17,9 @@ define(['backbone', 'backboneUndo', 'keymaster', 'Utils', 'StorageManager', 'Dev
 				toLoad: [],
 				opened: {},
 				device: '',
+
+				// When enabled, on device change media rules won't be created
+				previewMode: 0,
 			},
 
 			initialize: function(c) {

src/style_manager/view/SectorsView.js

@@ -38,11 +38,12 @@ define(['backbone', './SectorView'],
 			if(!el)
 				return;
 
+			var previewMode = this.target.get('previewMode');
 			var classes = el.get('classes');
-			var state = el.get('state');
 			var pt = this.propTarget;
 			var device = this.target.getDeviceModel();
-			var deviceW = device ? device.get('width') : '';
+			var state = !previewMode ? el.get('state') : '';
+			var deviceW = device && !previewMode ? device.get('width') : '';
 			pt.helper = null;
 
 			if(classes.length){