Lebab obj-method

src/asset_manager/index.js

@@ -62,7 +62,7 @@ module.exports = () => {
      * @param {Object} config Configurations
      * @private
      */
-    init: function(config){
+    init(config) {
       c = config || {};
       var defaults = require('./config/config');
 
@@ -107,7 +107,7 @@ module.exports = () => {
      * 	src: './path/to/img.png',
      * }]);
      */
-    add: function(asset){
+    add(asset) {
       return assets.add(asset);
     },
 
@@ -118,7 +118,7 @@ module.exports = () => {
      * @example
      * var asset = assetManager.get('http://img.jpg');
      */
-    get: function(src){
+    get(src) {
       return assets.where({src: src})[0];
     },
 
@@ -126,7 +126,7 @@ module.exports = () => {
      * Return all assets
      * @return {Collection}
      */
-    getAll: function(){
+    getAll() {
       return assets;
     },
 
@@ -137,7 +137,7 @@ module.exports = () => {
      * @example
      * assetManager.remove('http://img.jpg');
      */
-    remove: function(src){
+    remove(src) {
       var asset = this.get(src);
       this.getAll().remove(asset);
       return this;
@@ -150,7 +150,7 @@ module.exports = () => {
      * @example
      * var assets = assetManager.store();
      */
-    store: function(noStore){
+    store(noStore) {
       var obj = {};
       var assets = JSON.stringify(this.getAll().toJSON());
       obj[this.storageKey] = assets;
@@ -174,7 +174,7 @@ module.exports = () => {
      * });
      *
      */
-    load: function(data){
+    load(data) {
       var d = data || '';
       var name = this.storageKey;
       if(!d && c.stm)
@@ -193,7 +193,7 @@ module.exports = () => {
      * @return {HTMLElement}
      * @private
      */
-    render: function(f){
+    render(f) {
       if(!this.rendered || f)
         this.rendered	= am.render().$el.add(fu.render().$el);
       return	this.rendered;
@@ -206,7 +206,7 @@ module.exports = () => {
      * @param	{Object}	m Model
      * @private
      * */
-    setTarget: function(m){
+    setTarget(m) {
       am.collection.target = m;
     },
 
@@ -215,7 +215,7 @@ module.exports = () => {
      * @param	{Object}	f Callback function
      * @private
      * */
-    onSelect: function(f){
+    onSelect(f) {
       am.collection.onSelect = f;
     },
 
@@ -223,7 +223,7 @@ module.exports = () => {
      * Set callback to fire when the asset is clicked
      * @param {function} func
      */
-    onClick: function(func) {
+    onClick(func) {
       c.onClick = func;
     },
 
@@ -231,7 +231,7 @@ module.exports = () => {
      * Set callback to fire when the asset is double clicked
      * @param {function} func
      */
-    onDblClick: function(func) {
+    onDblClick(func) {
       c.onDblClick = func;
     },
 

src/asset_manager/model/Asset.js

@@ -14,7 +14,7 @@ module.exports = Backbone.Model.extend({
    * @return  {string}
    * @private
    * */
-  getFilename: function(){
+  getFilename() {
     return  this.get('src').split('/').pop();
   },
 
@@ -23,7 +23,7 @@ module.exports = Backbone.Model.extend({
    * @return  {string}
    * @private
    * */
-  getExtension: function(){
+  getExtension() {
     return  this.getFilename().split('.').pop();
   },
 

src/asset_manager/model/Assets.js

@@ -6,7 +6,7 @@ module.exports = Backbone.Collection.extend({
 
 	model:	AssetImage,
 
-  initialize: function(models, opt){
+  initialize(models, opt) {
 
     this.model = (attrs, options) => {
       var model;
@@ -26,7 +26,7 @@ module.exports = Backbone.Collection.extend({
    * @return {this}
    * @private
    */
-  addImg: function(url, opts){
+  addImg(url, opts) {
     this.add({
       type: 'image',
       src: url,
@@ -39,7 +39,7 @@ module.exports = Backbone.Collection.extend({
    * Seems like idAttribute is not working with dynamic model assignament
    * @private
    */
-  add: function(models, opt) {
+  add(models, opt) {
     var mods = [];
     models = models instanceof Array ? models : [models];
 

src/asset_manager/view/AssetImageView.js

@@ -21,7 +21,7 @@ module.exports = AssetView.extend({
 
   template: _.template(assetTemplate),
 
-  initialize: function(o) {
+  initialize(o) {
     AssetView.prototype.initialize.apply(this, arguments);
     this.className  += ' ' + this.pfx + 'asset-image';
     this.events['click #' + this.pfx + 'close']  = 'removeItem';
@@ -32,7 +32,7 @@ module.exports = AssetView.extend({
    * Trigger when the asset is clicked
    * @private
    * */
-  handleClick: function() {
+  handleClick() {
     var onClick = this.config.onClick;
     var model = this.model;
     model.collection.trigger('deselectAll');
@@ -49,7 +49,7 @@ module.exports = AssetView.extend({
    * Trigger when the asset is double clicked
    * @private
    * */
-  handleDblClick: function() {
+  handleDblClick() {
     var onDblClick = this.config.onDblClick;
     var model = this.model;
 
@@ -70,7 +70,7 @@ module.exports = AssetView.extend({
    * @param  {String}  v   Value
    * @private
    * */
-  updateTarget: function(v){
+  updateTarget(v) {
     var target = this.model.collection.target;
     if(target && target.set) {
       var attr = _.clone( target.get('attributes') );
@@ -83,12 +83,12 @@ module.exports = AssetView.extend({
    * Remove asset from collection
    * @private
    * */
-  removeItem: function(e){
+  removeItem(e) {
     e.stopPropagation();
     this.model.collection.remove(this.model);
   },
 
-  render : function(){
+  render() {
     var name = this.model.get('name'),
       dim = this.model.get('width') && this.model.get('height') ?
             this.model.get('width')+' x '+this.model.get('height') : '';

src/asset_manager/view/AssetView.js

@@ -1,7 +1,7 @@
 var Backbone = require('backbone');
 
 module.exports = Backbone.View.extend({
-  initialize: function(o) {
+  initialize(o) {
     this.options = o;
     this.config = o.config || {};
     this.pfx = this.config.stylePrefix || '';

src/asset_manager/view/AssetsView.js

@@ -27,7 +27,7 @@ module.exports = Backbone.View.extend({
 
   template: _.template(assetsTemplate),
 
-  initialize: function(o) {
+  initialize(o) {
     this.options = o;
     this.config = o.config;
     this.pfx = this.config.stylePrefix || '';
@@ -47,7 +47,7 @@ module.exports = Backbone.View.extend({
    * @return {this}
    * @private
    */
-  addFromStr: function(e){
+  addFromStr(e) {
     e.preventDefault();
 
     var input = this.getInputUrl();
@@ -69,7 +69,7 @@ module.exports = Backbone.View.extend({
    * @return {HTMLElement}
    * @private
    */
-  getAssetsEl: function(){
+  getAssetsEl() {
     //if(!this.assets) // Not able to cache as after the rerender it losses the ref
     this.assets = this.el.querySelector('.' + this.pfx + 'assets');
     return this.assets;
@@ -80,7 +80,7 @@ module.exports = Backbone.View.extend({
    * @return {HTMLElement}
    * @private
    */
-  getInputUrl: function(){
+  getInputUrl() {
     if(!this.inputUrl || !this.inputUrl.value)
       this.inputUrl = this.el.querySelector('.'+this.pfx+'add-asset input');
     return this.inputUrl;
@@ -90,7 +90,7 @@ module.exports = Backbone.View.extend({
    * Add asset to collection
    * @private
    * */
-  addToAsset: function(model){
+  addToAsset(model) {
     this.addAsset(model);
   },
 
@@ -101,7 +101,7 @@ module.exports = Backbone.View.extend({
    * @return Object Object created
    * @private
    * */
-  addAsset: function(model, fragmentEl){
+  addAsset(model, fragmentEl) {
     var fragment  = fragmentEl || null;
     var viewObject  = AssetView;
 
@@ -129,11 +129,11 @@ module.exports = Backbone.View.extend({
    * Deselect all assets
    * @private
    * */
-  deselectAll: function(){
+  deselectAll() {
     this.$el.find('.' + this.pfx + 'highlight').removeClass(this.pfx + 'highlight');
   },
 
-  render: function() {
+  render() {
     var fragment = document.createDocumentFragment();
     this.$el.empty();
 

src/asset_manager/view/FileUploader.js

@@ -13,7 +13,7 @@ module.exports = Backbone.View.extend({
 
   events:   {},
 
-  initialize: function(o) {
+  initialize(o) {
     this.options   = o || {};
     this.config    = o.config  || {};
     this.pfx      = this.config.stylePrefix || '';
@@ -29,7 +29,7 @@ module.exports = Backbone.View.extend({
    * @param  {Object}  e Event
    * @private
    * */
-  uploadFile : function(e){
+  uploadFile(e) {
     var files    = e.dataTransfer ? e.dataTransfer.files : e.target.files,
       formData   = new FormData();
     for (var i = 0; i < files.length; i++) {
@@ -43,12 +43,12 @@ module.exports = Backbone.View.extend({
       beforeSend  : this.config.beforeSend,
       complete  : this.config.onComplete,
       xhrFields  : {
-        onprogress: function (e) {
+        onprogress(e) {
           if (e.lengthComputable) {
             /*var result = e.loaded / e.total * 100 + '%';*/
           }
         },
-        onload: function (e) {
+        onload(e) {
             //progress.value = 100;
         }
       },
@@ -64,7 +64,7 @@ module.exports = Backbone.View.extend({
    * Make input file droppable
    * @private
    * */
-  initDrop: function(){
+  initDrop() {
     var that  = this;
     if(!this.uploadForm){
       this.uploadForm = this.$el.find('form').get(0);
@@ -88,7 +88,7 @@ module.exports = Backbone.View.extend({
     }
   },
 
-  render : function(){
+  render() {
     this.$el.html( this.template({
       title: this.config.uploadText,
       uploadId: this.uploadId,

src/block_manager/index.js

@@ -47,7 +47,7 @@ module.exports = () => {
        * @return {this}
        * @private
        */
-      init: function(config) {
+      init(config) {
         c = config || {};
         for (var name in defaults) {
           if (!(name in c))
@@ -75,7 +75,7 @@ module.exports = () => {
        *   }
        * });
        */
-      add: function(id, opts){
+      add(id, opts) {
         var obj = opts || {};
         obj.id = id;
         return blocks.add(obj);
@@ -89,7 +89,7 @@ module.exports = () => {
        * console.log(JSON.stringify(block));
        * // {label: 'Heading', content: '<h1>Put your ...', ...}
        */
-      get: function(id){
+      get(id) {
         return blocks.get(id);
       },
 
@@ -101,7 +101,7 @@ module.exports = () => {
        * console.log(JSON.stringify(blocks));
        * // [{label: 'Heading', content: '<h1>Put your ...'}, ...]
        */
-      getAll: function(){
+      getAll() {
         return blocks;
       },
 
@@ -109,7 +109,7 @@ module.exports = () => {
        * Render blocks
        * @return {HTMLElement}
        */
-      render: function(){
+      render() {
         return view.render().el;
       },
 

src/block_manager/view/BlockView.js

@@ -6,7 +6,7 @@ module.exports = Backbone.View.extend({
     mousedown: 'onDrag'
   },
 
-  initialize: function(o, config) {
+  initialize(o, config) {
     _.bindAll(this, 'onDrop');
     this.config = config || {};
     this.ppfx = this.config.pStylePrefix || '';
@@ -18,7 +18,7 @@ module.exports = Backbone.View.extend({
    * Start block dragging
    * @private
    */
-  onDrag: function(e) {
+  onDrag(e) {
     if(!this.config.getSorter)
       return;
     this.config.em.refreshCanvas();
@@ -33,12 +33,12 @@ module.exports = Backbone.View.extend({
    * Drop block
    * @private
    */
-  onDrop: function() {
+  onDrop() {
     this.doc.off('mouseup', this.onDrop);
     this.config.getSorter().endMove();
   },
 
-  render: function() {
+  render() {
     var className = this.ppfx + 'block';
     this.$el.addClass(className);
     this.el.innerHTML = '<div class="' + className + '-label">' + this.model.get('label') + '</div>';

src/block_manager/view/BlocksView.js

@@ -3,7 +3,7 @@ var BlockView = require('./BlockView');
 
 module.exports = Backbone.View.extend({
 
-  initialize: function(opts, config) {
+  initialize(opts, config) {
     _.bindAll(this, 'getSorter', 'onDrag', 'onDrop');
     this.config = config || {};
     this.ppfx = this.config.pStylePrefix || '';
@@ -22,7 +22,7 @@ module.exports = Backbone.View.extend({
    * Get sorter
    * @private
    */
-  getSorter: function(){
+  getSorter() {
     if(!this.em)
       return;
     if(!this.sorter){
@@ -51,7 +51,7 @@ module.exports = Backbone.View.extend({
    * Callback when block is on drag
    * @private
    */
-  onDrag: function(){
+  onDrag() {
     this.em.stopDefault();
   },
 
@@ -59,7 +59,7 @@ module.exports = Backbone.View.extend({
    * Callback when block is dropped
    * @private
    */
-  onDrop: function(model){
+  onDrop(model) {
     this.em.runDefault();
 
     if (model && model.get) {
@@ -78,7 +78,7 @@ module.exports = Backbone.View.extend({
    * @param {Model} model
    * @private
    * */
-  addTo: function(model){
+  addTo(model) {
     this.add(model);
   },
 
@@ -88,7 +88,7 @@ module.exports = Backbone.View.extend({
    * @param {Object} fragment Fragment collection
    * @private
    * */
-  add: function(model, fragment){
+  add(model, fragment) {
     var frag = fragment || null;
     var view = new BlockView({
       model: model,
@@ -104,7 +104,7 @@ module.exports = Backbone.View.extend({
 
 
 
-  render: function() {
+  render() {
     var frag = document.createDocumentFragment();
     this.$el.empty();
 

src/canvas/index.js

@@ -11,7 +11,7 @@ module.exports = () => {
      * Used inside RTE
      * @private
      */
-    getCanvasView: function() {
+    getCanvasView() {
       return CanvasView;
     },
 
@@ -26,7 +26,7 @@ module.exports = () => {
      * Initialize module. Automatically called with a new instance of the editor
      * @param {Object} config Configurations
      */
-    init: function(config) {
+    init(config) {
       c = config || {};
       for (var name in defaults) {
         if (!(name in c))
@@ -55,7 +55,7 @@ module.exports = () => {
      * @param	{Object}	wrp Wrapper
      *
      * */
-    setWrapper: function(wrp) {
+    setWrapper(wrp) {
       canvas.set('wrapper', wrp);
     },
 
@@ -63,7 +63,7 @@ module.exports = () => {
      * Returns canvas element
      * @return {HTMLElement}
      */
-    getElement: function(){
+    getElement() {
       return CanvasView.el;
     },
 
@@ -71,7 +71,7 @@ module.exports = () => {
      * Returns frame element of the canvas
      * @return {HTMLElement}
      */
-    getFrameEl: function(){
+    getFrameEl() {
       return CanvasView.frame.el;
     },
 
@@ -79,7 +79,7 @@ module.exports = () => {
      * Returns body element of the frame
      * @return {HTMLElement}
      */
-    getBody: function(){
+    getBody() {
       return CanvasView.frame.el.contentDocument.body;
     },
 
@@ -87,7 +87,7 @@ module.exports = () => {
      * Returns body wrapper element of the frame
      * @return {HTMLElement}
      */
-    getWrapperEl: function(){
+    getWrapperEl() {
       return this.getBody().querySelector('#wrapper');
     },
 
@@ -95,7 +95,7 @@ module.exports = () => {
      * Returns element containing canvas tools
      * @return {HTMLElement}
      */
-    getToolsEl: function(){
+    getToolsEl() {
       return CanvasView.toolsEl;
     },
 
@@ -103,7 +103,7 @@ module.exports = () => {
      * Returns highlighter element
      * @return {HTMLElement}
      */
-    getHighlighter: function(){
+    getHighlighter() {
       return CanvasView.hlEl;
     },
 
@@ -111,7 +111,7 @@ module.exports = () => {
      * Returns badge element
      * @return {HTMLElement}
      */
-    getBadgeEl: function(){
+    getBadgeEl() {
       return CanvasView.badgeEl;
     },
 
@@ -119,7 +119,7 @@ module.exports = () => {
      * Returns placer element
      * @return {HTMLElement}
      */
-    getPlacerEl: function(){
+    getPlacerEl() {
       return CanvasView.placerEl;
     },
 
@@ -128,7 +128,7 @@ module.exports = () => {
      * @return {HTMLElement}
      * @private
      */
-    getGhostEl: function(){
+    getGhostEl() {
       return CanvasView.ghostEl;
     },
 
@@ -136,7 +136,7 @@ module.exports = () => {
      * Returns toolbar element
      * @return {HTMLElement}
      */
-    getToolbarEl: function() {
+    getToolbarEl() {
       return CanvasView.toolbarEl;
     },
 
@@ -144,7 +144,7 @@ module.exports = () => {
      * Returns resizer element
      * @return {HTMLElement}
      */
-    getResizerEl: function() {
+    getResizerEl() {
       return CanvasView.resizerEl;
     },
 
@@ -152,7 +152,7 @@ module.exports = () => {
      * Returns offset viewer element
      * @return {HTMLElement}
      */
-    getOffsetViewerEl: function() {
+    getOffsetViewerEl() {
       return CanvasView.offsetEl;
     },
 
@@ -160,14 +160,14 @@ module.exports = () => {
      * Returns fixed offset viewer element
      * @return {HTMLElement}
      */
-    getFixedOffsetViewerEl: function() {
+    getFixedOffsetViewerEl() {
       return CanvasView.fixedOffsetEl;
     },
 
     /**
      * Render canvas
      * */
-    render: function() {
+    render() {
       return CanvasView.render().el;
     },
 
@@ -176,7 +176,7 @@ module.exports = () => {
      * @return {Object}
      * @private
      */
-    getOffset: function() {
+    getOffset() {
       var frameOff = this.offset(this.getFrameEl());
       var canvasOff = this.offset(this.getElement());
       return {
@@ -191,7 +191,7 @@ module.exports = () => {
     * @return {Object}
     * @private
     */
-    offset: function(el){
+    offset(el) {
       var rect = el.getBoundingClientRect();
       return {
         top: rect.top + document.body.scrollTop,
@@ -204,7 +204,7 @@ module.exports = () => {
      * @param {HTMLElement} el
      * @return {Object}
      */
-    getElementPos: function(el) {
+    getElementPos(el) {
       return CanvasView.getElementPos(el);
     },
 
@@ -223,7 +223,7 @@ module.exports = () => {
      * @param {Boolean} options.toRight Set to true if you want the toolbar attached to the right
      * @return {Object}
      */
-    getTargetToElementDim: function (target, element, options) {
+    getTargetToElementDim(target, element, options) {
       var opts = options || {};
       var canvasPos = CanvasView.getPosition();
       var pos = opts.elPos || CanvasView.getElementPos(element);
@@ -270,7 +270,7 @@ module.exports = () => {
      * @param {Event} e
      * @return {Object}
      */
-    getMouseRelativePos: function (e, options) {
+    getMouseRelativePos(e, options) {
       var opts = options || {};
       var addTop = 0;
       var addLeft = 0;
@@ -298,7 +298,7 @@ module.exports = () => {
      * @param {Event} e
      * @return {Object}
      */
-    getMouseRelativeCanvas: function (e, options) {
+    getMouseRelativeCanvas(e, options) {
       var opts = options || {};
       var frame = this.getFrameEl();
       var body = this.getBody();
@@ -318,7 +318,7 @@ module.exports = () => {
      * @return {HTMLElement}
      * ????
      */
-    getFrameWrapperEl: function(){
+    getFrameWrapperEl() {
       return CanvasView.frame.getWrapper();
     },
   };

src/canvas/model/Canvas.js

@@ -9,7 +9,7 @@ module.exports = Backbone.Model.extend({
     rulers: false,
   },
 
-  initialize: function(config) {
+  initialize(config) {
     var conf = this.conf || {};
     this.set('frame', new Frame(conf.frame));
   },

src/canvas/view/CanvasView.js

@@ -3,7 +3,7 @@ var FrameView = require('./FrameView');
 
 module.exports = Backbone.View.extend({
 
-  initialize: function(o) {
+  initialize(o) {
     _.bindAll(this, 'renderBody', 'onFrameScroll', 'clearOff');
     this.config = o.config || {};
     this.em = this.config.em || {};
@@ -20,7 +20,7 @@ module.exports = Backbone.View.extend({
    * Update tools position
    * @private
    */
-  onFrameScroll: function(){
+  onFrameScroll() {
     var u = 'px';
     var body = this.frame.el.contentDocument.body;
     this.toolsEl.style.top = '-' + body.scrollTop + u;
@@ -32,7 +32,7 @@ module.exports = Backbone.View.extend({
    * Insert scripts into head, it will call renderBody after all scripts loaded or failed
    * @private
    */
-  renderScripts: function () {
+  renderScripts() {
       var frame = this.frame;
       var that = this;
 
@@ -59,7 +59,7 @@ module.exports = Backbone.View.extend({
    * Render inside frame's body
    * @private
    */
-  renderBody: function() {
+  renderBody() {
     var wrap = this.model.get('frame').get('wrapper');
     var em = this.config.em;
     if(wrap) {
@@ -108,7 +108,7 @@ module.exports = Backbone.View.extend({
    * @param  {HTMLElement} el
    * @return {Object}
    */
-  offset: function(el){
+  offset(el) {
     var rect = el.getBoundingClientRect();
     var docBody = el.ownerDocument.body;
     return {
@@ -121,7 +121,7 @@ module.exports = Backbone.View.extend({
    * Cleare cached offsets
    * @private
    */
-  clearOff: function(){
+  clearOff() {
     this.frmOff = null;
     this.cvsOff = null;
   },
@@ -131,7 +131,7 @@ module.exports = Backbone.View.extend({
    * @return {Object}
    * @private
    */
-  getFrameOffset: function () {
+  getFrameOffset() {
     if(!this.frmOff)
       this.frmOff = this.offset(this.frame.el);
     return this.frmOff;
@@ -142,7 +142,7 @@ module.exports = Backbone.View.extend({
    * @return {Object}
    * @private
    */
-  getCanvasOffset: function () {
+  getCanvasOffset() {
     if(!this.cvsOff)
       this.cvsOff = this.offset(this.el);
     return this.cvsOff;
@@ -154,7 +154,7 @@ module.exports = Backbone.View.extend({
    * @return {Object}
    * @private
    */
-  getElementPos: function(el) {
+  getElementPos(el) {
     var frmOff = this.getFrameOffset();
     var cvsOff = this.getCanvasOffset();
     var eo = this.offset(el);
@@ -173,7 +173,7 @@ module.exports = Backbone.View.extend({
    * @return {Object} obj Position object
    * @private
    */
-  getPosition: function() {
+  getPosition() {
     var bEl = this.frame.el.contentDocument.body;
     var fo = this.getFrameOffset();
     var co = this.getCanvasOffset();
@@ -188,7 +188,7 @@ module.exports = Backbone.View.extend({
    * @param {View} view Component's View
    * @private
    */
-  updateScript: function(view) {
+  updateScript(view) {
     if(!view.scriptContainer) {
       view.scriptContainer = $('<div>');
       this.getJsContainer().append(view.scriptContainer.get(0));
@@ -211,7 +211,7 @@ module.exports = Backbone.View.extend({
    * Get javascript container
    * @private
    */
-  getJsContainer: function () {
+  getJsContainer() {
     if (!this.jsContainer) {
       this.jsContainer = $('<div>', {class: this.ppfx + 'js-cont'}).get(0);
     }
@@ -219,7 +219,7 @@ module.exports = Backbone.View.extend({
   },
 
 
-  render: function() {
+  render() {
     this.wrapper  = this.model.get('wrapper');
 
     if(this.wrapper && typeof this.wrapper.render == 'function'){

src/canvas/view/FrameView.js

@@ -9,7 +9,7 @@ module.exports = Backbone.View.extend({
     allowfullscreen: 'allowfullscreen'
   },
 
-  initialize: function(o) {
+  initialize(o) {
     _.bindAll(this, 'udpateOffset');
     this.config = o.config || {};
     this.ppfx = this.config.pStylePrefix || '';
@@ -22,28 +22,28 @@ module.exports = Backbone.View.extend({
    * Update width of the frame
    * @private
    */
-  updateWidth: function(model){
+  updateWidth(model) {
     var device = this.em.getDeviceModel();
     this.el.style.width = device ? device.get('width') : '';
     this.udpateOffset();
     this.$el.on(this.motionsEv, this.udpateOffset);
   },
 
-  udpateOffset: function(){
+  udpateOffset() {
     var offset = this.em.get('Canvas').getOffset();
     this.em.set('canvasOffset', offset);
     this.$el.off(this.motionsEv, this.udpateOffset);
   },
 
-  getBody: function(){
+  getBody() {
     this.$el.contents().find('body');
   },
 
-  getWrapper: function(){
+  getWrapper() {
     return this.$el.contents().find('body > div');
   },
 
-  render: function() {
+  render() {
     this.$el.attr({class: this.ppfx + 'frame'});
     return this;
   },

src/code_manager/index.js

@@ -35,7 +35,7 @@ module.exports = () => {
 
   return {
 
-    getConfig: function() {
+    getConfig() {
       return c;
     },
 
@@ -54,7 +54,7 @@ module.exports = () => {
      * Initialize module. Automatically called with a new instance of the editor
      * @param {Object} config Configurations
      */
-    init: function(config) {
+    init(config) {
       c = config || {};
       for (var name in defaults) {
         if (!(name in c))
@@ -77,7 +77,7 @@ module.exports = () => {
     /**
      * Callback on load
      */
-    onLoad: function(){
+    onLoad() {
       this.loadDefaultGenerators().loadDefaultViewers();
     },
 
@@ -94,7 +94,7 @@ module.exports = () => {
      *   }
      * });
      * */
-    addGenerator: function(id, generator) {
+    addGenerator(id, generator) {
       generators[id] = generator;
       return this;
     },
@@ -109,7 +109,7 @@ module.exports = () => {
      *   //extend
      * };
      * */
-    getGenerator: function(id) {
+    getGenerator(id) {
       return generators[id] || null;
     },
 
@@ -117,7 +117,7 @@ module.exports = () => {
      * Returns all code generators
      * @return {Array<Object>}
      * */
-    getGenerators: function() {
+    getGenerators() {
       return generators;
     },
 
@@ -139,7 +139,7 @@ module.exports = () => {
      *   }
      * });
      * */
-    addViewer: function(id, viewer) {
+    addViewer(id, viewer) {
       viewers[id] = viewer;
       return this;
     },
@@ -151,7 +151,7 @@ module.exports = () => {
      * @example
      * var viewer = codeManager.getViewer('ace');
      * */
-    getViewer: function(id) {
+    getViewer(id) {
       return viewers[id] || null;
     },
 
@@ -159,7 +159,7 @@ module.exports = () => {
      * Returns all code viewers
      * @return {Array<Object>}
      * */
-    getViewers: function() {
+    getViewers() {
       return viewers;
     },
 
@@ -174,7 +174,7 @@ module.exports = () => {
      * // ...
      * codeManager.updateViewer(AceViewer, 'code');
      * */
-    updateViewer: function(viewer, code) {
+    updateViewer(viewer, code) {
       viewer.setContent(code);
     },
 
@@ -187,7 +187,7 @@ module.exports = () => {
      * @example
      * var codeStr = codeManager.getCode(model, 'html');
      * */
-    getCode: function(model, genId, opt) {
+    getCode(model, genId, opt) {
       var generator  = this.getGenerator(genId);
       return generator ? generator.build(model, opt) : '';
     },
@@ -197,7 +197,7 @@ module.exports = () => {
      * @return {this}
      * @private
      * */
-    loadDefaultGenerators: function() {
+    loadDefaultGenerators() {
       for (var id in defGenerators)
         this.addGenerator(id, defGenerators[id]);
 
@@ -209,7 +209,7 @@ module.exports = () => {
      * @return {this}
      * @private
      * */
-    loadDefaultViewers: function() {
+    loadDefaultViewers() {
       for (var id in defViewers)
         this.addViewer(id, defViewers[id]);
 

src/code_manager/model/CodeMirrorEditor.js

@@ -16,8 +16,7 @@ module.exports = Backbone.Model.extend({
   },
 
   /** @inheritdoc */
-  init: function(el)
-  {
+  init(el) {
     this.editor  = CodeMirror.fromTextArea(el, {
       dragDrop: false,
       lineWrapping: true,
@@ -31,8 +30,7 @@ module.exports = Backbone.Model.extend({
   },
 
   /** @inheritdoc */
-  setContent  : function(v)
-  {
+  setContent(v) {
     if(!this.editor)
       return;
     this.editor.setValue(v);

src/code_manager/model/CssGenerator.js

@@ -2,7 +2,7 @@ var Backbone = require('backbone');
 
 module.exports = Backbone.Model.extend({
 
-  initialize: function() {
+  initialize() {
     this.compCls = [];
   },
 
@@ -11,7 +11,7 @@ module.exports = Backbone.Model.extend({
    * @param {Model} model
    * @return {String}
    */
-  buildFromModel: function (model) {
+  buildFromModel(model) {
     var code = '';
     var style = model.get('style');
     var classes = model.get('classes');
@@ -40,7 +40,7 @@ module.exports = Backbone.Model.extend({
    * @param {Model} model
    * @return {String}
    */
-  buildFromComp: function(model) {
+  buildFromComp(model) {
     var coll = model.get('components') || model,
       code = '';
 
@@ -58,7 +58,7 @@ module.exports = Backbone.Model.extend({
   },
 
   /** @inheritdoc */
-  build: function(model, cssc) {
+  build(model, cssc) {
     this.compCls = [];
     var code = this.buildFromModel(model);
     code += this.buildFromComp(model);
@@ -105,7 +105,7 @@ module.exports = Backbone.Model.extend({
    * @param {Model} rule
    * @return {string} CSS string
    */
-  buildFromRule: function(rule) {
+  buildFromRule(rule) {
     var result = '';
     var selectorsAdd = rule.get('selectorsAdd');
     var selectors = rule.get('selectors');

src/code_manager/model/HtmlGenerator.js

@@ -3,7 +3,7 @@ var Backbone = require('backbone');
 module.exports = Backbone.Model.extend({
 
   /** @inheritdoc */
-  build: function(model, cssc){
+  build(model, cssc) {
     var coll = model.get('components') || model,
       code = '';
 

src/code_manager/model/JsGenerator.js

@@ -2,7 +2,7 @@ var Backbone = require('backbone');
 
 module.exports = Backbone.Model.extend({
 
-  mapModel: function (model) {
+  mapModel(model) {
     var code = '';
     var script  = model.get('script');
     var type  = model.get('type');
@@ -39,7 +39,7 @@ module.exports = Backbone.Model.extend({
     return code;
   },
 
-  build: function(model) {
+  build(model) {
     this.mapJs = {};
     this.mapModel(model);
 

src/code_manager/model/JsonGenerator.js

@@ -3,7 +3,7 @@ var Backbone = require('backbone');
 module.exports = Backbone.Model.extend({
 
   /** @inheritdoc */
-  build: function(model) {
+  build(model) {
     var json  = model.toJSON();
     this.beforeEach(json);
 
@@ -29,7 +29,7 @@ module.exports = Backbone.Model.extend({
    * Execute on each object
    * @param {Object} obj
    */
-  beforeEach: function(obj) {
+  beforeEach(obj) {
     delete obj.status;
   }
 

src/code_manager/view/EditorView.js

@@ -8,12 +8,12 @@ module.exports = Backbone.View.extend({
   	<div id="<%= pfx %>code"></div>
   </div>`),
 
-  initialize: function(o){
+  initialize(o) {
     this.config = o.config || {};
     this.pfx = this.config.stylePrefix;
   },
 
-  render: function(){
+  render() {
     var obj = this.model.toJSON();
     obj.pfx = this.pfx;
     this.$el.html( this.template(obj) );

src/commands/index.js

@@ -67,7 +67,7 @@ module.exports = () => {
      * @param {Object} config Configurations
      * @private
      */
-    init: function(config) {
+    init(config) {
       c = config || {};
       for (var name in defaults) {
         if (!(name in c))
@@ -105,7 +105,7 @@ module.exports = () => {
       defaultCommands.resize = require('./view/Resize');
 
       defaultCommands['tlb-delete'] = {
-        run: function(ed) {
+        run(ed) {
           var sel = ed.getSelected();
 
           if(!sel || !sel.get('removable')) {
@@ -121,7 +121,7 @@ module.exports = () => {
       };
 
       defaultCommands['tlb-clone'] = {
-        run: function(ed) {
+        run(ed) {
           var sel = ed.getSelected();
 
           if(!sel || !sel.get('copyable')) {
@@ -137,7 +137,7 @@ module.exports = () => {
       };
 
       defaultCommands['tlb-move'] = {
-        run: function(ed){
+        run(ed) {
           var sel = ed.getSelected();
 
           if(!sel || !sel.get('draggable')) {
@@ -171,7 +171,7 @@ module.exports = () => {
      * On load callback
      * @private
      */
-    onLoad: function() {
+    onLoad() {
     	this.loadDefaultCommands();
     },
 
@@ -199,7 +199,7 @@ module.exports = () => {
      * var myCommand = commands.get('myCommand');
      * myCommand.run();
      * */
-    get: function(id) {
+    get(id) {
       var el = commands[id];
 
       if(typeof el == 'function'){
@@ -215,7 +215,7 @@ module.exports = () => {
      * @param	{string}	id Command's ID
      * @return {Boolean}
      * */
-    has: function(id) {
+    has(id) {
       return !!commands[id];
     },
 
@@ -224,7 +224,7 @@ module.exports = () => {
      * @return {this}
      * @private
      * */
-    loadDefaultCommands: function(){
+    loadDefaultCommands() {
       for (var id in defaultCommands) {
         this.add(id, defaultCommands[id]);
       }

src/commands/view/CommandAbstract.js

@@ -7,7 +7,7 @@ module.exports = Backbone.View.extend({
 	 * @param	{Object}	o Options
 	 * @private
 	 * */
-	initialize: function(o) {
+	initialize(o) {
 		this.config				= o || {};
 		this.editorModel 	= this.em = this.config.em || {};
 		this.pfx					= this.config.stylePrefix;
@@ -38,13 +38,13 @@ module.exports = Backbone.View.extend({
 	 * @param  {[type]} e [description]
 	 * @return {[type]}   [description]
 	 */
-	onFrameScroll: function(e){},
+	onFrameScroll(e) {},
 
 	/**
 	 * Returns canval element
 	 * @return {HTMLElement}
 	 */
-	getCanvas: function(){
+	getCanvas() {
 		return this.canvas.getElement();
 	},
 
@@ -52,7 +52,7 @@ module.exports = Backbone.View.extend({
 	 * Get canvas body element
 	 * @return {HTMLElement}
 	 */
-	getCanvasBody: function(){
+	getCanvasBody() {
 		return this.canvas.getBody();
 	},
 
@@ -60,7 +60,7 @@ module.exports = Backbone.View.extend({
 	 * Get canvas wrapper element
 	 * @return {HTMLElement}
 	 */
-	getCanvasWrapper: function(){
+	getCanvasWrapper() {
 		return this.canvas.getWrapperEl();
 	},
 
@@ -68,7 +68,7 @@ module.exports = Backbone.View.extend({
 	 * Get canvas wrapper element
 	 * @return {HTMLElement}
 	 */
-	getCanvasTools: function(){
+	getCanvasTools() {
 		return this.canvas.getToolsEl();
 	},
 
@@ -77,7 +77,7 @@ module.exports = Backbone.View.extend({
    * @param  {HTMLElement} el
    * @return {Object}
    */
-  offset: function(el){
+  offset(el) {
     var rect = el.getBoundingClientRect();
     return {
       top: rect.top + el.ownerDocument.body.scrollTop,
@@ -90,7 +90,7 @@ module.exports = Backbone.View.extend({
 	 * @param	{Object}	o 	Options
 	 * @private
 	 * */
-	init: function(o){},
+	init(o) {},
 
 	/**
 	 * Method that run command
@@ -98,7 +98,7 @@ module.exports = Backbone.View.extend({
 	 * @param	{Object}	sender	Button sender
 	 * @private
 	 * */
-	run: function(em, sender) {},
+	run(em, sender) {},
 
 	/**
 	 * Method that stop command
@@ -106,6 +106,6 @@ module.exports = Backbone.View.extend({
 	 * @param	{Object}	sender	Button sender
 	 * @private
 	 * */
-	stop: function(em, sender) {},
+	stop(em, sender) {},
 
 });

src/commands/view/CreateComponent.js

@@ -3,7 +3,7 @@ var SelectPosition = require('./SelectPosition');
 
 module.exports = _.extend({}, SelectPosition, {
 
-  init: function(opt) {
+  init(opt) {
     _.bindAll(this,'startDraw','draw','endDraw','rollback');
     this.config = opt || {};
     this.hType = this.config.newFixedH ? 'height' : 'min-height';
@@ -14,7 +14,7 @@ module.exports = _.extend({}, SelectPosition, {
    * Start with enabling to select position and listening to start drawning
    * @private
    * */
-  enable: function(...args) {
+  enable(...args) {
     SelectPosition.enable.apply(this, args);
     this.$wr.css('cursor','crosshair');
     if(this.allowDraw)
@@ -27,7 +27,7 @@ module.exports = _.extend({}, SelectPosition, {
    * @param   {Object} e  Event
    * @private
    * */
-  startDraw : function(e) {
+  startDraw(e) {
     e.preventDefault();
     this.stopSelectPosition();
     this.ghost.style.display = 'block';
@@ -47,7 +47,7 @@ module.exports = _.extend({}, SelectPosition, {
    * Enable/Disable events
    * @param {Boolean} enable
    */
-  toggleEvents: function(enable) {
+  toggleEvents(enable) {
     var method = enable ? 'on' : 'off';
     this.$wr[method]('mousemove', this.draw);
     this.$wr[method]('mouseup', this.endDraw);
@@ -61,7 +61,7 @@ module.exports = _.extend({}, SelectPosition, {
    * @param   {Object}  e  Event
    * @private
    * */
-  draw: function(e) {
+  draw(e) {
     this.isDragged = true;
     this.updateComponentSize(e);
   },
@@ -71,7 +71,7 @@ module.exports = _.extend({}, SelectPosition, {
    * @param   {Object}  e Event
    * @private
    * */
-  endDraw : function(e) {
+  endDraw(e) {
     this.toggleEvents();
     var model = {};
     // Only if the mouse was moved
@@ -95,7 +95,7 @@ module.exports = _.extend({}, SelectPosition, {
    * @param {string} method Before or after of the children
    * @param {Object} opts Options
    */
-  create: function(target, component, index, method, opts) {
+  create(target, component, index, method, opts) {
     index = method === 'after' ? index + 1 : index;
     var opt = opts || {};
     var $trg = $(target);
@@ -115,7 +115,7 @@ module.exports = _.extend({}, SelectPosition, {
    * @return   {Object}   Component updated
    * @private
    * */
-  setRequirements: function(component) {
+  setRequirements(component) {
     var c  = this.config;
     var compStl = component.style;
     // Check min width
@@ -150,7 +150,7 @@ module.exports = _.extend({}, SelectPosition, {
    * @param   {Object}   e  Event
    * @private
    * */
-  updateComponentSize : function (e) {
+  updateComponentSize(e) {
     var y = e.pageY + this.frameOff.top;
      var x = e.pageX + this.frameOff.left;
     var start = this.startPos;
@@ -173,7 +173,7 @@ module.exports = _.extend({}, SelectPosition, {
    * Update size
    * @private
    */
-  updateSize: function(top, left, width, height){
+  updateSize(top, left, width, height) {
     var u = 'px';
     var ghStl = this.ghost.style;
     var compStl = this.tempComponent.style;
@@ -189,7 +189,7 @@ module.exports = _.extend({}, SelectPosition, {
    * @param   {Boolean}   forse  Indicates if rollback in anycase
    * @private
    * */
-  rollback: function(e, force) {
+  rollback(e, force) {
     var key = e.which || e.keyCode;
     if(key == this.config.ESCAPE_KEY || force){
       this.isDragged = false;
@@ -203,7 +203,7 @@ module.exports = _.extend({}, SelectPosition, {
    * @param   {Object}  component  Object component before creation
    * @private
    * */
-  beforeDraw: function(component){
+  beforeDraw(component) {
     component.editable = false;//set this component editable
   },
 
@@ -212,17 +212,17 @@ module.exports = _.extend({}, SelectPosition, {
    * @param   {Object}  model  Component model created
    * @private
    * */
-  afterDraw: function(model){},
+  afterDraw(model) {},
 
 
-  run: function(editor, sender, opts){
+  run(editor, sender, opts) {
     this.editor = editor;
     this.sender  = sender;
     this.$wr = this.$wrapper;
     this.enable();
   },
 
-  stop: function(){
+  stop() {
     this.stopSelectPosition();
     this.$wrapper.css('cursor','');
     this.$wrapper.unbind();

src/commands/view/DeleteComponent.js

@@ -3,13 +3,13 @@ var SelectComponent = require('./SelectComponent');
 
 module.exports = _.extend({},SelectComponent,{
 
-  init: function(o){
+  init(o) {
     _.bindAll(this, 'startDelete', 'stopDelete', 'onDelete');
     this.hoverClass  = this.pfx + 'hover-delete';
     this.badgeClass  = this.pfx + 'badge-red';
   },
 
-  enable: function() {
+  enable() {
     var that = this;
     this.$el.find('*')
       .mouseover(this.startDelete)
@@ -22,7 +22,7 @@ module.exports = _.extend({},SelectComponent,{
    * @param {Object}  e
    * @private
    */
-  startDelete: function(e) {
+  startDelete(e) {
       e.stopPropagation();
       var $this   =  $(e.target);
 
@@ -39,7 +39,7 @@ module.exports = _.extend({},SelectComponent,{
    * @param {Object}  e
    * @private
    */
-  stopDelete: function(e) {
+  stopDelete(e) {
       e.stopPropagation();
       var $this   =  $(e.target);
       $this.removeClass(this.hoverClass);
@@ -54,7 +54,7 @@ module.exports = _.extend({},SelectComponent,{
    * @param {Object}  e
    * @private
    */
-  onDelete: function(e) {
+  onDelete(e) {
     e.stopPropagation();
     var $this = $(e.target);
 
@@ -72,7 +72,7 @@ module.exports = _.extend({},SelectComponent,{
    * @param   {Object}  model
    * @private
    * */
-  updateBadgeLabel: function (model) {
+  updateBadgeLabel(model) {
     this.badge.html( 'Remove ' + model.getName() );
   },
 

src/commands/view/ExportTemplate.js

@@ -1,6 +1,6 @@
 module.exports = {
 
-  run: function(editor, sender) {
+  run(editor, sender) {
     this.sender = sender;
     this.wrapper = editor.DomComponents.getWrapper();
     this.components = editor.DomComponents.getComponents();
@@ -21,7 +21,7 @@ module.exports = {
    * @return  {Object}  Editor
    * @private
    * */
-  buildEditor: function(codeName, theme, label) {
+  buildEditor(codeName, theme, label) {
     if(!this.codeMirror)
       this.codeMirror    = this.cm.getViewer('CodeMirror');
 
@@ -44,7 +44,7 @@ module.exports = {
     return { el: editor, $el: $editor };
   },
 
-  enable: function() {
+  enable() {
     if(!this.$editors){
       var oHtmlEd      = this.buildEditor('htmlmixed', 'hopscotch', 'HTML'),
         oCsslEd      = this.buildEditor('css', 'hopscotch', 'CSS');
@@ -68,5 +68,5 @@ module.exports = {
       this.sender.set('active',false);
   },
 
-  stop: function(){}
+  stop() {}
 };

src/commands/view/Fullscreen.js

@@ -3,7 +3,7 @@ module.exports = {
    * Check if fullscreen mode is enabled
    * @return {Boolean}
    */
-  isEnabled: function(){
+  isEnabled() {
     var d = document;
     if(d.fullscreenElement || d.webkitFullscreenElement || d.mozFullScreenElement)
       return 1;
@@ -16,7 +16,7 @@ module.exports = {
    * @param  {HTMLElement} el
    * @return {string}
    */
-  enable: function(el){
+  enable(el) {
     var pfx = '';
     if (el.requestFullscreen)
       el.requestFullscreen();
@@ -36,7 +36,7 @@ module.exports = {
   /**
    * Disable fullscreen mode
    */
-  disable: function(){
+  disable() {
     var d = document;
     if (d.exitFullscreen)
       d.exitFullscreen();
@@ -54,7 +54,7 @@ module.exports = {
    * @param  {strinf} pfx Browser prefix
    * @param  {Event} e
   */
-  fsChanged: function(pfx, e){
+  fsChanged(pfx, e) {
     var d = document;
     var ev = (pfx || '') + 'fullscreenchange';
     if(!this.isEnabled()){
@@ -63,7 +63,7 @@ module.exports = {
     }
   },
 
-  run:  function(editor, sender){
+  run(editor, sender) {
     this.sender = sender;
     var pfx = this.enable(editor.getContainer());
     this.fsChanged = this.fsChanged.bind(this, pfx);
@@ -72,7 +72,7 @@ module.exports = {
       editor.trigger('change:canvasOffset');
   },
 
-  stop: function(editor, sender){
+  stop(editor, sender) {
     if(sender && sender.set)
       sender.set('active', false);
     this.disable();

src/commands/view/ImageComponent.js

@@ -9,7 +9,7 @@ module.exports = _.extend({}, InsertCustom, {
    * @private
    *
    * */
-  beforeInsert: function(object){
+  beforeInsert(object) {
     object.type = 'image';
     object.style = {};
     object.attributes = {};
@@ -25,7 +25,7 @@ module.exports = _.extend({}, InsertCustom, {
    * @param  {Object}  model  Model created after insert
    * @private
    * */
-  afterInsert: function(model){
+  afterInsert(model) {
     model.trigger('dblclick');
     if(this.sender)
       this.sender.set('active', false);

src/commands/view/InsertCustom.js

@@ -3,7 +3,7 @@ var CreateComponent = require('./CreateComponent');
 
 module.exports = _.extend({}, CreateComponent, {
 
-  init: function(...args) {
+  init(...args) {
     CreateComponent.init.apply(this, args);
     _.bindAll(this, 'insertComponent');
     this.allowDraw = 0;
@@ -13,7 +13,7 @@ module.exports = _.extend({}, CreateComponent, {
    * Run method
    * @private
    * */
-  run: function(em, sender, options) {
+  run(em, sender, options) {
     this.em = em;
     this.sender = sender;
     this.opt = options || {};
@@ -21,7 +21,7 @@ module.exports = _.extend({}, CreateComponent, {
     this.enable();
   },
 
-  enable: function(...args) {
+  enable(...args) {
     CreateComponent.enable.apply(this, args);
     this.$wr.on('click', this.insertComponent);
   },
@@ -30,7 +30,7 @@ module.exports = _.extend({}, CreateComponent, {
    * Start insert event
    * @private
    * */
-  insertComponent: function(){
+  insertComponent() {
     this.$wr.off('click', this.insertComponent);
     this.stopSelectPosition();
     var object = this.buildContent();
@@ -58,14 +58,14 @@ module.exports = _.extend({}, CreateComponent, {
    * @param   {Object}  obj
    * @private
    * */
-  beforeInsert: function(obj){},
+  beforeInsert(obj) {},
 
   /**
    * Trigger after insert
    * @param  {Object}  model  Model created after insert
    * @private
    * */
-  afterInsert: function(model){},
+  afterInsert(model) {},
 
   /**
    * Create different object, based on content, to insert inside canvas
@@ -73,7 +73,7 @@ module.exports = _.extend({}, CreateComponent, {
    * @return   {Object}
    * @private
    * */
-  buildContent: function(){
+  buildContent() {
     return this.opt.content || {};
   },
 });

src/commands/view/MoveComponent.js

@@ -4,7 +4,7 @@ var SelectPosition = require('./SelectPosition');
 
 module.exports = _.extend({}, SelectPosition, SelectComponent, {
 
-  init: function(o){
+  init(o) {
     SelectComponent.init.apply(this, arguments);
     _.bindAll(this, 'initSorter','rollback', 'onEndMove');
     this.opt = o;
@@ -13,7 +13,7 @@ module.exports = _.extend({}, SelectPosition, SelectComponent, {
     this.noSelClass  = this.ppfx + 'no-select';
   },
 
-  enable: function(...args) {
+  enable(...args) {
     SelectComponent.enable.apply(this, args);
     this.getBadgeEl().addClass(this.badgeClass);
     this.getHighlighterEl().addClass(this.hoverClass);
@@ -29,14 +29,14 @@ module.exports = _.extend({}, SelectPosition, SelectComponent, {
    * Overwrite for doing nothing
    * @private
    */
-  toggleClipboard: function(){},
+  toggleClipboard() {},
 
   /**
    * Delegate sorting
    * @param  {Event} e
    * @private
    * */
-  initSorter: function(e){
+  initSorter(e) {
     var el = $(e.target).data('model');
     var drag = el.get('draggable');
     if(!drag)
@@ -57,7 +57,7 @@ module.exports = _.extend({}, SelectPosition, SelectComponent, {
    * @param  {Object} model
    * @private
    */
-  initSorterFromModel: function(model) {
+  initSorterFromModel(model) {
     var drag = model.get('draggable');
     if(!drag)
       return;
@@ -80,7 +80,7 @@ module.exports = _.extend({}, SelectPosition, SelectComponent, {
     this.getContentWindow().on('keydown', this.rollback);
   },
 
-  onEndMoveFromModel: function() {
+  onEndMoveFromModel() {
     this.getContentWindow().off('keydown', this.rollback);
   },
 
@@ -88,7 +88,7 @@ module.exports = _.extend({}, SelectPosition, SelectComponent, {
    * Callback after sorting
    * @private
    */
-  onEndMove: function(){
+  onEndMove() {
     this.enable();
     this.getContentWindow().off('keydown', this.rollback);
   },
@@ -99,7 +99,7 @@ module.exports = _.extend({}, SelectPosition, SelectComponent, {
    * @param {Object} Selected element
    * @private
    * */
-  onSelect: function(e,el){},
+  onSelect(e, el) {},
 
   /**
    * Used to bring the previous situation before start moving the component
@@ -107,7 +107,7 @@ module.exports = _.extend({}, SelectPosition, SelectComponent, {
    * @param {Boolean} Indicates if rollback in anycase
    * @private
    * */
-  rollback: function(e, force){
+  rollback(e, force) {
     var key = e.which || e.keyCode;
     if(key == this.opt.ESCAPE_KEY || force){
       this.sorter.moved = false;
@@ -121,7 +121,7 @@ module.exports = _.extend({}, SelectPosition, SelectComponent, {
    * @return {HTMLElement}
    * @private
    */
-  getBadgeEl: function(){
+  getBadgeEl() {
     if(!this.$badge)
       this.$badge = $(this.getBadge());
     return this.$badge;
@@ -132,13 +132,13 @@ module.exports = _.extend({}, SelectPosition, SelectComponent, {
    * @return {HTMLElement}
    * @private
    */
-  getHighlighterEl: function(){
+  getHighlighterEl() {
     if(!this.$hl)
       this.$hl = $(this.canvas.getHighlighter());
     return this.$hl;
   },
 
-  stop: function(...args) {
+  stop(...args) {
     SelectComponent.stop.apply(this, args);
     this.getBadgeEl().removeClass(this.badgeClass);
     this.getHighlighterEl().removeClass(this.hoverClass);

src/commands/view/OpenAssets.js

@@ -1,6 +1,6 @@
 module.exports = {
 
-  run: function(editor, sender, opts) {
+  run(editor, sender, opts) {
     var opt = opts || {};
     var config = editor.getConfig();
     var modal = editor.Modal;

src/commands/view/OpenBlocks.js

@@ -1,6 +1,6 @@
 module.exports = {
 
-  run: function(editor, sender) {
+  run(editor, sender) {
     var config = editor.Config;
     var pfx = config.stylePrefix;
     var bm = editor.BlockManager;
@@ -19,7 +19,7 @@ module.exports = {
     this.blocks.style.display = 'block';
   },
 
-  stop: function() {
+  stop() {
     if(this.blocks)
       this.blocks.style.display = 'none';
   }

src/commands/view/OpenLayers.js

@@ -2,7 +2,7 @@ var Layers = require('navigator');
 
 module.exports = {
 
-  run: function(em, sender) {
+  run(em, sender) {
     if(!this.$layers) {
       var collection = em.DomComponents.getComponent().get('components'),
       config = em.getConfig(),
@@ -27,7 +27,7 @@ module.exports = {
     this.$layers.show();
   },
 
-  stop: function() {
+  stop() {
     if(this.$layers)
       this.$layers.hide();
   }

src/commands/view/OpenStyleManager.js

@@ -2,7 +2,7 @@ var StyleManager = require('style_manager');
 
 module.exports = {
 
-  run: function(em, sender) {
+  run(em, sender) {
     this.sender  = sender;
     if(!this.$cn){
       var config    = em.getConfig(),
@@ -54,7 +54,7 @@ module.exports = {
    * Toggle Style Manager visibility
    * @private
    */
-  toggleSm: function() {
+  toggleSm() {
       if(!this.sender.get('active'))
         return;
       if(this.target.get('selectedComponent')){
@@ -66,7 +66,7 @@ module.exports = {
       }
   },
 
-  stop: function() {
+  stop() {
     // Hide secondary container if exists
     if(this.$cn2)
       this.$cn2.hide();

src/commands/view/OpenTraitManager.js

@@ -1,6 +1,6 @@
 module.exports = {
 
-  run: function(editor, sender) {
+  run(editor, sender) {
     var config = editor.Config;
     var pfx = config.stylePrefix;
     var tm = editor.TraitManager;
@@ -23,7 +23,7 @@ module.exports = {
     this.obj.style.display = 'block';
   },
 
-  stop: function() {
+  stop() {
     if(this.obj)
       this.obj.style.display = 'none';
   }

src/commands/view/Preview.js

@@ -1,19 +1,19 @@
 module.exports = {
 
-  getPanels: function(editor){
+  getPanels(editor) {
     if(!this.panels)
       this.panels = editor.Panels.getPanelsEl();
     return this.panels;
   },
 
-  tglPointers: function(editor, v) {
+  tglPointers(editor, v) {
     var elP = editor.Canvas.getBody().querySelectorAll('.' + this.ppfx + 'no-pointer');
     _.each(elP, item => {
       item.style.pointerEvents = v ? '' : 'all';
     });
   },
 
-  run: function(editor, sender) {
+  run(editor, sender) {
     if(sender && sender.set)
       sender.set('active', false);
     editor.stopCommand('sw-visibility');
@@ -49,7 +49,7 @@ module.exports = {
     editor.trigger('change:canvasOffset');
   },
 
-  stop: function(editor, sender) {
+  stop(editor, sender) {
     var panels = this.getPanels(editor);
     editor.runCommand('sw-visibility');
     editor.getModel().runDefault();

src/commands/view/Resize.js

@@ -1,6 +1,6 @@
 module.exports = {
 
-  run: function(editor, sender, opts) {
+  run(editor, sender, opts) {
     var el = (opts && opts.el) || '';
     var canvas = editor.Canvas;
     var canvasResizer = this.canvasResizer;
@@ -22,7 +22,7 @@ module.exports = {
     canvasResizer.focus(el);
   },
 
-  stop: function() {
+  stop() {
     if(this.canvasResizer)
       this.canvasResizer.blur();
   },

src/commands/view/SelectComponent.js

@@ -4,12 +4,12 @@ var key = require('keymaster');
 
 module.exports = {
 
-  init: function(o){
+  init(o) {
     _.bindAll(this, 'onHover', 'onOut', 'onClick', 'onKeyPress');
   },
 
 
-  enable: function() {
+  enable() {
     _.bindAll(this, 'copyComp', 'pasteComp', 'onFrameScroll');
     this.frameOff = this.canvasOff = this.adjScroll = null;
     var config  = this.config.em.get('Config');
@@ -28,7 +28,7 @@ module.exports = {
    * @return {this}
    * @private
    */
-  toggleClipboard: function(active){
+  toggleClipboard(active) {
     var en = active || 0;
     if(en){
       key('⌘+c, ctrl+c', this.copyComp);
@@ -43,7 +43,7 @@ module.exports = {
    * Copy component to the clipboard
    * @private
    */
-  copyComp: function() {
+  copyComp() {
     var el = this.editorModel.get('selectedComponent');
     if(el && el.get('copyable'))
       this.editorModel.set('clipboard', el);
@@ -53,7 +53,7 @@ module.exports = {
    * Paste component from clipboard
    * @private
    */
-  pasteComp: function() {
+  pasteComp() {
     var clp = this.editorModel.get('clipboard'),
         sel = this.editorModel.get('selectedComponent');
     if(clp && sel && sel.collection){
@@ -66,7 +66,7 @@ module.exports = {
   /**
    * Returns canavs body el
    */
-  getCanvasBodyEl: function() {
+  getCanvasBodyEl() {
     if(!this.$bodyEl) {
       this.$bodyEl = $(this.getCanvasBody());
     }
@@ -77,7 +77,7 @@ module.exports = {
    * Start select component event
    * @private
    * */
-  startSelectComponent: function() {
+  startSelectComponent() {
    this.toggleSelectComponent(1);
   },
 
@@ -85,7 +85,7 @@ module.exports = {
    * Stop select component event
    * @private
    * */
-  stopSelectComponent: function() {
+  stopSelectComponent() {
    this.toggleSelectComponent();
   },
 
@@ -93,7 +93,7 @@ module.exports = {
    * Toggle select component event
    * @private
    * */
-  toggleSelectComponent: function(enable) {
+  toggleSelectComponent(enable) {
     var el = '*';
     var method = enable ? 'on' : 'off';
     this.getCanvasBodyEl()
@@ -110,7 +110,7 @@ module.exports = {
    * On key press event
    * @private
    * */
-  onKeyPress: function(e) {
+  onKeyPress(e) {
     var key = e.which || e.keyCode;
     var comp = this.editorModel.get('selectedComponent');
     var focused = this.frameEl.contentDocument.activeElement.tagName !== 'BODY';
@@ -137,7 +137,7 @@ module.exports = {
    * @param {Object}  e
    * @private
    */
-  onHover: function(e) {
+  onHover(e) {
     e.stopPropagation();
     var trg = e.target;
 
@@ -159,7 +159,7 @@ module.exports = {
    * @param {Object}  e
    * @private
    */
-  onOut: function(e) {
+  onOut(e) {
     e.stopPropagation();
     this.hideBadge();
     this.hideHighlighter();
@@ -171,7 +171,7 @@ module.exports = {
    * @param {HTMLElement}  el
    * @param {Object} pos
    */
-  showElementOffset: function(el, pos) {
+  showElementOffset(el, pos) {
     var $el = $(el);
     var model = $el.data('model');
     if(model && model.get('status') == 'selected'){
@@ -188,7 +188,7 @@ module.exports = {
    * @param {HTMLElement}  el
    * @param {Object} pos
    */
-  hideElementOffset: function(el, pos) {
+  hideElementOffset(el, pos) {
     this.editor.stopCommand('show-offset');
   },
 
@@ -197,7 +197,7 @@ module.exports = {
    * @param {HTMLElement}  el
    * @param {Object} pos
    */
-  showFixedElementOffset: function(el, pos) {
+  showFixedElementOffset(el, pos) {
     this.editor.runCommand('show-offset', {
       el: el,
       elPos: pos,
@@ -210,7 +210,7 @@ module.exports = {
    * @param {HTMLElement}  el
    * @param {Object} pos
    */
-  hideFixedElementOffset: function(el, pos) {
+  hideFixedElementOffset(el, pos) {
     if(this.editor)
       this.editor.stopCommand('show-offset', {state: 'Fixed'});
   },
@@ -218,7 +218,7 @@ module.exports = {
   /**
    * Hide Highlighter element
    */
-  hideHighlighter: function () {
+  hideHighlighter() {
     this.canvas.getHighlighter().style.display = 'none';
   },
 
@@ -227,7 +227,7 @@ module.exports = {
    * @param {Object}  e
    * @private
    */
-  onClick: function(e) {
+  onClick(e) {
     var m = $(e.target).data('model');
     if(!m)
       return;
@@ -243,7 +243,7 @@ module.exports = {
    * @param {Object} pos Position object
    * @private
    * */
-  updateBadge: function(el, pos) {
+  updateBadge(el, pos) {
     var $el = $(el);
     this.cacheEl = el;
     var model = $el.data("model");
@@ -269,7 +269,7 @@ module.exports = {
    * @param {Object} pos Position object
    * @private
    */
-  updateHighlighter: function(el, pos) {
+  updateHighlighter(el, pos) {
     var $el = $(el);
     var model = $el.data('model');
     if(!model || (model && model.get('status') == 'selected')) {
@@ -292,7 +292,7 @@ module.exports = {
    * @param {Object}  el
    * @private
    * */
-  onSelect: function(e, el) {
+  onSelect(e, el) {
     e.stopPropagation();
     var md   = this.editorModel.get('selectedComponent');
     this.cleanPrevious(md);
@@ -328,7 +328,7 @@ module.exports = {
    * Update toolbar if the component has one
    * @param {Object} mod
    */
-  updateToolbar: function(mod) {
+  updateToolbar(mod) {
     var em = this.config.em;
     var model = mod == em ? em.get('selectedComponent') : mod;
     if(!model){
@@ -368,7 +368,7 @@ module.exports = {
    * @param {HTMLElement} el
    * @param {Object} pos
    */
-  updateToolbarPos: function(el, elPos) {
+  updateToolbarPos(el, elPos) {
     var unit = 'px';
     var toolbarEl = this.canvas.getToolbarEl();
     var toolbarStyle = toolbarEl.style;
@@ -385,7 +385,7 @@ module.exports = {
    * Return canvas dimensions and positions
    * @return {Object}
    */
-  getCanvasPosition: function () {
+  getCanvasPosition() {
     return this.canvas.getCanvasView().getPosition();
   },
 
@@ -393,7 +393,7 @@ module.exports = {
    * Removes all highlighting effects on components
    * @private
    * */
-  clean: function() {
+  clean() {
     if(this.selEl)
       this.selEl.removeClass(this.hoverClass);
   },
@@ -403,7 +403,7 @@ module.exports = {
    * @return {HTMLElement}
    * @private
    */
-  getBadge: function(){
+  getBadge() {
     return this.canvas.getBadgeEl();
   },
 
@@ -411,7 +411,7 @@ module.exports = {
    * On frame scroll callback
    * @private
    */
-  onFrameScroll: function(e){
+  onFrameScroll(e) {
     var el = this.cacheEl;
     if (el) {
       var elPos = this.getElementPos(el);
@@ -428,7 +428,7 @@ module.exports = {
    * Update attached elements, eg. component toolbar
    * @return {[type]} [description]
    */
-  updateAttached: function() {
+  updateAttached() {
     var model = this.em.get('selectedComponent');
     if (model) {
       var view = model.view;
@@ -443,7 +443,7 @@ module.exports = {
    * @return {Object}
    * @private
    */
-  getElementPos: function(el, badge){
+  getElementPos(el, badge) {
     return this.canvas.getCanvasView().getElementPos(el);
   },
 
@@ -451,7 +451,7 @@ module.exports = {
    * Hide badge
    * @private
    * */
-  hideBadge: function () {
+  hideBadge() {
     this.getBadge().style.display = 'none';
   },
 
@@ -460,7 +460,7 @@ module.exports = {
    * @param {Component} model
    * @private
    */
-  cleanPrevious: function(model) {
+  cleanPrevious(model) {
     if(model)
       model.set({
         status: '',
@@ -472,19 +472,19 @@ module.exports = {
    * Returns content window
    * @private
    */
-  getContentWindow: function(){
+  getContentWindow() {
     if(!this.contWindow)
       this.contWindow = $(this.frameEl.contentWindow);
     return this.contWindow;
   },
 
-  run: function(em) {
+  run(em) {
     if(em && em.get)
       this.editor = em.get('Editor');
     this.enable();
   },
 
-  stop: function() {
+  stop() {
     this.stopSelectComponent();
     this.cleanPrevious(this.em.get('selectedComponent'));
     this.clean();

src/commands/view/SelectPosition.js

@@ -5,7 +5,7 @@ module.exports = {
    * @param {HTMLElement} trg
    * @private
    * */
-  startSelectPosition: function(trg, doc) {
+  startSelectPosition(trg, doc) {
     this.isPointed = false;
     var utils = this.editorModel.get('Utils');
     if(utils && !this.sorter)
@@ -30,7 +30,7 @@ module.exports = {
    * @return {Object}
    * @private
    */
-  getOffsetDim: function() {
+  getOffsetDim() {
     var frameOff = this.offset(this.canvas.getFrameEl());
     var canvasOff = this.offset(this.canvas.getElement());
     var top = frameOff.top - canvasOff.top;
@@ -42,7 +42,7 @@ module.exports = {
    * Stop select position event
    * @private
    * */
-  stopSelectPosition: function() {
+  stopSelectPosition() {
     this.posTargetCollection = null;
     this.posIndex   = this.posMethod=='after' && this.cDim.length!==0 ? this.posIndex + 1 : this.posIndex; //Normalize
     if(this.sorter){
@@ -62,7 +62,7 @@ module.exports = {
    * Enabel select position
    * @private
    */
-  enable: function() {
+  enable() {
     this.startSelectPosition();
   },
 
@@ -74,7 +74,7 @@ module.exports = {
    * @return {Boolean}
    * @private
    * */
-  nearFloat: function(index, method, dims) {
+  nearFloat(index, method, dims) {
     var i = index || 0;
     var m = method || 'before';
     var len = dims.length;
@@ -88,11 +88,11 @@ module.exports = {
   },
 
 
-  run: function() {
+  run() {
     this.enable();
   },
 
-  stop: function() {
+  stop() {
     this.stopSelectPosition();
     this.$wrapper.css('cursor','');
     this.$wrapper.unbind();

src/commands/view/ShowOffset.js

@@ -1,11 +1,11 @@
 module.exports = {
 
-  getOffsetMethod: function(state) {
+  getOffsetMethod(state) {
     var method = state || '';
     return 'get' + method + 'OffsetViewerEl';
   },
 
-  run: function(editor, sender, opts) {
+  run(editor, sender, opts) {
     var opt = opts || {};
     var state = opt.state || '';
     var config = editor.getConfig();
@@ -135,7 +135,7 @@ module.exports = {
     prStyle.left = pos.left + pos.width - padRight + unit;
   },
 
-  stop: function(editor, sender, opts) {
+  stop(editor, sender, opts) {
     var opt = opts || {};
     var state = opt.state || '';
     var method = this.getOffsetMethod(state);

src/commands/view/SwitchVisibility.js

@@ -1,10 +1,10 @@
 module.exports = {
 
-  run: function(ed) {
+  run(ed) {
     ed.Canvas.getBody().className = this.ppfx + 'dashed';
   },
 
-  stop: function(ed) {
+  stop(ed) {
     ed.Canvas.getBody().className = "";
   }
 

src/commands/view/TextComponent.js

@@ -8,7 +8,7 @@ module.exports = _.extend({}, CreateComponent, {
    * @param   {Object}   component  Object component before creation
    * @private
    * */
-  beforeDraw: function(component){
+  beforeDraw(component) {
     component.type = 'text';
     if(!component.style)
       component.style  = {};
@@ -20,7 +20,7 @@ module.exports = _.extend({}, CreateComponent, {
    * @param   {Object}  model  Component model created
    * @private
    * */
-  afterDraw: function(model){
+  afterDraw(model) {
     if(!model || !model.set)
       return;
     model.trigger('focus');

src/css_composer/index.js

@@ -48,7 +48,7 @@ module.exports = () => {
        * @type {String}
        * @private
        */
-      storageKey: function(){
+      storageKey() {
         var keys = [];
         var smc = (c.stm && c.stm.getConfig()) || {};
         if(smc.storeCss)
@@ -63,7 +63,7 @@ module.exports = () => {
        * @param {Object} config Configurations
        * @private
        */
-      init: function(config) {
+      init(config) {
         c = config || {};
         for (var name in defaults) {
           if (!(name in c))
@@ -92,7 +92,7 @@ module.exports = () => {
        * On load callback
        * @private
        */
-      onLoad: function(){
+      onLoad() {
         if(c.stm && c.stm.getConfig().autoload)
             this.load();
 
@@ -107,7 +107,7 @@ module.exports = () => {
        * @param {Object} data Object of data to load
        * @return {Object} Loaded rules
        */
-      load: function(data) {
+      load(data) {
         var d = data || '';
         if(!d && c.stm)
           d = c.em.getCacheLoad();
@@ -130,7 +130,7 @@ module.exports = () => {
        * @param {Boolean} noStore If true, won't store
        * @return {Object} Data to store
        */
-      store: function(noStore){
+      store(noStore) {
         if(!c.stm)
           return;
         var obj = {};
@@ -161,7 +161,7 @@ module.exports = () => {
        *   color: '#fff',
        * });
        * */
-      add: function(selectors, state, width, opts) {
+      add(selectors, state, width, opts) {
         var s = state || '';
         var w = width || '';
         var opt = opts || {};
@@ -197,7 +197,7 @@ module.exports = () => {
        *   color: '#000',
        * });
        * */
-      get: function(selectors, state, width, ruleProps) {
+      get(selectors, state, width, ruleProps) {
         var rule = null;
         rules.each(m => {
           if(rule)
@@ -212,7 +212,7 @@ module.exports = () => {
        * Get the collection of rules
        * @return {Collection}
        * */
-      getAll: function() {
+      getAll() {
         return rules;
       },
 
@@ -224,7 +224,7 @@ module.exports = () => {
        * @return {Array<Model>}
        * @private
        */
-      addCollection: function(data, opts) {
+      addCollection(data, opts) {
         var opt = opts || {};
         var result = [];
         var d = data instanceof Array ? data : [data];
@@ -264,7 +264,7 @@ module.exports = () => {
        * @return {HTMLElement}
        * @private
        */
-      render: function() {
+      render() {
         return rulesView.render().el;
       }
 

src/css_composer/model/CssRule.js

@@ -23,7 +23,7 @@ module.exports = Backbone.Model.extend({
     stylable: true,
 	},
 
-  initialize: function(c, opt) {
+  initialize(c, opt) {
       this.config   = c || {};
       this.sm = opt ? opt.sm || {} : {};
       this.slct = this.config.selectors || [];
@@ -47,7 +47,7 @@ module.exports = Backbone.Model.extend({
    * @return  {Boolean}
    * @private
    */
-  compare: function(selectors, state, width, ruleProps){
+  compare(selectors, state, width, ruleProps) {
       var otherRule = ruleProps || {};
       var st = state || '';
       var wd = width || '';

src/css_composer/model/CssRules.js

@@ -3,7 +3,7 @@ var CssRule = require('./CssRule');
 
 module.exports = Backbone.Collection.extend({
 
-  initialize: function(models, opt){
+  initialize(models, opt) {
 
     // Inject editor
     if(opt && opt.sm)
@@ -25,7 +25,7 @@ module.exports = Backbone.Collection.extend({
 
   },
 
-  add: function(models, opt){
+  add(models, opt) {
     if(typeof models === 'string')
       models = this.editor.get('Parser').parseCss(models);
     return Backbone.Collection.prototype.add.apply(this, [models, opt]);

src/css_composer/model/Selectors.js

@@ -2,7 +2,7 @@ var Backbone = require('backbone');
 
 module.exports = Backbone.Collection.extend({
 
-  initialize: function(models, opt){
+  initialize(models, opt) {
 
     this.model  = function(attrs, opts) {
       var model;

src/css_composer/view/CssRuleView.js

@@ -4,7 +4,7 @@ module.exports = Backbone.View.extend({
 
   tagName: 'style',
 
-  initialize: function(o) {
+  initialize(o) {
     this.config = o.config || {};
     this.listenTo(this.model, 'change:style', this.render);
     this.listenTo(this.model, 'change:state', this.render);
@@ -17,7 +17,7 @@ module.exports = Backbone.View.extend({
    * Triggered when some selector is changed
    * @private
    */
-  selChanged: function(){
+  selChanged() {
     this.selStr = this.renderSelectors();
     this.render();
   },
@@ -27,7 +27,7 @@ module.exports = Backbone.View.extend({
    * @return {String}
    * @private
    */
-  renderSelectors: function() {
+  renderSelectors() {
     var sel = [];
     var model = this.model;
     var add = model.get('selectorsAdd');
@@ -43,7 +43,7 @@ module.exports = Backbone.View.extend({
    * @return {String}
    * @private
    */
-  renderProperties: function(){
+  renderProperties() {
     var sel = [],
       props = this.model.get('style');
     for (var prop in props){
@@ -52,7 +52,7 @@ module.exports = Backbone.View.extend({
     return sel.join('');
   },
 
-  render : function() {
+  render() {
     var block = '',
       selStr = '',
       o = '';

src/css_composer/view/CssRulesView.js

@@ -3,7 +3,7 @@ var CssRuleView = require('./CssRuleView');
 
 module.exports = Backbone.View.extend({
 
-  initialize: function(o) {
+  initialize(o) {
     this.config = o.config || {};
     this.pfx = this.config.stylePrefix || '';
     this.className = this.pfx + 'rules';
@@ -16,7 +16,7 @@ module.exports = Backbone.View.extend({
    * @param {Object} model
    * @private
    * */
-  addTo: function(model){
+  addTo(model) {
     //console.log('Added');
     this.addToCollection(model);
   },
@@ -28,7 +28,7 @@ module.exports = Backbone.View.extend({
    * @return {Object}
    * @private
    * */
-  addToCollection: function(model, fragmentEl){
+  addToCollection(model, fragmentEl) {
     var fragment  = fragmentEl || null;
     var viewObject  = CssRuleView;
 
@@ -46,7 +46,7 @@ module.exports = Backbone.View.extend({
     return rendered;
   },
 
-  render: function() {
+  render() {
     var fragment = document.createDocumentFragment();
     this.$el.empty();
 

src/device_manager/index.js

@@ -42,7 +42,7 @@ module.exports = () => {
        * ...
        * @return {this}
        */
-      init: function(config) {
+      init(config) {
         c = config || {};
         for (var name in defaults) {
           if (!(name in c))
@@ -66,7 +66,7 @@ module.exports = () => {
        * @example
        * deviceManager.add('Tablet', '900px');
        */
-      add: function(name, width, opts){
+      add(name, width, opts) {
         var obj = opts || {};
         obj.name = name;
         obj.width = width;
@@ -81,7 +81,7 @@ module.exports = () => {
        * console.log(JSON.stringify(device));
        * // {name: 'Tablet', width: '900px'}
        */
-      get: function(name){
+      get(name) {
         return devices.get(name);
       },
 
@@ -93,7 +93,7 @@ module.exports = () => {
        * console.log(JSON.stringify(devices));
        * // [{name: 'Desktop', width: ''}, ...]
        */
-      getAll: function(){
+      getAll() {
         return devices;
       },
 
@@ -102,7 +102,7 @@ module.exports = () => {
        * @return {string} HTML string
        * @private
        */
-      render: function(){
+      render() {
         return view.render().el;
       },
 

src/device_manager/view/DevicesView.js

@@ -18,7 +18,7 @@ module.exports = Backbone.View.extend({
     'change': 'updateDevice'
   },
 
-  initialize: function(o) {
+  initialize(o) {
     this.config = o.config || {};
     this.em = this.config.em;
     this.ppfx = this.config.pStylePrefix || '';
@@ -32,13 +32,13 @@ module.exports = Backbone.View.extend({
    * @return {[type]} [description]
    * @private
    */
-  startAdd: function(){},
+  startAdd() {},
 
   /**
    * Update device of the editor
    * @private
    */
-  updateDevice: function(){
+  updateDevice() {
     var em = this.em;
     if(em){
       var devEl = this.devicesEl;
@@ -51,7 +51,7 @@ module.exports = Backbone.View.extend({
    * Update select value on device update
    * @private
    */
-  updateSelect: function(){
+  updateSelect() {
     var em = this.em;
     var devEl = this.devicesEl;
     if(em && em.getDeviceModel && devEl){
@@ -66,7 +66,7 @@ module.exports = Backbone.View.extend({
    * @return {string} String of options
    * @private
    */
-  getOptions: function(){
+  getOptions() {
     var result = '';
     this.collection.each(device => {
       var name = device.get('name');
@@ -75,7 +75,7 @@ module.exports = Backbone.View.extend({
     return result;
   },
 
-  render: function() {
+  render() {
     var pfx = this.ppfx;
     this.$el.html(this.template({
       ppfx: pfx,

src/dom_components/index.js

@@ -114,7 +114,7 @@ module.exports = () => {
      * @return {Object} Config object
      * @private
      */
-    getConfig: function () {
+    getConfig() {
         return c;
     },
 
@@ -123,7 +123,7 @@ module.exports = () => {
      * @type {String}
      * @private
      */
-    storageKey: function(){
+    storageKey() {
       var keys = [];
       var smc = (c.stm && c.stm.getConfig()) || {};
       if(smc.storeHtml)
@@ -139,7 +139,7 @@ module.exports = () => {
      * @param {Object} config Configurations
      * @private
      */
-    init: function(config) {
+    init(config) {
       c = config || {};
       if(c.em)
         c.components = c.em.config.components || c.components;
@@ -186,7 +186,7 @@ module.exports = () => {
      * On load callback
      * @private
      */
-    onLoad: function(){
+    onLoad() {
       if(c.stm && c.stm.getConfig().autoload)
           this.load();
 
@@ -203,7 +203,7 @@ module.exports = () => {
      * @param {Object} data Object of data to load
      * @return {Object} Loaded data
      */
-    load: function(data){
+    load(data) {
       var d = data || '';
       if(!d && c.stm)
         d = c.em.getCacheLoad();
@@ -225,7 +225,7 @@ module.exports = () => {
      * @param {Boolean} noStore If true, won't store
      * @return {Object} Data to store
      */
-    store: function(noStore){
+    store(noStore) {
       if(!c.stm)
         return;
       var obj = {};
@@ -244,7 +244,7 @@ module.exports = () => {
      * @return {Object}
      * @private
      */
-    getComponent  : function(){
+    getComponent() {
       return component;
     },
 
@@ -258,7 +258,7 @@ module.exports = () => {
      * wrapper.set('style', {'background-color': 'red'});
      * wrapper.set('attributes', {'title': 'Hello!'});
      */
-    getWrapper: function(){
+    getWrapper() {
       return this.getComponent();
     },
 
@@ -289,7 +289,7 @@ module.exports = () => {
      * // Remove comp2
      * wrapperChildren.remove(comp2);
      */
-    getComponents: function(){
+    getComponents() {
       return this.getWrapper().get('components');
     },
 
@@ -321,7 +321,7 @@ module.exports = () => {
      *   attributes: { title: 'here' }
      * });
      */
-    addComponent: function(component){
+    addComponent(component) {
       return this.getComponents().add(component);
     },
 
@@ -332,7 +332,7 @@ module.exports = () => {
      * updated immediately
      * @return {HTMLElement}
      */
-    render: function(){
+    render() {
       return componentView.render().el;
     },
 
@@ -340,7 +340,7 @@ module.exports = () => {
      * Remove all components
      * @return {this}
      */
-    clear: function(){
+    clear() {
       var c = this.getComponents();
       for(var i = 0, len = c.length; i < len; i++)
         c.pop();
@@ -353,7 +353,7 @@ module.exports = () => {
      * @return {this}
      * @private
      */
-    setComponents: function(components){
+    setComponents(components) {
       this.clear().addComponent(components);
     },
 
@@ -363,7 +363,7 @@ module.exports = () => {
      * @param {Object} methods
      * @private
      */
-    addType: function(type, methods) {
+    addType(type, methods) {
       var compType = this.getType(type);
       if(compType) {
         compType.model = methods.model;
@@ -379,7 +379,7 @@ module.exports = () => {
      * @param {string} type
      * @private
      */
-    getType: function(type) {
+    getType(type) {
       var df = defaultTypes;
 
       for (var it = 0; it < df.length; it++) {

src/dom_components/model/Component.js

@@ -91,7 +91,7 @@ module.exports = Backbone.Model.extend({
     mirror: '',
   },
 
-  initialize: function(o, opt) {
+  initialize(o, opt) {
     // Check void elements
     if(opt && opt.config && opt.config.voidElements.indexOf(this.get('tagName')) >= 0)
       this.set('void', true);
@@ -130,19 +130,19 @@ module.exports = Backbone.Model.extend({
   /**
    * Initialize callback
    */
-  init: function () {},
+  init() {},
 
   /**
    * Script updated
    */
-  scriptUpdated: function() {
+  scriptUpdated() {
     this.set('scriptUpdated', 1);
   },
 
   /**
    * Init toolbar
    */
-   initToolbar: function () {
+   initToolbar() {
     var model = this;
     if(!model.get('toolbar')) {
       var tb = [];
@@ -173,7 +173,7 @@ module.exports = Backbone.Model.extend({
    * @param  {Array} traits
    * @private
    */
-  loadTraits: function(traits) {
+  loadTraits(traits) {
     var trt = new Traits();
     trt.setTarget(this);
     trt.add(traits);
@@ -186,7 +186,7 @@ module.exports = Backbone.Model.extend({
    * @return {Array}
    * @private
    */
-  normalizeClasses: function(arr) {
+  normalizeClasses(arr) {
      var res = [];
 
      if(!this.sm.get)
@@ -214,7 +214,7 @@ module.exports = Backbone.Model.extend({
    * Override original clone method
    * @private
    */
-  clone: function(reset) {
+  clone(reset) {
     var attr = _.clone(this.attributes),
     comp = this.get('components'),
     traits = this.get('traits'),
@@ -248,7 +248,7 @@ module.exports = Backbone.Model.extend({
    * @return {string}
    * @private
    * */
-  getName: function() {
+  getName() {
     if(!this.name){
       var id = this.cid.replace(/\D/g,''),
       type = this.get('type');
@@ -266,7 +266,7 @@ module.exports = Backbone.Model.extend({
    * @return {string} HTML string
    * @private
    */
-  toHTML: function(opts) {
+  toHTML(opts) {
     var code = '';
     var m = this;
     var tag = m.get('tagName'),
@@ -309,7 +309,7 @@ module.exports = Backbone.Model.extend({
    * @return {Object}
    * @private
    */
-  getAttrToHTML: function() {
+  getAttrToHTML() {
     var attr = this.get('attributes') || {};
     delete attr.style;
     return attr;
@@ -321,7 +321,7 @@ module.exports = Backbone.Model.extend({
    * @return {Object}
    * @private
    */
-  toJSON: function(...args) {
+  toJSON(...args) {
     var obj = Backbone.Model.prototype.toJSON.apply(this, args);
     var scriptStr = this.getScriptString();
 
@@ -339,7 +339,7 @@ module.exports = Backbone.Model.extend({
    * @return {string}
    * @private
    */
-  getScriptString: function (script) {
+  getScriptString(script) {
     var scr = script || this.get('script');
 
     // Need to cast script functions to string
@@ -363,7 +363,7 @@ module.exports = Backbone.Model.extend({
    * @return {Object}
    * @private
    */
-  isComponent: function(el) {
+  isComponent(el) {
     return {tagName: el.tagName ? el.tagName.toLowerCase() : ''};
   },
 

src/dom_components/model/ComponentImage.js

@@ -12,14 +12,14 @@ module.exports = Component.extend({
     traits: ['alt']
   }),
 
-  initialize: function(o, opt) {
+  initialize(o, opt) {
     Component.prototype.initialize.apply(this, arguments);
     var attr = this.get('attributes');
     if(attr.src)
       this.set('src', attr.src);
   },
 
-  initToolbar: function(...args) {
+  initToolbar(...args) {
     Component.prototype.initToolbar.apply(this, args);
 
     if (this.sm && this.sm.get) {
@@ -43,7 +43,7 @@ module.exports = Component.extend({
    * @return {Object}
    * @private
    */
-  getAttrToHTML: function(...args) {
+  getAttrToHTML(...args) {
     var attr = Component.prototype.getAttrToHTML.apply(this, args);
     delete attr.onmousedown;
     var src = this.get('src');
@@ -58,7 +58,7 @@ module.exports = Component.extend({
    * @return {object}
    * @private
    */
-  parseUri: function(uri) {
+  parseUri(uri) {
     var el = document.createElement('a');
     el.href = uri;
     var query = {};
@@ -90,7 +90,7 @@ module.exports = Component.extend({
    * @return {Object}
    * @private
    */
-  isComponent: function(el) {
+  isComponent(el) {
     var result = '';
     if(el.tagName == 'IMG'){
       result = {type: 'image'};

src/dom_components/model/ComponentLink.js

@@ -13,7 +13,7 @@ module.exports = Component.extend({
    * @return {Object}
    * @private
    */
-  getAttrToHTML: function(...args) {
+  getAttrToHTML(...args) {
     var attr = Component.prototype.getAttrToHTML.apply(this, args);
     delete attr.onmousedown;
     return attr;
@@ -29,7 +29,7 @@ module.exports = Component.extend({
    * @return {Object}
    * @private
    */
-  isComponent: function(el) {
+  isComponent(el) {
     var result = '';
     if(el.tagName == 'A'){
       result = {type: 'link'};

src/dom_components/model/ComponentMap.js

@@ -38,7 +38,7 @@ module.exports = Component.extend({
   }),
 
 
-  initialize: function(o, opt) {
+  initialize(o, opt) {
     if(this.get('src'))
       this.parseFromSrc();
     else
@@ -47,7 +47,7 @@ module.exports = Component.extend({
     this.listenTo(this, 'change:address change:zoom change:mapType', this.updateSrc);
   },
 
-  updateSrc: function() {
+  updateSrc() {
     this.set('src', this.getMapUrl());
   },
 
@@ -56,7 +56,7 @@ module.exports = Component.extend({
    * @return {string}
    * @private
    */
-  getMapUrl: function() {
+  getMapUrl() {
     var md = this;
     var addr = md.get('address');
     var zoom = md.get('zoom');
@@ -74,7 +74,7 @@ module.exports = Component.extend({
    * Set attributes by src string
    * @private
    */
-  parseFromSrc: function() {
+  parseFromSrc() {
     var uri = this.parseUri(this.get('src'));
     var qr = uri.query;
     if(qr.q)
@@ -95,7 +95,7 @@ module.exports = Component.extend({
    * @return {Object}
    * @private
    */
-  isComponent: function(el) {
+  isComponent(el) {
     var result = '';
     if(el.tagName == 'IFRAME' &&
       /maps\.google\.com/.test(el.src) ){

src/dom_components/model/ComponentScript.js

@@ -11,7 +11,7 @@ module.exports = Component.extend({
 
 }, {
 
-  isComponent: function(el) {
+  isComponent(el) {
     if (el.tagName == 'SCRIPT') {
       var result = {type: 'script'};
 

src/dom_components/model/ComponentTable.js

@@ -21,7 +21,7 @@ module.exports = Component.extend({
       */
   }),
 
-  initialize: function(o, opt) {
+  initialize(o, opt) {
     Component.prototype.initialize.apply(this, arguments);
     var components = this.get('components');
     var rows = this.get('rows');
@@ -78,7 +78,7 @@ module.exports = Component.extend({
    * @return {Object}
    * @private
    */
-  isComponent: function(el) {
+  isComponent(el) {
     var result = '';
     if(el.tagName == 'TABLE'){
       result = {type: 'table'};

src/dom_components/model/ComponentTableCell.js

@@ -18,7 +18,7 @@ module.exports = Component.extend({
    * @return {Object}
    * @private
    */
-  isComponent: function(el) {
+  isComponent(el) {
     var result = '';
     var tag = el.tagName;
     if(tag == 'TD' || tag == 'TH'){

src/dom_components/model/ComponentTableRow.js

@@ -9,7 +9,7 @@ module.exports = Component.extend({
       droppable: ['th', 'td']
   }),
 
-  initialize: function(o, opt) {
+  initialize(o, opt) {
     Component.prototype.initialize.apply(this, arguments);
 
     // Clean the row from non cell components
@@ -33,7 +33,7 @@ module.exports = Component.extend({
    * @return {Object}
    * @private
    */
-  isComponent: function(el) {
+  isComponent(el) {
     var result = '';
     if(el.tagName == 'TR'){
       result = {type: 'row'};

src/dom_components/model/ComponentTextNode.js

@@ -7,13 +7,13 @@ module.exports = Component.extend({
     editable: true,
   }),
 
-  toHTML: function() {
+  toHTML() {
     return this.get('content');
   },
 
 }, {
 
-  isComponent: function(el) {
+  isComponent(el) {
     var result = '';
     if(el.nodeType === 3){
       result = {

src/dom_components/model/ComponentVideo.js

@@ -24,7 +24,7 @@ module.exports = Component.extend({
       toolbar: OComponent.prototype.defaults.toolbar,
   }),
 
-  initialize: function(o, opt) {
+  initialize(o, opt) {
     var traits = [];
     var prov = this.get('provider');
     switch (prov) {
@@ -48,7 +48,7 @@ module.exports = Component.extend({
   /**
    * Set attributes by src string
    */
-  parseFromSrc: function() {
+  parseFromSrc() {
     var prov = this.get('provider');
     var uri = this.parseUri(this.get('src'));
     var qr = uri.query;
@@ -73,7 +73,7 @@ module.exports = Component.extend({
    * Update src on change of video ID
    * @private
    */
-  updateSrc: function() {
+  updateSrc() {
     var prov = this.get('provider');
     switch (prov) {
       case yt:
@@ -90,7 +90,7 @@ module.exports = Component.extend({
    * @return {Object}
    * @private
    */
-  getAttrToHTML: function(...args) {
+  getAttrToHTML(...args) {
     var attr = Component.prototype.getAttrToHTML.apply(this, args);
     var prov = this.get('provider');
     switch (prov) {
@@ -111,7 +111,7 @@ module.exports = Component.extend({
    * Update traits by provider
    * @private
    */
-  updateTraits: function() {
+  updateTraits() {
     var prov = this.get('provider');
     var traits = this.getSourceTraits();
     switch (prov) {
@@ -137,7 +137,7 @@ module.exports = Component.extend({
    * @return {Object}
    * @private
    */
-  getProviderTrait: function() {
+  getProviderTrait() {
     return {
       type: 'select',
       label: 'Provider',
@@ -157,7 +157,7 @@ module.exports = Component.extend({
    * @return {Array<Object>}
    * @private
    */
-  getSourceTraits: function() {
+  getSourceTraits() {
     return [
       this.getProviderTrait(), {
         label: 'Source',
@@ -174,7 +174,7 @@ module.exports = Component.extend({
    * @return {Array<Object>}
    * @private
    */
-  getYoutubeTraits: function() {
+  getYoutubeTraits() {
     return [
       this.getProviderTrait(), {
         label: 'Video ID',
@@ -193,7 +193,7 @@ module.exports = Component.extend({
    * @return {Array<Object>}
    * @private
    */
-  getVimeoTraits: function() {
+  getVimeoTraits() {
     return [
       this.getProviderTrait(), {
         label: 'Video ID',
@@ -216,7 +216,7 @@ module.exports = Component.extend({
    * @return {Object}
    * @private
    */
-  getAutoplayTrait: function(){
+  getAutoplayTrait() {
     return {
       type: 'checkbox',
       label: 'Autoplay',
@@ -230,7 +230,7 @@ module.exports = Component.extend({
    * @return {Object}
    * @private
    */
-  getLoopTrait: function(){
+  getLoopTrait() {
     return {
       type: 'checkbox',
       label: 'Loop',
@@ -244,7 +244,7 @@ module.exports = Component.extend({
    * @return {Object}
    * @private
    */
-  getControlsTrait: function(){
+  getControlsTrait() {
     return {
       type: 'checkbox',
       label: 'Controls',
@@ -259,7 +259,7 @@ module.exports = Component.extend({
    * @return {string}
    * @private
    */
-  getYoutubeSrc: function() {
+  getYoutubeSrc() {
     var url = this.get('ytUrl');
     url += this.get('videoId') + '?';
     url += this.get('autoplay') ? '&autoplay=1' : '';
@@ -273,7 +273,7 @@ module.exports = Component.extend({
    * @return {string}
    * @private
    */
-  getVimeoSrc: function() {
+  getVimeoSrc() {
     var url = this.get('viUrl');
     url += this.get('videoId') + '?';
     url += this.get('autoplay') ? '&autoplay=1' : '';
@@ -293,7 +293,7 @@ module.exports = Component.extend({
    * @return {Object}
    * @private
    */
-  isComponent: function(el) {
+  isComponent(el) {
     var result = '';
     var isYtProv = /youtube\.com\/embed/.test(el.src);
     var isViProv = /player\.vimeo\.com\/video/.test(el.src);

src/dom_components/model/Components.js

@@ -2,7 +2,7 @@ var Backbone = require('backbone');
 
 module.exports = Backbone.Collection.extend({
 
-  initialize: function(models, opt){
+  initialize(models, opt) {
 
     this.on('add', this.onAdd);
 
@@ -47,7 +47,7 @@ module.exports = Backbone.Collection.extend({
 
   },
 
-  add: function(models, opt){
+  add(models, opt) {
     if(typeof models === 'string'){
       var parsed = this.editor.get('Parser').parseHtml(models);
       models = parsed.html;
@@ -61,7 +61,7 @@ module.exports = Backbone.Collection.extend({
     return Backbone.Collection.prototype.add.apply(this, [models, opt]);
   },
 
-  onAdd: function(model, c, opts){
+  onAdd(model, c, opts) {
     var style = model.get('style');
     var em = this.editor;
 

src/dom_components/view/ComponentImageView.js

@@ -10,7 +10,7 @@ module.exports = ComponentView.extend({
     'click': 'initResize',
   },
 
-  initialize: function(o) {
+  initialize(o) {
     ComponentView.prototype.initialize.apply(this, arguments);
     this.listenTo(this.model, 'change:src', this.updateSrc);
     this.listenTo(this.model, 'dblclick active', this.openModal);
@@ -27,7 +27,7 @@ module.exports = ComponentView.extend({
    * Update src attribute
    * @private
    * */
-  updateSrc: function() {
+  updateSrc() {
     var src = this.model.get("src");
     this.$el.attr('src', src);
     if(!src)
@@ -41,14 +41,14 @@ module.exports = ComponentView.extend({
    * @param  {Object}  e  Event
    * @private
    * */
-  openModal: function(e) {
+  openModal(e) {
     var em = this.opts.config.em;
     var editor = em ? em.get('Editor') : '';
 
     if(editor) {
       editor.runCommand('open-assets', {
         target: this.model,
-        onSelect: function() {
+        onSelect() {
           editor.Modal.close();
           editor.AssetManager.setTarget(null);
         }
@@ -56,7 +56,7 @@ module.exports = ComponentView.extend({
     }
   },
 
-  render: function() {
+  render() {
     this.updateAttributes();
     this.updateClasses();
 

src/dom_components/view/ComponentLinkView.js

@@ -7,7 +7,7 @@ module.exports = ComponentView.extend({
     'dblclick': 'enableEditing',
   },
 
-  render: function(...args) {
+  render(...args) {
     ComponentView.prototype.render.apply(this, args);
 
     // I need capturing instead of bubbling as bubbled clicks from other

src/dom_components/view/ComponentMapView.js

@@ -7,7 +7,7 @@ module.exports = ComponentView.extend({
 
   events: {},
 
-  initialize: function(o){
+  initialize(o) {
     ComponentView.prototype.initialize.apply(this, arguments);
     this.classEmpty = this.ppfx + 'plh-map';
   },
@@ -16,11 +16,11 @@ module.exports = ComponentView.extend({
    * Update the map on the canvas
    * @private
    */
-  updateSrc: function() {
+  updateSrc() {
     this.getIframe().src = this.model.get('src');
   },
 
-  getIframe: function() {
+  getIframe() {
     if(!this.iframe){
       var ifrm = document.createElement("iframe");
       ifrm.src = this.model.get('src');
@@ -33,7 +33,7 @@ module.exports = ComponentView.extend({
     return this.iframe;
   },
 
-  render: function(...args) {
+  render(...args) {
     ComponentView.prototype.render.apply(this, args);
     this.updateClasses();
     this.el.appendChild(this.getIframe());

src/dom_components/view/ComponentScriptView.js

@@ -7,7 +7,7 @@ module.exports = ComponentView.extend({
 
   events: {},
 
-  render: function() {
+  render() {
     var model = this.model;
     var src = model.get('src');
     var em = this.em;

src/dom_components/view/ComponentTextView.js

@@ -8,7 +8,7 @@ module.exports = ComponentView.extend({
     'change': 'parseRender',
   },
 
-  initialize: function(o) {
+  initialize(o) {
     ComponentView.prototype.initialize.apply(this, arguments);
     _.bindAll(this,'disableEditing');
     this.listenTo(this.model, 'focus active', this.enableEditing);
@@ -22,7 +22,7 @@ module.exports = ComponentView.extend({
    * @param {Event} e
    * @private
    * */
-  enableEditing: function(e) {
+  enableEditing(e) {
     var editable = this.model.get('editable');
     if(this.rte && editable) {
       try {
@@ -40,7 +40,7 @@ module.exports = ComponentView.extend({
    * @param {Event}
    * @private
    * */
-  disableEditing: function(e) {
+  disableEditing(e) {
     var model = this.model;
     var editable = model.get('editable');
 
@@ -66,7 +66,7 @@ module.exports = ComponentView.extend({
    * @param {Event}
    * @private
    * */
-  disablePropagation: function(e){
+  disablePropagation(e) {
     e.stopPropagation();
   },
 
@@ -74,7 +74,7 @@ module.exports = ComponentView.extend({
    * Parse content and re-render it
    * @private
    */
-  parseRender: function() {
+  parseRender() {
     var el = this.getChildrenContainer();
     var comps = this.model.get('components');
     var opts = {silent: true};
@@ -94,7 +94,7 @@ module.exports = ComponentView.extend({
    * Enable/Disable events
    * @param {Boolean} enable
    */
-  toggleEvents: function(enable) {
+  toggleEvents(enable) {
     var method = enable ? 'on' : 'off';
 
     // The ownerDocument is from the frame

src/dom_components/view/ComponentVideoView.js

@@ -7,7 +7,7 @@ module.exports = ComponentView.extend({
 
   events: {},
 
-  initialize: function(o){
+  initialize(o) {
     ComponentView.prototype.initialize.apply(this, arguments);
     this.listenTo(this.model, 'change:loop change:autoplay change:controls change:color', this.updateVideo);
     this.listenTo(this.model, 'change:provider', this.updateProvider);
@@ -17,7 +17,7 @@ module.exports = ComponentView.extend({
    * Rerender on update of the provider
    * @private
    */
-  updateProvider: function() {
+  updateProvider() {
     var prov = this.model.get('provider');
     this.el.innerHTML = '';
     this.el.appendChild(this.renderByProvider(prov));
@@ -27,7 +27,7 @@ module.exports = ComponentView.extend({
    * Update the source of the video
    * @private
    */
-  updateSrc: function() {
+  updateSrc() {
     var prov = this.model.get('provider');
     var src = this.model.get('src');
     switch (prov) {
@@ -45,7 +45,7 @@ module.exports = ComponentView.extend({
    * Update video parameters
    * @private
    */
-  updateVideo: function() {
+  updateVideo() {
     var prov = this.model.get('provider');
     var videoEl = this.videoEl;
     var md = this.model;
@@ -60,7 +60,7 @@ module.exports = ComponentView.extend({
     }
   },
 
-  renderByProvider: function(prov) {
+  renderByProvider(prov) {
     var videoEl;
     switch (prov) {
       case 'yt':
@@ -76,14 +76,14 @@ module.exports = ComponentView.extend({
     return videoEl;
   },
 
-  renderSource: function() {
+  renderSource() {
     var el = document.createElement('video');
     el.src = this.model.get('src');
     this.initVideoEl(el);
     return el;
   },
 
-  renderYoutube: function() {
+  renderYoutube() {
     var el = document.createElement('iframe');
     el.src = this.model.getYoutubeSrc();
     el.frameBorder = 0;
@@ -92,7 +92,7 @@ module.exports = ComponentView.extend({
     return el;
   },
 
-  renderVimeo: function() {
+  renderVimeo() {
     var el = document.createElement('iframe');
     el.src = this.model.getVimeoSrc();
     el.frameBorder = 0;
@@ -101,13 +101,13 @@ module.exports = ComponentView.extend({
     return el;
   },
 
-  initVideoEl: function(el){
+  initVideoEl(el) {
     el.className = this.ppfx + 'no-pointer';
     el.style.height = '100%';
     el.style.width = '100%';
   },
 
-  render: function(...args) {
+  render(...args) {
     ComponentView.prototype.render.apply(this, args);
     this.updateClasses();
     var prov = this.model.get('provider');

src/dom_components/view/ComponentView.js

@@ -7,15 +7,15 @@ module.exports = Backbone.View.extend({
     'click': 'initResize',
   },
 
-  className : function(){
+  className() {
     return this.getClasses();
   },
 
-  tagName: function(){
+  tagName() {
     return this.model.get('tagName');
   },
 
-  initialize: function(opt) {
+  initialize(opt) {
     var model = this.model;
     this.opts = opt || {};
     this.config = this.opts.config || {};
@@ -46,13 +46,13 @@ module.exports = Backbone.View.extend({
   /**
    * Initialize callback
    */
-  init: function () {},
+  init() {},
 
   /**
    * Handle any property change
    * @private
    */
-  handleChange: function () {
+  handleChange() {
     var em = this.em;
     if(em) {
       var model = this.model;
@@ -68,7 +68,7 @@ module.exports = Backbone.View.extend({
    * Import, if possible, classes inside main container
    * @private
    * */
-  importClasses: function(){
+  importClasses() {
     var clm = this.config.em.get('SelectorManager');
 
     if(clm){
@@ -83,7 +83,7 @@ module.exports = Backbone.View.extend({
    * @param  {Event} e
    * @private
    * */
-  updateState: function(e){
+  updateState(e) {
     var cl = 'hc-state';
     var state = this.model.get('state');
 
@@ -99,7 +99,7 @@ module.exports = Backbone.View.extend({
    * @param  {Event} e
    * @private
    * */
-  updateStatus: function(e){
+  updateStatus(e) {
     var s = this.model.get('status'),
         pfx = this.pfx;
     switch(s) {
@@ -120,7 +120,7 @@ module.exports = Backbone.View.extend({
    * @return  {Array}|null
    * @private
    * */
-  getClasses: function(){
+  getClasses() {
     var attr = this.model.get("attributes"),
       classes  = attr['class'] || [];
     if(classes.length){
@@ -133,7 +133,7 @@ module.exports = Backbone.View.extend({
    * Update attributes
    * @private
    * */
-  updateAttributes: function() {
+  updateAttributes() {
     var model = this.model;
     var attributes = {},
       attr = model.get("attributes");
@@ -161,7 +161,7 @@ module.exports = Backbone.View.extend({
    * Update style attribute
    * @private
    * */
-  updateStyle: function(){
+  updateStyle() {
     this.$el.attr('style', this.getStyleString());
   },
 
@@ -170,7 +170,7 @@ module.exports = Backbone.View.extend({
    * @return  {string}
    * @private
    * */
-  getStyleString: function(){
+  getStyleString() {
     var style  = '';
     this.style = this.model.get('style');
     for(var key in this.style) {
@@ -185,7 +185,7 @@ module.exports = Backbone.View.extend({
    * Update classe attribute
    * @private
    * */
-  updateClasses: function(){
+  updateClasses() {
     var str = '';
 
     this.model.get('classes').each(model => {
@@ -207,14 +207,14 @@ module.exports = Backbone.View.extend({
    * @param object Event that generated the request
    * @private
    * */
-  eventCall: function(event){
+  eventCall(event) {
     event.viewResponse = this;
   },
 
   /**
    * Init component for resizing
    */
-  initResize: function () {
+  initResize() {
     var em = this.opts.config.em;
     var editor = em ? em.get('Editor') : '';
     var config = em ? em.get('Config') : '';
@@ -237,19 +237,19 @@ module.exports = Backbone.View.extend({
       editor.runCommand('resize', {
         el: this.el,
         options: {
-          onStart: function (e, opts) {
+          onStart(e, opts) {
             toggleBodyClass('addClass', e, opts);
             modelToStyle = em.get('StyleManager').getModelToStyle(model);
           },
           // Update all positioned elements (eg. component toolbar)
-          onMove: function () {
+          onMove() {
             editor.trigger('change:canvasOffset');
           },
-          onEnd: function (e, opts) {
+          onEnd(e, opts) {
             toggleBodyClass('removeClass', e, opts);
             editor.trigger('change:canvasOffset');
           },
-          updateTarget: function(el, rect, store) {
+          updateTarget(el, rect, store) {
             if (!modelToStyle) {
               return;
             }
@@ -281,7 +281,7 @@ module.exports = Backbone.View.extend({
    * @param  {Event} e
    * @private
    */
-  prevDef: function (e) {
+  prevDef(e) {
     e.preventDefault();
   },
 
@@ -289,7 +289,7 @@ module.exports = Backbone.View.extend({
    * Render component's script
    * @private
    */
-  updateScript: function () {
+  updateScript() {
     var em = this.em;
     if(em) {
       var canvas = em.get('Canvas');
@@ -321,7 +321,7 @@ module.exports = Backbone.View.extend({
    * @return HTMLElement
    * @private
    */
-  getChildrenContainer: function() {
+  getChildrenContainer() {
     var container = this.el;
 
     if (typeof this.getChildrenSelector == 'function') {
@@ -337,7 +337,7 @@ module.exports = Backbone.View.extend({
    * Render children components
    * @private
    */
-  renderChildren: function() {
+  renderChildren() {
     var view = new ComponentsView({
       collection: this.model.get('components'),
       config: this.config,
@@ -371,12 +371,12 @@ module.exports = Backbone.View.extend({
     }
   },
 
-  renderAttributes: function() {
+  renderAttributes() {
     this.updateAttributes();
     this.updateClasses();
   },
 
-  render: function() {
+  render() {
     this.renderAttributes();
     var model = this.model;
     var container = this.getChildrenContainer();

src/dom_components/view/ComponentsView.js

@@ -2,7 +2,7 @@ var Backbone = require('backbone');
 
 module.exports = Backbone.View.extend({
 
-  initialize: function(o) {
+  initialize(o) {
     this.opts = o || {};
     this.config = o.config || {};
     this.listenTo( this.collection, 'add', this.addTo );
@@ -16,7 +16,7 @@ module.exports = Backbone.View.extend({
    * @return  void
    * @private
    * */
-  addTo: function(model) {
+  addTo(model) {
     var i  = this.collection.indexOf(model);
     this.addToCollection(model, null, i);
 
@@ -37,7 +37,7 @@ module.exports = Backbone.View.extend({
    * @return   {Object}   Object rendered
    * @private
    * */
-  addToCollection: function(model, fragmentEl, index){
+  addToCollection(model, fragmentEl, index) {
     if(!this.compView)
       this.compView  =  require('./ComponentView');
     var fragment  = fragmentEl || null,
@@ -97,7 +97,7 @@ module.exports = Backbone.View.extend({
     return rendered;
   },
 
-  render: function($p) {
+  render($p) {
     var fragment   = document.createDocumentFragment();
     this.$parent  = $p || this.$el;
     this.$el.empty();

src/dom_components/view/ToolbarButtonView.js

@@ -5,15 +5,15 @@ module.exports = Backbone.View.extend({
     'mousedown': 'handleClick',
   },
 
-  attributes: function () {
+  attributes() {
     return this.model.get('attributes');
   },
 
-  initialize: function(opts) {
+  initialize(opts) {
     this.editor = opts.config.editor;
 	},
 
-  handleClick: function() {
+  handleClick() {
     var command = this.model.get('command');
 
     if (typeof command === 'function') {
@@ -25,7 +25,7 @@ module.exports = Backbone.View.extend({
     }
   },
 
-  render: function () {
+  render() {
     var config = this.editor.getConfig();
     this.el.className += ' ' + config.stylePrefix + 'toolbar-item';
     return this;

src/dom_components/view/ToolbarView.js

@@ -6,7 +6,7 @@ module.exports = DomainViews.extend({
 
   itemView: ToolbarButtonView,
 
-  initialize: function(opts) {
+  initialize(opts) {
     this.config = {editor: opts.editor || ''};
     this.listenTo(this.collection, 'reset', this.render);
   },

src/domain_abstract/ui/Input.js

@@ -8,7 +8,7 @@ module.exports = Backbone.View.extend({
 
   template: _.template(`<span class='<%= holderClass %>'></span>`),
 
-  initialize: function(opts) {
+  initialize(opts) {
     var opt = opts || {};
     var ppfx = opt.ppfx || '';
     this.target = opt.target || {};
@@ -21,7 +21,7 @@ module.exports = Backbone.View.extend({
   /**
    * Handled when the view is changed
    */
-  handleChange: function (e) {
+  handleChange(e) {
     e.stopPropagation();
     this.setValue(this.getInputEl().value);
   },
@@ -31,7 +31,7 @@ module.exports = Backbone.View.extend({
    * @param {string} value
    * @param {Object} opts
    */
-  setValue: function(value, opts) {
+  setValue(value, opts) {
     var opt = opts || {};
     var model = this.model;
     model.set({
@@ -48,7 +48,7 @@ module.exports = Backbone.View.extend({
   /**
    * Updates the view when the model is changed
    * */
-  handleModelChange: function() {
+  handleModelChange() {
     this.getInputEl().value = this.model.get('value');
   },
 
@@ -56,7 +56,7 @@ module.exports = Backbone.View.extend({
    * Get the input element
    * @return {HTMLElement}
    */
-  getInputEl: function() {
+  getInputEl() {
     if(!this.inputEl) {
       this.inputEl = $('<input>', {
         type: 'text',
@@ -67,7 +67,7 @@ module.exports = Backbone.View.extend({
     return this.inputEl.get(0);
   },
 
-  render: function() {
+  render() {
     var el = this.$el;
     el.addClass(this.inputClass);
     el.html(this.template({

src/domain_abstract/ui/InputColor.js

@@ -12,7 +12,7 @@ module.exports = Input.extend({
     </div>
   </div>`),
 
-  initialize: function(opts) {
+  initialize(opts) {
     Input.prototype.initialize.apply(this, arguments);
     var ppfx = this.ppfx;
     this.colorCls = ppfx + 'field-color-picker';
@@ -25,7 +25,7 @@ module.exports = Input.extend({
   /**
    * Updates the view when the model is changed
    * */
-  handleModelChange: function(...args) {
+  handleModelChange(...args) {
     Input.prototype.handleModelChange.apply(this, args);
 
     var value = this.model.get('value');
@@ -41,7 +41,7 @@ module.exports = Input.extend({
    * Get the color input element
    * @return {HTMLElement}
    */
-  getColorEl: function() {
+  getColorEl() {
     if(!this.colorEl) {
       var model = this.model;
       var colorEl = $('<div>', {class: this.colorCls});
@@ -55,11 +55,11 @@ module.exports = Input.extend({
         chooseText: 'Ok',
         cancelText: '⨯',
         palette: [],
-        move: function(color) {
+        move(color) {
           var c  = color.getAlpha() == 1 ? color.toHexString() : color.toRgbString();
           cpStyle.backgroundColor = c;
         },
-        change: function(color) {
+        change(color) {
           var c  = color.getAlpha() == 1 ? color.toHexString() : color.toRgbString();
           c = c.replace(/ /g,'');
           cpStyle.backgroundColor = c;
@@ -71,7 +71,7 @@ module.exports = Input.extend({
     return this.colorEl;
   },
 
-  render: function(...args) {
+  render(...args) {
     Input.prototype.render.apply(this, args);
     this.$el.find('.' + this.colorHolderClass).html(this.getColorEl());
     return this;

src/domain_abstract/ui/InputNumber.js

@@ -12,7 +12,7 @@ module.exports = Backbone.View.extend({
     <div class="<%= ppfx %>field-arrow-d"></div>
   </div>`),
 
-  initialize: function(opts) {
+  initialize(opts) {
     _.bindAll(this, 'moveIncrement', 'upIncrement');
     var opt = opts || {};
     var ppfx = opt.ppfx || '';
@@ -37,7 +37,7 @@ module.exports = Backbone.View.extend({
    * @param {string} value
    * @param {Object} opts
    */
-  setValue: function(value, opts) {
+  setValue(value, opts) {
     var opt = opts || {};
     var valid = this.validateInputValue(value, {deepCheck: 1});
     var validObj = {value: valid.value};
@@ -59,7 +59,7 @@ module.exports = Backbone.View.extend({
   /**
    * Handled when the view is changed
    */
-  handleChange: function (e) {
+  handleChange(e) {
     e.stopPropagation();
     this.setValue(this.getInputEl().value);
   },
@@ -67,7 +67,7 @@ module.exports = Backbone.View.extend({
   /**
    * Handled when the view is changed
    */
-  handleUnitChange: function (e) {
+  handleUnitChange(e) {
     e.stopPropagation();
     var value = this.getUnitEl().value;
     this.model.set('unit', value);
@@ -76,7 +76,7 @@ module.exports = Backbone.View.extend({
   /**
    * Updates the view when the model is changed
    * */
-  handleModelChange: function() {
+  handleModelChange() {
     var m = this.model;
     this.getInputEl().value = m.get('value');
     var unit = this.getUnitEl();
@@ -90,7 +90,7 @@ module.exports = Backbone.View.extend({
    * Get the input element
    * @return {HTMLElement}
    */
-  getInputEl: function() {
+  getInputEl() {
     if(!this.inputEl) {
       this.inputEl = $('<input>', {
         type: 'text',
@@ -105,7 +105,7 @@ module.exports = Backbone.View.extend({
    * Get the unit element
    * @return {HTMLElement}
    */
-  getUnitEl: function() {
+  getUnitEl() {
     if(!this.unitEl) {
       var model = this.model;
       var units = model.get('units') || [];
@@ -125,7 +125,7 @@ module.exports = Backbone.View.extend({
   /**
    * Invoked when the up arrow is clicked
    * */
-  upArrowClick: function() {
+  upArrowClick() {
     var value  = this.model.get('value');
     value = isNaN(value) ? 1 : parseInt(value, 10) + 1;
     var valid = this.validateInputValue(value);
@@ -135,7 +135,7 @@ module.exports = Backbone.View.extend({
   /**
    * Invoked when the down arrow is clicked
    * */
-  downArrowClick: function(){
+  downArrowClick() {
     var value  = this.model.get('value');
     value = isNaN(value) ? 0 : parseInt(value, 10) - 1;
     var valid = this.validateInputValue(value);
@@ -148,7 +148,7 @@ module.exports = Backbone.View.extend({
    *
    * @return void
    * */
-  downIncrement: function(e) {
+  downIncrement(e) {
     e.preventDefault();
     this.moved = 0;
     var value = this.model.get('value');
@@ -163,7 +163,7 @@ module.exports = Backbone.View.extend({
    *
    * @return bool
    * */
-  moveIncrement: function (ev) {
+  moveIncrement(ev) {
     this.moved = 1;
     var pos = parseInt(ev.data.val - ev.pageY + ev.data.y, 10);
     this.prValue = this.validateInputValue(pos).value;//Math.max(this.min, Math.min(this.max, pos) );
@@ -177,7 +177,7 @@ module.exports = Backbone.View.extend({
    *
    * @return void
    * */
-  upIncrement: function (e) {
+  upIncrement(e) {
     this.docEl.off('mouseup', this.upIncrement);
     this.docEl.off('mousemove', this.moveIncrement);
 
@@ -194,7 +194,7 @@ module.exports = Backbone.View.extend({
    * @param {Object} opts Options
    * @return {Object} Validated string
    */
-  validateInputValue: function(value, opts) {
+  validateInputValue(value, opts) {
     var force = 0;
     var opt = opts || {};
     var model = this.model;
@@ -240,7 +240,7 @@ module.exports = Backbone.View.extend({
     };
   },
 
-  render: function() {
+  render() {
     var ppfx = this.ppfx;
     this.$el.html(this.template({ppfx: ppfx}));
     this.$el.find('.'+ ppfx +'input-holder').html(this.getInputEl());

src/domain_abstract/view/DomainViews.js

@@ -10,7 +10,7 @@ module.exports = Backbone.View.extend({
 
   itemType: 'type',
 
-  initialize: function(opts, config) {
+  initialize(opts, config) {
     this.config = config || {};
   },
 
@@ -20,7 +20,7 @@ module.exports = Backbone.View.extend({
    * @param {Model} model
    * @private
    * */
-  addTo: function(model){
+  addTo(model) {
     this.add(model);
   },
 
@@ -30,7 +30,7 @@ module.exports = Backbone.View.extend({
    * @param {Object} fragment Fragment collection
    * @private
    * */
-  add: function(model, fragment){
+  add(model, fragment) {
     var frag = fragment || null;
     var itemView = this.itemView;
     var typeField = model.get(this.itemType);
@@ -51,7 +51,7 @@ module.exports = Backbone.View.extend({
 
 
 
-  render: function() {
+  render() {
     var frag = document.createDocumentFragment();
     this.$el.empty();
 

src/editor/index.js

@@ -191,7 +191,7 @@ module.exports = config => {
      * @return {this}
      * @private
      */
-    init: function(){
+    init() {
       em.init(this);
       return this;
     },
@@ -200,7 +200,7 @@ module.exports = config => {
      * Returns configuration object
      * @return {Object}
      */
-    getConfig: function(){
+    getConfig() {
       return c;
     },
 
@@ -208,7 +208,7 @@ module.exports = config => {
      * Returns HTML built inside canvas
      * @return {string} HTML string
      */
-    getHtml: function(){
+    getHtml() {
       return em.getHtml();
     },
 
@@ -216,7 +216,7 @@ module.exports = config => {
      * Returns CSS built inside canvas
      * @return {string} CSS string
      */
-    getCss: function(){
+    getCss() {
       return em.getCss();
     },
 
@@ -224,7 +224,7 @@ module.exports = config => {
      * Returns JS of all components
      * @return {string} JS string
      */
-    getJs: function(){
+    getJs() {
       return em.getJs();
     },
 
@@ -232,7 +232,7 @@ module.exports = config => {
      * Returns components in JSON format object
      * @return {Object}
      */
-    getComponents: function(){
+    getComponents() {
       return em.get('DomComponents').getComponents();
     },
 
@@ -249,7 +249,7 @@ module.exports = config => {
      *   content: 'New component'
      * });
      */
-    setComponents: function(components){
+    setComponents(components) {
       em.setComponents(components);
       return this;
     },
@@ -267,7 +267,7 @@ module.exports = config => {
      *   content: 'New component'
      * });
      */
-    addComponents: function(components) {
+    addComponents(components) {
       return this.getComponents().add(components);
     },
 
@@ -275,7 +275,7 @@ module.exports = config => {
      * Returns style in JSON format object
      * @return {Object}
      */
-    getStyle: function(){
+    getStyle() {
       return em.get('CssComposer').getAll();
     },
 
@@ -291,7 +291,7 @@ module.exports = config => {
      *   style: { color: 'red' }
      * });
      */
-    setStyle: function(style){
+    setStyle(style) {
       em.setStyle(style);
       return this;
     },
@@ -300,7 +300,7 @@ module.exports = config => {
      * Returns selected component, if there is one
      * @return {grapesjs.Component}
      */
-    getSelected: function(){
+    getSelected() {
       return em.getSelected();
     },
 
@@ -311,7 +311,7 @@ module.exports = config => {
      * @example
      * editor.setDevice('Tablet');
      */
-    setDevice: function(name){
+    setDevice(name) {
       return em.set('device', name);
     },
 
@@ -323,7 +323,7 @@ module.exports = config => {
      * console.log(device);
      * // 'Tablet'
      */
-    getDevice: function(){
+    getDevice() {
       return em.get('device');
     },
 
@@ -335,7 +335,7 @@ module.exports = config => {
      * @example
      * editor.runCommand('myCommand', {someValue: 1});
      */
-    runCommand: function(id, options) {
+    runCommand(id, options) {
       var result;
       var command = em.get('Commands').get(id);
 
@@ -354,7 +354,7 @@ module.exports = config => {
      * @example
      * editor.stopCommand('myCommand', {someValue: 1});
      */
-    stopCommand: function(id, options) {
+    stopCommand(id, options) {
       var result;
       var command = em.get('Commands').get(id);
 
@@ -370,7 +370,7 @@ module.exports = config => {
      * @param {Function} clb Callback function
      * @return {Object} Stored data
      */
-    store: function(clb) {
+    store(clb) {
       return em.store(clb);
     },
 
@@ -378,7 +378,7 @@ module.exports = config => {
      * Load data from the current storage
      * @return {Object} Stored data
      */
-    load: function() {
+    load() {
       return em.load();
     },
 
@@ -387,7 +387,7 @@ module.exports = config => {
      * on init method
      * @return {HTMLElement}
      */
-    getContainer: function(){
+    getContainer() {
       return c.el;
     },
 
@@ -401,7 +401,7 @@ module.exports = config => {
      *
      * @private
      */
-    refresh: function () {
+    refresh() {
       em.refreshCanvas();
     },
 
@@ -434,7 +434,7 @@ module.exports = config => {
      *  }
      * });
      */
-    setCustomRte: function (obj) {
+    setCustomRte(obj) {
       this.RichTextEditor.customRte = obj;
     },
 
@@ -444,7 +444,7 @@ module.exports = config => {
      * @param  {Function} callback Callback function
      * @return {this}
      */
-    on: function(event, callback){
+    on(event, callback) {
       return em.on(event, callback);
     },
 
@@ -453,7 +453,7 @@ module.exports = config => {
      * @param  {string} event Event to trigger
      * @return {this}
      */
-    trigger: function(event){
+    trigger(event) {
       return em.trigger(event);
     },
 
@@ -462,7 +462,7 @@ module.exports = config => {
      * @return {HTMLElement}
      * @private
      */
-    getEl: function(){
+    getEl() {
       return editorView.el;
     },
 
@@ -471,7 +471,7 @@ module.exports = config => {
      * @return {Model}
      * @private
      */
-    getModel: function(){
+    getModel() {
       return em;
     },
 
@@ -479,7 +479,7 @@ module.exports = config => {
      * Render editor
      * @return {HTMLElement}
      */
-    render: function() {
+    render() {
       return  editorView.render().el;
     },
 

src/editor/model/Editor.js

@@ -54,7 +54,7 @@ module.exports = Backbone.Model.extend({
     device: '',
   },
 
-  initialize: function(c) {
+  initialize(c) {
     this.config = c;
     this.set('Config', c);
 
@@ -81,7 +81,7 @@ module.exports = Backbone.Model.extend({
    * Set the alert before unload in case it's requested
    * and there are unsaved changes
    */
-  updateBeforeUnload: function() {
+  updateBeforeUnload() {
     var changes = this.get('changesCount');
 
     if (this.config.noticeOnUnload && changes) {
@@ -96,7 +96,7 @@ module.exports = Backbone.Model.extend({
    * @param {String} moduleName Module name
    * @return {this}
    */
-  loadModule: function(moduleName) {
+  loadModule(moduleName) {
     var c = this.config;
     var M = new moduleName();
     var name = M.name.charAt(0).toLowerCase() + M.name.slice(1);
@@ -130,7 +130,7 @@ module.exports = Backbone.Model.extend({
    * @return {this}
    * @private
    */
-  init: function(editor){
+  init(editor) {
     this.set('Editor', editor);
   },
 
@@ -139,7 +139,7 @@ module.exports = Backbone.Model.extend({
    * @param {Object} collection
    * @private
    */
-  listenRules: function(collection) {
+  listenRules(collection) {
     this.stopListening(collection, 'add remove', this.listenRule);
     this.listenTo(collection, 'add remove', this.listenRule);
     collection.each(function(model){
@@ -152,7 +152,7 @@ module.exports = Backbone.Model.extend({
    * @param {Object} model
    * @private
    */
-  listenRule: function(model) {
+  listenRule(model) {
     this.stopListening(model, 'change:style', this.ruleUpdated);
     this.listenTo(model, 'change:style', this.ruleUpdated);
   },
@@ -164,7 +164,7 @@ module.exports = Backbone.Model.extend({
    * @param  {Object}  opt  Options
    * @private
    * */
-  ruleUpdated: function(model, val, opt) {
+  ruleUpdated(model, val, opt) {
     var count = this.get('changesCount') + 1,
         avSt  = opt ? opt.avoidStore : 0;
     this.set('changesCount', count);
@@ -181,7 +181,7 @@ module.exports = Backbone.Model.extend({
    * Initialize Undo manager
    * @private
    * */
-  initUndoManager: function() {
+  initUndoManager() {
     if(this.um)
       return;
     var cmp = this.get('DomComponents');
@@ -243,7 +243,7 @@ module.exports = Backbone.Model.extend({
    * @param  {Object}  opt  Options
    * @private
    * */
-  componentsUpdated: function(model, val, opt){
+  componentsUpdated(model, val, opt) {
     var updatedCount = this.get('changesCount') + 1,
         avSt  = opt ? opt.avoidStore : 0;
     this.set('changesCount', updatedCount);
@@ -264,7 +264,7 @@ module.exports = Backbone.Model.extend({
    * @param   {Object}   Options
    * @private
    * */
-  componentSelected: function(model, val, options){
+  componentSelected(model, val, options) {
     if(!this.get('selectedComponent'))
       this.trigger('deselect-comp');
     else
@@ -278,7 +278,7 @@ module.exports = Backbone.Model.extend({
    * @param  {Object}  opt  Options
    * @private
    * */
-  updateComponents: function(model, val, opt) {
+  updateComponents(model, val, opt) {
     var comps  = model.get('components'),
         classes  = model.get('classes'),
         avSt  = opt ? opt.avoidStore : 0;
@@ -309,7 +309,7 @@ module.exports = Backbone.Model.extend({
    * @param {Object}  model
    * @private
    */
-  initChildrenComp: function(model) {
+  initChildrenComp(model) {
       var comps  = model.get('components');
       this.updateComponents(model, null, { avoidStore : 1 });
       comps.each(function(md) {
@@ -326,7 +326,7 @@ module.exports = Backbone.Model.extend({
    * @param  {Object}  opt  Options
    * @private
    * */
-  rmComponents: function(model, val, opt){
+  rmComponents(model, val, opt) {
     var avSt  = opt ? opt.avoidStore : 0;
 
     if(!avSt)
@@ -338,7 +338,7 @@ module.exports = Backbone.Model.extend({
    * @return {Component|null}
    * @private
    */
-  getSelected: function(){
+  getSelected() {
     return this.get('selectedComponent');
   },
 
@@ -348,7 +348,7 @@ module.exports = Backbone.Model.extend({
    * @return {this}
    * @private
    */
-  setComponents: function(components){
+  setComponents(components) {
     return this.get('DomComponents').setComponents(components);
   },
 
@@ -357,7 +357,7 @@ module.exports = Backbone.Model.extend({
    * @return {Components}
    * @private
    */
-  getComponents: function(){
+  getComponents() {
     var cmp = this.get('DomComponents');
     var cm = this.get('CodeManager');
 
@@ -374,7 +374,7 @@ module.exports = Backbone.Model.extend({
    * @return {this}
    * @private
    */
-  setStyle: function(style){
+  setStyle(style) {
     var rules = this.get('CssComposer').getAll();
     for(var i = 0, len = rules.length; i < len; i++)
       rules.pop();
@@ -387,7 +387,7 @@ module.exports = Backbone.Model.extend({
    * @return {Rules}
    * @private
    */
-  getStyle: function(){
+  getStyle() {
     return this.get('CssComposer').getAll();
   },
 
@@ -396,7 +396,7 @@ module.exports = Backbone.Model.extend({
    * @return {string} HTML string
    * @private
    */
-  getHtml: function() {
+  getHtml() {
     var js = this.config.jsInHtml ? this.getJs() : '';
     var wrp  = this.get('DomComponents').getComponent();
     var html = this.get('CodeManager').getCode(wrp, 'html');
@@ -409,7 +409,7 @@ module.exports = Backbone.Model.extend({
    * @return {string} CSS string
    * @private
    */
-  getCss: function() {
+  getCss() {
     var cssc = this.get('CssComposer');
     var wrp = this.get('DomComponents').getComponent();
     var protCss = this.config.protectedCss;
@@ -422,7 +422,7 @@ module.exports = Backbone.Model.extend({
    * @return {string} JS string
    * @private
    */
-  getJs: function() {
+  getJs() {
     var wrp = this.get('DomComponents').getWrapper();
     return this.get('CodeManager').getCode(wrp, 'js').trim();
   },
@@ -433,7 +433,7 @@ module.exports = Backbone.Model.extend({
    * @return {Object} Stored data
    * @private
    */
-  store: function(clb) {
+  store(clb) {
     var sm = this.get('StorageManager');
     var store = {};
     if(!sm)
@@ -459,7 +459,7 @@ module.exports = Backbone.Model.extend({
    * @return {Object} Loaded data
    * @private
    */
-  load: function(clb) {
+  load(clb) {
     var result = this.getCacheLoad(1);
     this.get('storables').forEach(m => {
       m.load(result);
@@ -473,7 +473,7 @@ module.exports = Backbone.Model.extend({
    * @return {Object}
    * @private
    */
-  getCacheLoad: function(force) {
+  getCacheLoad(force) {
     var f = force ? 1 : 0;
     if(this.cacheLoad && !f)
       return this.cacheLoad;
@@ -501,7 +501,7 @@ module.exports = Backbone.Model.extend({
    * Returns device model by name
    * @return {Device|null}
    */
-  getDeviceModel: function(){
+  getDeviceModel() {
     var name = this.get('device');
     return this.get('DeviceManager').get(name);
   },
@@ -510,7 +510,7 @@ module.exports = Backbone.Model.extend({
    * Run default command if setted
    * @private
    */
-  runDefault: function(){
+  runDefault() {
     var command = this.get('Commands').get(this.config.defaultCommand);
     if(!command || this.defaultRunning)
       return;
@@ -523,7 +523,7 @@ module.exports = Backbone.Model.extend({
    * Stop default command
    * @private
    */
-  stopDefault: function(){
+  stopDefault() {
     var command = this.get('Commands').get(this.config.defaultCommand);
     if(!command)
       return;
@@ -535,7 +535,7 @@ module.exports = Backbone.Model.extend({
    * Update canvas dimensions and refresh data useful for tools positioning
    * @private
    */
-  refreshCanvas: function () {
+  refreshCanvas() {
     this.set('canvasOffset', this.get('Canvas').getOffset());
   },
 
@@ -545,7 +545,7 @@ module.exports = Backbone.Model.extend({
    * @param {Window} win If not passed the current one will be used
    * @private
    */
-  clearSelection: function (win) {
+  clearSelection(win) {
     var w = win || window;
     w.getSelection().removeAllRanges();
   },

src/editor/view/EditorView.js

@@ -2,7 +2,7 @@ var Backbone = require('backbone');
 
 module.exports = Backbone.View.extend({
 
-  initialize: function() {
+  initialize() {
     this.pn = this.model.get('Panels');
     this.conf = this.model.config;
     this.className = this.conf.stylePrefix + 'editor';
@@ -13,7 +13,7 @@ module.exports = Backbone.View.extend({
     }, this);
   },
 
-  render: function() {
+  render() {
     var model = this.model;
     var um = model.get('UndoManager');
     var dComps = model.get('DomComponents');

src/modal_dialog/index.js

@@ -35,7 +35,7 @@ module.exports = () => {
      * @param {Object} config Configurations
      * @private
      */
-    init: function(config) {
+    init(config) {
       c = config || {};
       for (var name in defaults) {
         if (!(name in c))
@@ -64,7 +64,7 @@ module.exports = () => {
      * Open the modal window
      * @return {this}
      */
-    open: function(){
+    open() {
       modal.show();
       return this;
     },
@@ -73,7 +73,7 @@ module.exports = () => {
      * Close the modal window
      * @return {this}
      */
-    close: function(){
+    close() {
       modal.hide();
       return this;
     },
@@ -82,7 +82,7 @@ module.exports = () => {
      * Checks if the modal window is open
      * @return {Boolean}
      */
-    isOpen: function(){
+    isOpen() {
       return !!model.get('open');
     },
 
@@ -93,7 +93,7 @@ module.exports = () => {
      * @example
      * modal.setTitle('New title');
      */
-    setTitle: function(title){
+    setTitle(title) {
       model.set('title', title);
       return this;
     },
@@ -102,7 +102,7 @@ module.exports = () => {
      * Returns the title of the modal window
      * @return {string}
      */
-    getTitle: function(){
+    getTitle() {
       return model.get('title');
     },
 
@@ -113,7 +113,7 @@ module.exports = () => {
      * @example
      * modal.setContent('<div>Some HTML content</div>');
      */
-    setContent: function(content){
+    setContent(content) {
       model.set('content', ' ');
       model.set('content', content);
       return this;
@@ -123,7 +123,7 @@ module.exports = () => {
      * Get the content of the modal window
      * @return {string}
      */
-    getContent: function(){
+    getContent() {
       return model.get('content');
     },
 
@@ -132,7 +132,7 @@ module.exports = () => {
      * @return {HTMLElement}
      * @private
      */
-    getContentEl: function(){
+    getContentEl() {
       return modal.getContent().get(0);
     },
 
@@ -141,7 +141,7 @@ module.exports = () => {
      * @return {Model}
      * @private
      */
-    getModel: function(){
+    getModel() {
       return model;
     },
 
@@ -150,7 +150,7 @@ module.exports = () => {
      * @return {HTMLElement}
      * @private
      */
-    render: function(){
+    render() {
       return modal.render().$el;
     }
   };

src/modal_dialog/view/ModalView.js

@@ -17,7 +17,7 @@ module.exports = Backbone.View.extend({
 
   events: {},
 
-  initialize: function(o) {
+  initialize(o) {
     this.config = o.config || {};
     this.pfx = this.config.stylePrefix || '';
     this.listenTo(this.model, 'change:open', this.updateOpen);
@@ -36,7 +36,7 @@ module.exports = Backbone.View.extend({
    * @return {HTMLElement}
    * @private
    */
-  getCollector: function(){
+  getCollector() {
     if(!this.$collector)
       this.$collector = this.$el.find('.'+this.pfx+'collector');
     return this.$collector;
@@ -47,7 +47,7 @@ module.exports = Backbone.View.extend({
    * @return {HTMLElement}
    * @private
    */
-  getContent: function() {
+  getContent() {
     if(!this.$content)
       this.$content  = this.$el.find('.'+this.pfx+'content #'+this.pfx+'c');
     return this.$content;
@@ -58,7 +58,7 @@ module.exports = Backbone.View.extend({
    * @return {HTMLElement}
    * @private
    */
-  getTitle: function() {
+  getTitle() {
     if(!this.$title)
       this.$title  = this.$el.find('.'+this.pfx+'title');
     return this.$title.get(0);
@@ -68,7 +68,7 @@ module.exports = Backbone.View.extend({
    * Update content
    * @private
    * */
-  updateContent: function() {
+  updateContent() {
     var content = this.getContent();
     this.getCollector().append(content.children());
     content.html(this.model.get('content'));
@@ -78,7 +78,7 @@ module.exports = Backbone.View.extend({
    * Update title
    * @private
    * */
-  updateTitle: function(){
+  updateTitle() {
     var title = this.getTitle();
     if(title)
       title.innerHTML = this.model.get('title');
@@ -88,7 +88,7 @@ module.exports = Backbone.View.extend({
    * Update open
    * @private
    * */
-  updateOpen: function(){
+  updateOpen() {
     if(this.model.get('open'))
       this.$el.show();
     else
@@ -99,7 +99,7 @@ module.exports = Backbone.View.extend({
    * Hide modal
    * @private
    * */
-  hide: function(){
+  hide() {
     this.model.set('open', 0);
   },
 
@@ -107,11 +107,11 @@ module.exports = Backbone.View.extend({
    * Show modal
    * @private
    * */
-   show: function(){
+   show() {
     this.model.set('open', 1);
   },
 
-  render: function(){
+  render() {
     var  obj = this.model.toJSON();
     obj.pfx = this.pfx;
     this.$el.html( this.template(obj) );

src/navigator/index.js

@@ -19,7 +19,7 @@ function Navigator(collection, c) {
 }
 
 Navigator.prototype  = {
-    render  : function(){
+    render() {
       return this.ItemsView.render().$el;
     },
 };

src/navigator/view/ItemView.js

@@ -24,7 +24,7 @@ module.exports = Backbone.View.extend({
 
   <div class="<%= prefix %>children"></div>`),
 
-  initialize: function(o) {
+  initialize(o) {
     this.opt = o;
     this.config = o.config;
     this.em = o.config.em;
@@ -62,7 +62,7 @@ module.exports = Backbone.View.extend({
   /**
    * Handle the edit of the component name
    */
-  handleEdit: function(e) {
+  handleEdit(e) {
     e.stopPropagation();
     var inputName = this.getInputName();
     inputName.readOnly = false;
@@ -72,7 +72,7 @@ module.exports = Backbone.View.extend({
   /**
    * Handle with the end of editing of the component name
    */
-  handleEditEnd: function (e) {
+  handleEditEnd(e) {
     e.stopPropagation();
     var inputName = this.getInputName();
     inputName.readOnly = true;
@@ -83,7 +83,7 @@ module.exports = Backbone.View.extend({
    * Get the input containing the name of the component
    * @return {HTMLElement}
    */
-  getInputName: function () {
+  getInputName() {
     if(!this.inputName) {
       this.inputName = this.el.querySelector('.' + this.inputNameCls);
     }
@@ -95,7 +95,7 @@ module.exports = Backbone.View.extend({
    *
    * @return void
    * */
-  updateOpening: function (){
+  updateOpening() {
     var opened = this.opt.opened || {};
     var model = this.model;
     if(model.get('open')){
@@ -115,7 +115,7 @@ module.exports = Backbone.View.extend({
    *
    * @return void
    * */
-  toggleOpening: function(e){
+  toggleOpening(e) {
     e.stopPropagation();
 
     if(!this.model.components.length)
@@ -128,7 +128,7 @@ module.exports = Backbone.View.extend({
    * Handle component selection
    * @return {[type]} [description]
    */
-  handleSelect: function (e) {
+  handleSelect(e) {
     e.stopPropagation();
     var em = this.em;
 
@@ -146,7 +146,7 @@ module.exports = Backbone.View.extend({
    * Delegate to sorter
    * @param	Event
    * */
-  startSort: function(e){
+  startSort(e) {
     if (this.sorter) {
       this.sorter.startSort(e.target);
     }
@@ -156,7 +156,7 @@ module.exports = Backbone.View.extend({
    * Freeze item
    * @return	void
    * */
-  freeze: function(){
+  freeze() {
     this.$el.addClass(this.pfx + 'opac50');
     this.model.set('open',0);
   },
@@ -165,7 +165,7 @@ module.exports = Backbone.View.extend({
    * Unfreeze item
    * @return	void
    * */
-  unfreeze: function(){
+  unfreeze() {
     this.$el.removeClass(this.pfx + 'opac50');
   },
 
@@ -173,7 +173,7 @@ module.exports = Backbone.View.extend({
    * Update item on status change
    * @param	Event
    * */
-  updateStatus: function(e) {
+  updateStatus(e) {
     var status = this.model.get('status');
     var cls = this.pfx + 'selected';
     var el = this.$el;
@@ -194,7 +194,7 @@ module.exports = Backbone.View.extend({
    *
    * @return 	void
    * */
-  toggleVisibility: function(e){
+  toggleVisibility(e) {
     if(!this.$eye)
       this.$eye = this.$el.find('> #'+this.pfx+'btn-eye');
 
@@ -217,7 +217,7 @@ module.exports = Backbone.View.extend({
    *
    * @return bool
    * */
-  isVisible: function(){
+  isVisible() {
     var css = this.model.get('style'),
       pr = css.display;
     if(pr && pr == 'none' )
@@ -230,7 +230,7 @@ module.exports = Backbone.View.extend({
    *
    * @return void
    * */
-  checkChildren: function(){
+  checkChildren() {
     var c = this.countChildren(this.model),
     pfx = this.pfx,
     tC = '> .' + pfx + 'title-c > .' + pfx + 'title';
@@ -252,7 +252,7 @@ module.exports = Backbone.View.extend({
    * @return {number}
    * @private
    */
-  countChildren: function(model){
+  countChildren(model) {
     var count = 0;
     model.components.each(function(m){
       var isCountable = this.opt.isCountable;
@@ -264,7 +264,7 @@ module.exports = Backbone.View.extend({
     return count;
   },
 
-  render: function(){
+  render() {
     var pfx = this.pfx;
     var vis = this.isVisible();
     var count = this.countChildren(this.model);

src/navigator/view/ItemsView.js

@@ -3,7 +3,7 @@ var ItemView = require('./ItemView');
 
 module.exports = Backbone.View.extend({
 
-  initialize: function(o) {
+  initialize(o) {
     this.opt = o;
     this.config = o.config;
     this.preview = o.preview;
@@ -42,7 +42,7 @@ module.exports = Backbone.View.extend({
    *
    * @return Object
    * */
-  addTo: function(model){
+  addTo(model) {
     var i  = this.collection.indexOf(model);
     this.addToCollection(model, null, i);
   },
@@ -55,7 +55,7 @@ module.exports = Backbone.View.extend({
    *
    * @return Object Object created
    * */
-  addToCollection: function(model, fragmentEl, index){
+  addToCollection(model, fragmentEl, index) {
     var fragment  = fragmentEl || null;
     var viewObject  = ItemView;
 
@@ -97,7 +97,7 @@ module.exports = Backbone.View.extend({
    * @return {Boolean}
    * @private
    */
-  isCountable: function(model, hide) {
+  isCountable(model, hide) {
     var type = model.get('type');
     var tag = model.get('tagName');
     if( ((type == 'textnode' || tag == 'br') && hide) ||
@@ -107,7 +107,7 @@ module.exports = Backbone.View.extend({
     return true;
   },
 
-  render: function() {
+  render() {
     var fragment = document.createDocumentFragment();
     this.$el.empty();
 

src/panels/index.js

@@ -66,7 +66,7 @@ module.exports = () => {
      * Initialize module. Automatically called with a new instance of the editor
      * @param {Object} config Configurations
      */
-    init: function(config) {
+    init(config) {
       c = config || {};
       for (var name in defaults) {
         if (!(name in c))
@@ -89,7 +89,7 @@ module.exports = () => {
      * Returns the collection of panels
      * @return {Collection} Collection of panel
      */
-    getPanels: function(){
+    getPanels() {
       return panels;
     },
 
@@ -97,7 +97,7 @@ module.exports = () => {
      * Returns panels element
      * @return {HTMLElement}
      */
-    getPanelsEl: function(){
+    getPanelsEl() {
       return PanelsViewObj.el;
     },
 
@@ -112,7 +112,7 @@ module.exports = () => {
      *  buttons  : [...],
      * });
      */
-    addPanel: function(panel){
+    addPanel(panel) {
       return panels.add(panel);
     },
 
@@ -123,7 +123,7 @@ module.exports = () => {
      * @example
      * var myPanel = panelManager.getPanel('myNewPanel');
      */
-    getPanel: function(id){
+    getPanel(id) {
       var res  = panels.where({id: id});
       return res.length ? res[0] : null;
     },
@@ -158,7 +158,7 @@ module.exports = () => {
      *   ...
      * }
      */
-    addButton: function(panelId, button){
+    addButton(panelId, button) {
       var pn  = this.getPanel(panelId);
       return pn ? pn.get('buttons').add(button) : null;
     },
@@ -171,7 +171,7 @@ module.exports = () => {
      * @example
      * var button = panelManager.getButton('myPanel','myButton');
      */
-    getButton: function(panelId, id){
+    getButton(panelId, id) {
       var pn  = this.getPanel(panelId);
       if(pn){
         var res  = pn.get('buttons').where({id: id});
@@ -184,7 +184,7 @@ module.exports = () => {
      * Render panels and buttons
      * @return {HTMLElement}
      */
-    render: function(){
+    render() {
       return PanelsViewObj.render().el;
     },
 
@@ -192,7 +192,7 @@ module.exports = () => {
      * Active activable buttons
      * @private
      */
-    active: function() {
+    active() {
       this.getPanels().each(p => {
           p.get('buttons').each(btn => {
             if(btn.get('active'))

src/panels/model/Button.js

@@ -16,7 +16,7 @@ module.exports = Backbone.Model.extend({
     stopDefaultCommand: false,
   },
 
-  initialize: function(options) {
+  initialize(options) {
     if(this.get('buttons').length){
       var Buttons  = require('./Buttons');
       this.set('buttons', new Buttons(this.get('buttons')) );

src/panels/model/Buttons.js

@@ -12,7 +12,7 @@ module.exports = Backbone.Collection.extend({
    *
    * @return  void
    * */
-  deactivateAllExceptOne: function(except, r){
+  deactivateAllExceptOne(except, r) {
     this.forEach((model, index) => {
       if(model !== except){
         model.set('active', false);
@@ -28,7 +28,7 @@ module.exports = Backbone.Collection.extend({
    *
    * @return  void
    * */
-  deactivateAll: function(ctx){
+  deactivateAll(ctx) {
     var context = ctx || '';
     this.forEach((model, index) => {
       if( model.get('context') == context ){

src/panels/model/Panel.js

@@ -10,7 +10,7 @@ module.exports = Backbone.Model.extend({
     buttons: [],
   },
 
-  initialize: function(options) {
+  initialize(options) {
     this.btn = this.get('buttons') || [];
     this.buttons = new Buttons(this.btn);
     this.set('buttons', this.buttons);

src/panels/view/ButtonView.js

@@ -4,7 +4,7 @@ module.exports = Backbone.View.extend({
 
   tagName: 'span',
 
-  initialize: function(o) {
+  initialize(o) {
     _.bindAll(this, 'startTimer', 'stopTimer', 'showButtons', 'hideButtons','closeOnKeyPress','onDrop', 'initSorter', 'stopDrag');
     var cls = this.model.get('className');
     this.config = o.config || {};
@@ -40,7 +40,7 @@ module.exports = Backbone.View.extend({
     this.delegateEvents();
   },
 
-  initSorter: function(){
+  initSorter() {
     if(this.em.Canvas){
       var canvas = this.em.Canvas;
       this.canvasEl = canvas.getBody();
@@ -67,7 +67,7 @@ module.exports = Backbone.View.extend({
    * Init dragging element
    * @private
    */
-  initDrag: function(){
+  initDrag() {
     this.model.collection.deactivateAll(this.model.get('context'));
     this.sorter.startSort(this.el);
     this.sorter.setDropContent(this.model.get('options').content);
@@ -79,7 +79,7 @@ module.exports = Backbone.View.extend({
    * Stop dragging
    * @private
    */
-  stopDrag: function(){
+  stopDrag() {
     $(document).off('mouseup', this.stopDrag);
     this.sorter.endMove();
   },
@@ -88,13 +88,13 @@ module.exports = Backbone.View.extend({
    * During drag method
    * @private
    */
-  onDrag: function(e){},
+  onDrag(e) {},
 
   /**
    * During drag method
    * @private
    */
-  onDrop: function(e){
+  onDrop(e) {
     this.canvasEl.style.cursor = 'default';
   },
 
@@ -103,8 +103,7 @@ module.exports = Backbone.View.extend({
    *
    * @return   void
    * */
-  updateClassName: function()
-  {
+  updateClassName() {
     var cls = this.model.get('className');
     this.$el.attr('class', this.pfx + 'btn' + (cls ? ' ' + cls : ''));
   },
@@ -114,8 +113,7 @@ module.exports = Backbone.View.extend({
    *
    * @return   void
    * */
-  updateAttributes: function()
-  {
+  updateAttributes() {
     this.$el.attr(this.model.get("attributes"));
   },
 
@@ -124,8 +122,7 @@ module.exports = Backbone.View.extend({
    *
    * @return  void
    * */
-  updateBtnsVis: function()
-  {
+  updateBtnsVis() {
     if(!this.$buttons)
       return;
 
@@ -140,8 +137,7 @@ module.exports = Backbone.View.extend({
    *
    * @return  void
    * */
-  startTimer: function()
-  {
+  startTimer() {
     this.timeout = setTimeout(this.showButtons, this.config.delayBtnsShow);
     $(document).on('mouseup', this.stopTimer);
   },
@@ -151,8 +147,7 @@ module.exports = Backbone.View.extend({
    *
    * @return  void
    * */
-  stopTimer: function()
-  {
+  stopTimer() {
     $(document).off('mouseup',   this.stopTimer);
     if(this.timeout)
       clearTimeout(this.timeout);
@@ -163,8 +158,7 @@ module.exports = Backbone.View.extend({
    *
    * @return   void
    * */
-  showButtons: function()
-  {
+  showButtons() {
     clearTimeout(this.timeout);
     this.model.set('bntsVis', true);
     $(document).on('mousedown',  this.hideButtons);
@@ -176,8 +170,7 @@ module.exports = Backbone.View.extend({
    *
    * @return   void
    * */
-  hideButtons: function(e)
-  {
+  hideButtons(e) {
     if(e){ $(e.target).trigger('click'); }
     this.model.set('bntsVis', false);
     $(document).off('mousedown',  this.hideButtons);
@@ -190,8 +183,7 @@ module.exports = Backbone.View.extend({
    *
    * @return   void
    * */
-  closeOnKeyPress: function(e)
-  {
+  closeOnKeyPress(e) {
     var key = e.which || e.keyCode;
     if(key == 27)
       this.hideButtons();
@@ -202,7 +194,7 @@ module.exports = Backbone.View.extend({
    *
    * @return   void
    * */
-  updateActive: function(){
+  updateActive() {
     var command  = null;
     var editor = this.em && this.em.get ? this.em.get('Editor') : null;
     var commandName = this.model.get('command');
@@ -247,7 +239,7 @@ module.exports = Backbone.View.extend({
    *
    * @return   void
    * */
-  checkActive: function(){
+  checkActive() {
     if(this.model.get('active'))
       this.$el.addClass(this.activeCls);
     else
@@ -260,8 +252,7 @@ module.exports = Backbone.View.extend({
    *
    * @return   void
    * */
-  clicked: function(e)
-  {
+  clicked(e) {
     if(this.model.get('bntsVis') )
       return;
 
@@ -287,8 +278,7 @@ module.exports = Backbone.View.extend({
    *
    * @return  void
    * */
-  swapParent: function()
-  {
+  swapParent() {
     this.parentM.collection.deactivateAll(this.model.get('context'));
     this.parentM.set('attributes',   this.model.get('attributes'));
     this.parentM.set('options',   this.model.get('options'));
@@ -297,8 +287,7 @@ module.exports = Backbone.View.extend({
     this.parentM.set('active', true, { silent: true }).trigger('checkActive');
   },
 
-  render: function()
-  {
+  render() {
     this.updateAttributes();
     this.$el.attr('class', this.className);
 

src/panels/view/ButtonsView.js

@@ -3,7 +3,7 @@ var ButtonView = require('./ButtonView');
 
 module.exports = Backbone.View.extend({
 
-  initialize: function(o) {
+  initialize(o) {
     this.opt = o || {};
     this.config = this.opt.config || {};
     this.pfx = this.config.stylePrefix || '';
@@ -19,7 +19,7 @@ module.exports = Backbone.View.extend({
    *
    * @return Object
    * */
-  addTo: function(model) {
+  addTo(model) {
     this.addToCollection(model);
   },
 
@@ -30,7 +30,7 @@ module.exports = Backbone.View.extend({
    *
    * @return Object Object created
    * */
-  addToCollection: function(model, fragmentEl){
+  addToCollection(model, fragmentEl) {
     var fragment  = fragmentEl || null;
     var viewObject  = ButtonView;
 
@@ -50,7 +50,7 @@ module.exports = Backbone.View.extend({
     return rendered;
   },
 
-  render: function() {
+  render() {
     var fragment = document.createDocumentFragment();
     this.$el.empty();
 

src/panels/view/PanelView.js

@@ -3,7 +3,7 @@ var ButtonsView = require('./ButtonsView');
 
 module.exports = Backbone.View.extend({
 
-  initialize: function(o) {
+  initialize(o) {
     this.config = o.config || {};
     this.pfx = this.config.stylePrefix || '';
     this.buttons = this.model.get('buttons');
@@ -16,19 +16,19 @@ module.exports = Backbone.View.extend({
   /**
    * Append content of the panel
    * */
-  appendContent: function() {
+  appendContent() {
     this.$el.append(this.model.get('appendContent'));
   },
 
   /**
    * Update content
    * */
-  updateContent: function() {
+  updateContent() {
     this.$el.html(this.model.get('content'));
   },
 
 
-  render: function() {
+  render() {
     this.$el.attr('class', _.result(this, 'className'));
 
     if(this.id)

src/panels/view/PanelsView.js

@@ -3,7 +3,7 @@ var PanelView = require('./PanelView');
 
 module.exports = Backbone.View.extend({
 
-  initialize: function(o) {
+  initialize(o) {
     this.opt = o || {};
     this.config = this.opt.config || {};
     this.pfx = this.config.stylePrefix || '';
@@ -19,7 +19,7 @@ module.exports = Backbone.View.extend({
    * @return Object
    * @private
    * */
-  addTo: function(model){
+  addTo(model) {
     this.addToCollection(model);
   },
 
@@ -32,7 +32,7 @@ module.exports = Backbone.View.extend({
    * @return Object Object created
    * @private
    * */
-  addToCollection: function(model, fragmentEl){
+  addToCollection(model, fragmentEl) {
     var fragment = fragmentEl || null;
     var viewObject = PanelView;
 
@@ -51,7 +51,7 @@ module.exports = Backbone.View.extend({
     return rendered;
   },
 
-  render: function() {
+  render() {
     var fragment = document.createDocumentFragment();
     this.$el.empty();
 

src/parser/index.js

@@ -31,7 +31,7 @@ module.exports = () => {
      * }
      * ...
      */
-    init: function(config) {
+    init(config) {
       c = config || {};
       for (var name in defaults) {
         if (!(name in c))
@@ -47,12 +47,12 @@ module.exports = () => {
      * @param  {string} str HTML string
      * @return {Object}
      */
-    parseHtml: function(str){
+    parseHtml(str) {
       pHtml.compTypes = this.compTypes;
       return pHtml.parse(str, pCss);
     },
 
-    parseCss: function(str){
+    parseCss(str) {
       return pCss.parse(str);
     },
 

src/parser/model/ParserCss.js

@@ -14,7 +14,7 @@ module.exports = config => ({
    * //add: ['.test2 .test3']
    * //}
    */
-  parseSelector: function(str) {
+  parseSelector(str) {
     var add = [];
     var result = [];
     var sels = str.split(',');
@@ -40,7 +40,7 @@ module.exports = config => ({
    * @param  {StyleSheet|CSSMediaRule} el
    * @return {Array<Object>}
    */
-  parseNode: function(el) {
+  parseNode(el) {
     var result = [];
     var nodes = el.cssRules;
 
@@ -124,7 +124,7 @@ module.exports = config => ({
    * @param  {string} str HTML string
    * @return {Object|Array<Object>}
    */
-  parse: function(str) {
+  parse(str) {
     var el = document.createElement('style');
     /*
     el.innerHTML = ".cssClass {border: 2px solid black; background-color: blue;} " +

src/parser/model/ParserHtml.js

@@ -17,7 +17,7 @@ module.exports = config => {
      * console.log(stl);
      * // {color: 'black', width: '100px', test: 'value'}
      */
-    parseStyle: function(str){
+    parseStyle(str) {
       var result = {};
       var decls = str.split(';');
       for (var i = 0, len = decls.length; i < len; i++) {
@@ -39,7 +39,7 @@ module.exports = config => {
      * console.log(res);
      * // ['test1', 'test2', 'test3']
      */
-    parseClass: function(str){
+    parseClass(str) {
       var result = [];
       var cls = str.split(' ');
       for (var i = 0, len = cls.length; i < len; i++) {
@@ -57,7 +57,7 @@ module.exports = config => {
      * @param  {HTMLElement} el DOM
      * @return {Array<Object>}
      */
-    parseNode: function(el) {
+    parseNode(el) {
       var result = [];
       var nodes = el.childNodes;
 
@@ -193,7 +193,7 @@ module.exports = config => {
      * @param  {ParserCss} parserCss In case there is style tags inside HTML
      * @return {Object}
      */
-    parse: function(str, parserCss){
+    parse(str, parserCss) {
       var config = (c.em && c.em.get('Config')) || {};
       var res = { html: '', css: ''};
       var el = document.createElement('div');

src/plugin_manager/index.js

@@ -27,7 +27,7 @@ module.exports = config => {
      *   })
      * });
      */
-    add: function(id, plugin){
+    add(id, plugin) {
       if(plugins[id])
         return this;
       plugins[id] = plugin;
@@ -42,7 +42,7 @@ module.exports = config => {
      * var plugin = PluginManager.get('some-plugin');
      * plugin(editor);
      */
-    get: function(id){
+    get(id) {
       return plugins[id];
     },
 
@@ -50,7 +50,7 @@ module.exports = config => {
      * Returns object with all plugins
      * @return {Object}
      */
-    getAll: function(){
+    getAll() {
       return plugins;
     }
 

src/rich_text_editor/index.js

@@ -46,7 +46,7 @@ module.exports = () => {
      * @param {Object} config Configurations
      * @private
      */
-    init: function(config) {
+    init(config) {
       mainSelf = this;
       c = config || {};
       for (var name in defaults) {
@@ -87,7 +87,7 @@ module.exports = () => {
      *   ]
      * });
      */
-    add: function(command, opts) {
+    add(command, opts) {
       var obj = opts || {};
       obj.command = command;
       return commands.add(obj);
@@ -100,7 +100,7 @@ module.exports = () => {
      * @example
      * var cm = rte.get('fontSize');
      */
-    get: function(command) {
+    get(command) {
       return commands.where({command: command})[0];
     },
 
@@ -108,7 +108,7 @@ module.exports = () => {
      * Returns the collection of commands
      * @return {Collection}
      */
-    getAll: function(){
+    getAll() {
       return commands;
     },
 
@@ -116,7 +116,7 @@ module.exports = () => {
      * Triggered when the offset of the editro is changed
      * @private
      */
-    udpatePosition: function() {
+    udpatePosition() {
       var u = 'px';
       var canvas = c.em.get('Canvas');
       var pos = canvas.getTargetToElementDim(toolbar.el, this.lastEl, {
@@ -133,7 +133,7 @@ module.exports = () => {
      * @param {Object} rte The instance of already defined RTE
      * @private
      * */
-    attach: function(view, rte) {
+    attach(view, rte) {
       // lastEl will be used to place the RTE toolbar
       this.lastEl = view.el;
       var el = view.getChildrenContainer();
@@ -168,7 +168,7 @@ module.exports = () => {
      * @param {Object} rte The instance of already defined RTE
      * @private
      * */
-    detach: function(view, rte) {
+    detach(view, rte) {
       var customRte = this.customRte;
       var el = view.getChildrenContainer();
       if (customRte) {
@@ -187,7 +187,7 @@ module.exports = () => {
      * @param {Object} rte The instance of already defined RTE
      * @private
      * */
-    focus: function(view, rte) {
+    focus(view, rte) {
       var customRte = this.customRte;
       var el = view.getChildrenContainer();
       if (customRte) {
@@ -202,7 +202,7 @@ module.exports = () => {
      * Show the toolbar
      * @private
      * */
-    show: function() {
+    show() {
       var toolbarStyle = toolbar.el.style;
       toolbarStyle.display = "block";
     },
@@ -211,7 +211,7 @@ module.exports = () => {
      * Hide the toolbar
      * @private
      * */
-    hide: function() {
+    hide() {
       toolbar.el.style.display = "none";
     },
 
@@ -219,7 +219,7 @@ module.exports = () => {
      * Isolate the disable propagation method
      * @private
      * */
-    disableProp: function(e) {
+    disableProp(e) {
       e.stopPropagation();
     },
 
@@ -228,7 +228,7 @@ module.exports = () => {
      * @return {HTMLElement}
      * @private
      */
-    getToolbarEl: function() {
+    getToolbarEl() {
       return toolbar.el;
     },
 
@@ -237,7 +237,7 @@ module.exports = () => {
      * @return {HTMLElement}
      * @private
      */
-    render: function(){
+    render() {
       return toolbar.render().el;
     }
 

src/rich_text_editor/model/CommandButton.js

@@ -12,7 +12,7 @@ module.exports = Backbone.Model.extend({
     options: [],
   },
 
-  initialize: function() {
+  initialize() {
     var opts = this.get('options');
     if(opts.length)
       this.set('type', 'select');

src/rich_text_editor/view/CommandButtonSelectView.js

@@ -3,11 +3,11 @@ var CommandButtonView = require('./CommandButtonView');
 
 module.exports = CommandButtonView.extend({
 
-  initialize: function(o, config){
+  initialize(o, config) {
     CommandButtonView.prototype.initialize.apply(this, arguments);
   },
 
-  getInput: function() {
+  getInput() {
     var m = this.model;
     if(!this.input){
       var cmd = m.get('command');
@@ -27,14 +27,14 @@ module.exports = CommandButtonView.extend({
     return this.input;
   },
 
-  getInputCont: function() {
+  getInputCont() {
     var input = this.getInput();
     var pfx = this.ppfx;
     var cont = $('<div class="'+pfx+'field '+pfx+'select"><div class="'+pfx+'sel-arrow"><div class="'+pfx+'d-s-arrow"></div></div></div>');
     return cont.append(input);
   },
 
-  render: function(...args) {
+  render(...args) {
     CommandButtonView.prototype.render.apply(this, args);
     this.$el.html(this.getInputCont());
     return this;

src/rich_text_editor/view/CommandButtonView.js

@@ -3,13 +3,13 @@ var Backbone = require('backbone');
 module.exports = Backbone.View.extend({
   tagName: 'a',
 
-  initialize: function(o, config) {
+  initialize(o, config) {
     this.config = config || {};
     this.ppfx = this.config.pStylePrefix || '';
     this.className = this.config.stylePrefix + 'btn ' + this.model.get('class');
   },
 
-  render: function() {
+  render() {
     this.$el.addClass(this.className);
     return this;
   }