diff --git a/src/asset_manager/index.js b/src/asset_manager/index.js index ba53bc2bc..50603b26f 100644 --- a/src/asset_manager/index.js +++ b/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; }, diff --git a/src/asset_manager/model/Asset.js b/src/asset_manager/model/Asset.js index 0aec9217e..ede28d028 100644 --- a/src/asset_manager/model/Asset.js +++ b/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(); }, diff --git a/src/asset_manager/model/Assets.js b/src/asset_manager/model/Assets.js index 08caa8f34..7c6395db5 100644 --- a/src/asset_manager/model/Assets.js +++ b/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]; diff --git a/src/asset_manager/view/AssetImageView.js b/src/asset_manager/view/AssetImageView.js index 52418b4e5..788a2c04f 100644 --- a/src/asset_manager/view/AssetImageView.js +++ b/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') : ''; diff --git a/src/asset_manager/view/AssetView.js b/src/asset_manager/view/AssetView.js index 3f8f40754..38ed331a1 100644 --- a/src/asset_manager/view/AssetView.js +++ b/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 || ''; diff --git a/src/asset_manager/view/AssetsView.js b/src/asset_manager/view/AssetsView.js index 6d8f38614..8d79780c4 100644 --- a/src/asset_manager/view/AssetsView.js +++ b/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(); diff --git a/src/asset_manager/view/FileUploader.js b/src/asset_manager/view/FileUploader.js index b27344657..df8b05ec7 100644 --- a/src/asset_manager/view/FileUploader.js +++ b/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, diff --git a/src/block_manager/index.js b/src/block_manager/index.js index 3c0893238..6654a1bb2 100644 --- a/src/block_manager/index.js +++ b/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: '

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: '

Put your ...'}, ...] */ - getAll: function(){ + getAll() { return blocks; }, @@ -109,7 +109,7 @@ module.exports = () => { * Render blocks * @return {HTMLElement} */ - render: function(){ + render() { return view.render().el; }, diff --git a/src/block_manager/view/BlockView.js b/src/block_manager/view/BlockView.js index d9976c9d4..2738f140b 100644 --- a/src/block_manager/view/BlockView.js +++ b/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 = '
' + this.model.get('label') + '
'; diff --git a/src/block_manager/view/BlocksView.js b/src/block_manager/view/BlocksView.js index f44bdebcc..9b598c2ce 100644 --- a/src/block_manager/view/BlocksView.js +++ b/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(); diff --git a/src/canvas/index.js b/src/canvas/index.js index fab14c3bd..540165efe 100644 --- a/src/canvas/index.js +++ b/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(); }, }; diff --git a/src/canvas/model/Canvas.js b/src/canvas/model/Canvas.js index 46098cc6e..6f4968364 100644 --- a/src/canvas/model/Canvas.js +++ b/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)); }, diff --git a/src/canvas/view/CanvasView.js b/src/canvas/view/CanvasView.js index 28c6ef409..a88fc7eac 100644 --- a/src/canvas/view/CanvasView.js +++ b/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 = $('
'); 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 = $('
', {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'){ diff --git a/src/canvas/view/FrameView.js b/src/canvas/view/FrameView.js index b079ca2be..d41e01d21 100644 --- a/src/canvas/view/FrameView.js +++ b/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; }, diff --git a/src/code_manager/index.js b/src/code_manager/index.js index 9c5f70861..4c3a69192 100644 --- a/src/code_manager/index.js +++ b/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} * */ - 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} * */ - 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]); diff --git a/src/code_manager/model/CodeMirrorEditor.js b/src/code_manager/model/CodeMirrorEditor.js index 4979288c5..05e229f92 100644 --- a/src/code_manager/model/CodeMirrorEditor.js +++ b/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); diff --git a/src/code_manager/model/CssGenerator.js b/src/code_manager/model/CssGenerator.js index 4d1eabc41..bb1bdfe7a 100644 --- a/src/code_manager/model/CssGenerator.js +++ b/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'); diff --git a/src/code_manager/model/HtmlGenerator.js b/src/code_manager/model/HtmlGenerator.js index de3c7af89..88dc4afec 100644 --- a/src/code_manager/model/HtmlGenerator.js +++ b/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 = ''; diff --git a/src/code_manager/model/JsGenerator.js b/src/code_manager/model/JsGenerator.js index 6dad90f95..948031559 100644 --- a/src/code_manager/model/JsGenerator.js +++ b/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); diff --git a/src/code_manager/model/JsonGenerator.js b/src/code_manager/model/JsonGenerator.js index 037497ced..4085a3192 100644 --- a/src/code_manager/model/JsonGenerator.js +++ b/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; } diff --git a/src/code_manager/view/EditorView.js b/src/code_manager/view/EditorView.js index a98eb5116..3165f3d36 100644 --- a/src/code_manager/view/EditorView.js +++ b/src/code_manager/view/EditorView.js @@ -8,12 +8,12 @@ module.exports = Backbone.View.extend({
`), - 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) ); diff --git a/src/commands/index.js b/src/commands/index.js index 20b92c4c4..89c8c3b83 100644 --- a/src/commands/index.js +++ b/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]); } diff --git a/src/commands/view/CommandAbstract.js b/src/commands/view/CommandAbstract.js index 9efee4f1a..18c2d4093 100644 --- a/src/commands/view/CommandAbstract.js +++ b/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) {}, }); diff --git a/src/commands/view/CreateComponent.js b/src/commands/view/CreateComponent.js index 55b7d0147..1b2193ddc 100644 --- a/src/commands/view/CreateComponent.js +++ b/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(); diff --git a/src/commands/view/DeleteComponent.js b/src/commands/view/DeleteComponent.js index 685d33fb8..0ca30d039 100644 --- a/src/commands/view/DeleteComponent.js +++ b/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() ); }, diff --git a/src/commands/view/ExportTemplate.js b/src/commands/view/ExportTemplate.js index 5a5486cf5..300e2339b 100644 --- a/src/commands/view/ExportTemplate.js +++ b/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() {} }; diff --git a/src/commands/view/Fullscreen.js b/src/commands/view/Fullscreen.js index be95a71f7..9a2baf054 100644 --- a/src/commands/view/Fullscreen.js +++ b/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(); diff --git a/src/commands/view/ImageComponent.js b/src/commands/view/ImageComponent.js index df8539559..b1f064f6a 100644 --- a/src/commands/view/ImageComponent.js +++ b/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); diff --git a/src/commands/view/InsertCustom.js b/src/commands/view/InsertCustom.js index 5f583a3e4..939578a8b 100644 --- a/src/commands/view/InsertCustom.js +++ b/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 || {}; }, }); diff --git a/src/commands/view/MoveComponent.js b/src/commands/view/MoveComponent.js index e1826d968..ac89a8fc3 100644 --- a/src/commands/view/MoveComponent.js +++ b/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); diff --git a/src/commands/view/OpenAssets.js b/src/commands/view/OpenAssets.js index b751c71dd..17714a317 100644 --- a/src/commands/view/OpenAssets.js +++ b/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; diff --git a/src/commands/view/OpenBlocks.js b/src/commands/view/OpenBlocks.js index 7903b77a6..ba9d88ae1 100644 --- a/src/commands/view/OpenBlocks.js +++ b/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'; } diff --git a/src/commands/view/OpenLayers.js b/src/commands/view/OpenLayers.js index 9274102be..e2d44c44e 100644 --- a/src/commands/view/OpenLayers.js +++ b/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(); } diff --git a/src/commands/view/OpenStyleManager.js b/src/commands/view/OpenStyleManager.js index e122be070..52c25c695 100644 --- a/src/commands/view/OpenStyleManager.js +++ b/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(); diff --git a/src/commands/view/OpenTraitManager.js b/src/commands/view/OpenTraitManager.js index 0982a6082..4e6f8dcc2 100644 --- a/src/commands/view/OpenTraitManager.js +++ b/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'; } diff --git a/src/commands/view/Preview.js b/src/commands/view/Preview.js index f06bb9acc..42bbf2fe5 100644 --- a/src/commands/view/Preview.js +++ b/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(); diff --git a/src/commands/view/Resize.js b/src/commands/view/Resize.js index b5964c00c..e43977af4 100644 --- a/src/commands/view/Resize.js +++ b/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(); }, diff --git a/src/commands/view/SelectComponent.js b/src/commands/view/SelectComponent.js index 9ded3d177..cb0a46293 100644 --- a/src/commands/view/SelectComponent.js +++ b/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(); diff --git a/src/commands/view/SelectPosition.js b/src/commands/view/SelectPosition.js index c34fb93a5..889bdac73 100644 --- a/src/commands/view/SelectPosition.js +++ b/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(); diff --git a/src/commands/view/ShowOffset.js b/src/commands/view/ShowOffset.js index 766717c12..40c7b4bb2 100644 --- a/src/commands/view/ShowOffset.js +++ b/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); diff --git a/src/commands/view/SwitchVisibility.js b/src/commands/view/SwitchVisibility.js index 480552205..f2a067f12 100644 --- a/src/commands/view/SwitchVisibility.js +++ b/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 = ""; } diff --git a/src/commands/view/TextComponent.js b/src/commands/view/TextComponent.js index 7ce7251cc..f24022aa5 100644 --- a/src/commands/view/TextComponent.js +++ b/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'); diff --git a/src/css_composer/index.js b/src/css_composer/index.js index 8e3e57255..c527381fe 100644 --- a/src/css_composer/index.js +++ b/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} * @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; } diff --git a/src/css_composer/model/CssRule.js b/src/css_composer/model/CssRule.js index 7922b8df4..3447ee961 100644 --- a/src/css_composer/model/CssRule.js +++ b/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 || ''; diff --git a/src/css_composer/model/CssRules.js b/src/css_composer/model/CssRules.js index a7868de06..53f626df3 100644 --- a/src/css_composer/model/CssRules.js +++ b/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]); diff --git a/src/css_composer/model/Selectors.js b/src/css_composer/model/Selectors.js index ec1f1e66f..e2a95a550 100644 --- a/src/css_composer/model/Selectors.js +++ b/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; diff --git a/src/css_composer/view/CssRuleView.js b/src/css_composer/view/CssRuleView.js index 913d5ede2..d4fcf1094 100644 --- a/src/css_composer/view/CssRuleView.js +++ b/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 = ''; diff --git a/src/css_composer/view/CssRulesView.js b/src/css_composer/view/CssRulesView.js index 8a66f9c05..024eea349 100644 --- a/src/css_composer/view/CssRulesView.js +++ b/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(); diff --git a/src/device_manager/index.js b/src/device_manager/index.js index 39ff0ecf1..ad4471fa5 100644 --- a/src/device_manager/index.js +++ b/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; }, diff --git a/src/device_manager/view/DevicesView.js b/src/device_manager/view/DevicesView.js index d79145d06..a699568bc 100644 --- a/src/device_manager/view/DevicesView.js +++ b/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, diff --git a/src/dom_components/index.js b/src/dom_components/index.js index 0281fe2c2..a86ec0475 100644 --- a/src/dom_components/index.js +++ b/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++) { diff --git a/src/dom_components/model/Component.js b/src/dom_components/model/Component.js index e01014c7b..9444d8662 100644 --- a/src/dom_components/model/Component.js +++ b/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() : ''}; }, diff --git a/src/dom_components/model/ComponentImage.js b/src/dom_components/model/ComponentImage.js index 8cb6742b0..a5cfeabb4 100644 --- a/src/dom_components/model/ComponentImage.js +++ b/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'}; diff --git a/src/dom_components/model/ComponentLink.js b/src/dom_components/model/ComponentLink.js index 4aa102a3b..7d71f26ee 100644 --- a/src/dom_components/model/ComponentLink.js +++ b/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'}; diff --git a/src/dom_components/model/ComponentMap.js b/src/dom_components/model/ComponentMap.js index 39519717b..0de3780bf 100644 --- a/src/dom_components/model/ComponentMap.js +++ b/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) ){ diff --git a/src/dom_components/model/ComponentScript.js b/src/dom_components/model/ComponentScript.js index 0b8a6c720..ec5b1713c 100644 --- a/src/dom_components/model/ComponentScript.js +++ b/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'}; diff --git a/src/dom_components/model/ComponentTable.js b/src/dom_components/model/ComponentTable.js index 0d69fb5c0..016acea36 100644 --- a/src/dom_components/model/ComponentTable.js +++ b/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'}; diff --git a/src/dom_components/model/ComponentTableCell.js b/src/dom_components/model/ComponentTableCell.js index bb7f4d59f..74b0afa8a 100644 --- a/src/dom_components/model/ComponentTableCell.js +++ b/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'){ diff --git a/src/dom_components/model/ComponentTableRow.js b/src/dom_components/model/ComponentTableRow.js index 78c233ee0..3c2642421 100644 --- a/src/dom_components/model/ComponentTableRow.js +++ b/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'}; diff --git a/src/dom_components/model/ComponentTextNode.js b/src/dom_components/model/ComponentTextNode.js index 38ab76c23..1cc5d4c8b 100644 --- a/src/dom_components/model/ComponentTextNode.js +++ b/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 = { diff --git a/src/dom_components/model/ComponentVideo.js b/src/dom_components/model/ComponentVideo.js index e93d345c2..45913b4d1 100644 --- a/src/dom_components/model/ComponentVideo.js +++ b/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} * @private */ - getSourceTraits: function() { + getSourceTraits() { return [ this.getProviderTrait(), { label: 'Source', @@ -174,7 +174,7 @@ module.exports = Component.extend({ * @return {Array} * @private */ - getYoutubeTraits: function() { + getYoutubeTraits() { return [ this.getProviderTrait(), { label: 'Video ID', @@ -193,7 +193,7 @@ module.exports = Component.extend({ * @return {Array} * @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); diff --git a/src/dom_components/model/Components.js b/src/dom_components/model/Components.js index 5b084acb2..130da7189 100644 --- a/src/dom_components/model/Components.js +++ b/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; diff --git a/src/dom_components/view/ComponentImageView.js b/src/dom_components/view/ComponentImageView.js index e286c08be..db684c371 100644 --- a/src/dom_components/view/ComponentImageView.js +++ b/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(); diff --git a/src/dom_components/view/ComponentLinkView.js b/src/dom_components/view/ComponentLinkView.js index b274f8081..6abd8d768 100644 --- a/src/dom_components/view/ComponentLinkView.js +++ b/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 diff --git a/src/dom_components/view/ComponentMapView.js b/src/dom_components/view/ComponentMapView.js index ee7d31647..54b5e76e5 100644 --- a/src/dom_components/view/ComponentMapView.js +++ b/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()); diff --git a/src/dom_components/view/ComponentScriptView.js b/src/dom_components/view/ComponentScriptView.js index 2f10931b8..9e2d7debd 100644 --- a/src/dom_components/view/ComponentScriptView.js +++ b/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; diff --git a/src/dom_components/view/ComponentTextView.js b/src/dom_components/view/ComponentTextView.js index 449c41ef5..4f6844229 100644 --- a/src/dom_components/view/ComponentTextView.js +++ b/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 diff --git a/src/dom_components/view/ComponentVideoView.js b/src/dom_components/view/ComponentVideoView.js index bd43f8abd..6be94f315 100644 --- a/src/dom_components/view/ComponentVideoView.js +++ b/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'); diff --git a/src/dom_components/view/ComponentView.js b/src/dom_components/view/ComponentView.js index 5193e3672..76be0aeed 100644 --- a/src/dom_components/view/ComponentView.js +++ b/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(); diff --git a/src/dom_components/view/ComponentsView.js b/src/dom_components/view/ComponentsView.js index 8e31e9fab..d75592f0e 100644 --- a/src/dom_components/view/ComponentsView.js +++ b/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(); diff --git a/src/dom_components/view/ToolbarButtonView.js b/src/dom_components/view/ToolbarButtonView.js index 1c619257e..e0ea6d24b 100644 --- a/src/dom_components/view/ToolbarButtonView.js +++ b/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; diff --git a/src/dom_components/view/ToolbarView.js b/src/dom_components/view/ToolbarView.js index 719f2f377..b76cb4931 100644 --- a/src/dom_components/view/ToolbarView.js +++ b/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); }, diff --git a/src/domain_abstract/ui/Input.js b/src/domain_abstract/ui/Input.js index ccb6b3760..d635c7aa2 100644 --- a/src/domain_abstract/ui/Input.js +++ b/src/domain_abstract/ui/Input.js @@ -8,7 +8,7 @@ module.exports = Backbone.View.extend({ template: _.template(``), - 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 = $('', { 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({ diff --git a/src/domain_abstract/ui/InputColor.js b/src/domain_abstract/ui/InputColor.js index 7ac574267..dc4962ba6 100644 --- a/src/domain_abstract/ui/InputColor.js +++ b/src/domain_abstract/ui/InputColor.js @@ -12,7 +12,7 @@ module.exports = Input.extend({ `), - 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 = $('
', {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; diff --git a/src/domain_abstract/ui/InputNumber.js b/src/domain_abstract/ui/InputNumber.js index 95bee1d26..b17158eb5 100644 --- a/src/domain_abstract/ui/InputNumber.js +++ b/src/domain_abstract/ui/InputNumber.js @@ -12,7 +12,7 @@ module.exports = Backbone.View.extend({
`), - 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 = $('', { 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()); diff --git a/src/domain_abstract/view/DomainViews.js b/src/domain_abstract/view/DomainViews.js index e7352cdbe..e3ee3a71d 100644 --- a/src/domain_abstract/view/DomainViews.js +++ b/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(); diff --git a/src/editor/index.js b/src/editor/index.js index ef34ded7b..49b33ce3d 100644 --- a/src/editor/index.js +++ b/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; }, diff --git a/src/editor/model/Editor.js b/src/editor/model/Editor.js index cc59f0665..ca03735e9 100644 --- a/src/editor/model/Editor.js +++ b/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(); }, diff --git a/src/editor/view/EditorView.js b/src/editor/view/EditorView.js index 2582528ae..59a742234 100644 --- a/src/editor/view/EditorView.js +++ b/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'); diff --git a/src/modal_dialog/index.js b/src/modal_dialog/index.js index 42004297c..46536cefa 100644 --- a/src/modal_dialog/index.js +++ b/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('
Some HTML content
'); */ - 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; } }; diff --git a/src/modal_dialog/view/ModalView.js b/src/modal_dialog/view/ModalView.js index 132bf4977..9faf83b49 100644 --- a/src/modal_dialog/view/ModalView.js +++ b/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) ); diff --git a/src/navigator/index.js b/src/navigator/index.js index 1a2598263..2ca7ed152 100644 --- a/src/navigator/index.js +++ b/src/navigator/index.js @@ -19,7 +19,7 @@ function Navigator(collection, c) { } Navigator.prototype = { - render : function(){ + render() { return this.ItemsView.render().$el; }, }; diff --git a/src/navigator/view/ItemView.js b/src/navigator/view/ItemView.js index e500c64cd..5d6cab353 100644 --- a/src/navigator/view/ItemView.js +++ b/src/navigator/view/ItemView.js @@ -24,7 +24,7 @@ module.exports = Backbone.View.extend({
`), - 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); diff --git a/src/navigator/view/ItemsView.js b/src/navigator/view/ItemsView.js index f2ecc5570..9856c99cf 100644 --- a/src/navigator/view/ItemsView.js +++ b/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(); diff --git a/src/panels/index.js b/src/panels/index.js index dc070e76e..11b74947f 100644 --- a/src/panels/index.js +++ b/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')) diff --git a/src/panels/model/Button.js b/src/panels/model/Button.js index 067e09d0a..e66951678 100644 --- a/src/panels/model/Button.js +++ b/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')) ); diff --git a/src/panels/model/Buttons.js b/src/panels/model/Buttons.js index c5e2397a2..cf09589f1 100644 --- a/src/panels/model/Buttons.js +++ b/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 ){ diff --git a/src/panels/model/Panel.js b/src/panels/model/Panel.js index f1dc97ca2..1ac83c765 100644 --- a/src/panels/model/Panel.js +++ b/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); diff --git a/src/panels/view/ButtonView.js b/src/panels/view/ButtonView.js index c4dffa2d2..0347a1ff1 100644 --- a/src/panels/view/ButtonView.js +++ b/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); diff --git a/src/panels/view/ButtonsView.js b/src/panels/view/ButtonsView.js index 3dece1c68..e77943ac4 100644 --- a/src/panels/view/ButtonsView.js +++ b/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(); diff --git a/src/panels/view/PanelView.js b/src/panels/view/PanelView.js index b45eef5ae..4a7e40d1a 100644 --- a/src/panels/view/PanelView.js +++ b/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) diff --git a/src/panels/view/PanelsView.js b/src/panels/view/PanelsView.js index aae150b1b..5676802df 100644 --- a/src/panels/view/PanelsView.js +++ b/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(); diff --git a/src/parser/index.js b/src/parser/index.js index d624aba5c..e0b9ededd 100644 --- a/src/parser/index.js +++ b/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); }, diff --git a/src/parser/model/ParserCss.js b/src/parser/model/ParserCss.js index 87957d0da..416681266 100644 --- a/src/parser/model/ParserCss.js +++ b/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} */ - 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} */ - parse: function(str) { + parse(str) { var el = document.createElement('style'); /* el.innerHTML = ".cssClass {border: 2px solid black; background-color: blue;} " + diff --git a/src/parser/model/ParserHtml.js b/src/parser/model/ParserHtml.js index 0cdd9042a..7e1ccc63e 100644 --- a/src/parser/model/ParserHtml.js +++ b/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} */ - 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'); diff --git a/src/plugin_manager/index.js b/src/plugin_manager/index.js index 3c7899e4f..6c856cb4e 100644 --- a/src/plugin_manager/index.js +++ b/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; } diff --git a/src/rich_text_editor/index.js b/src/rich_text_editor/index.js index 145946be0..f25866d86 100644 --- a/src/rich_text_editor/index.js +++ b/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; } diff --git a/src/rich_text_editor/model/CommandButton.js b/src/rich_text_editor/model/CommandButton.js index 2297947a6..c5b841563 100644 --- a/src/rich_text_editor/model/CommandButton.js +++ b/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'); diff --git a/src/rich_text_editor/view/CommandButtonSelectView.js b/src/rich_text_editor/view/CommandButtonSelectView.js index 428e110b1..e049de6ec 100644 --- a/src/rich_text_editor/view/CommandButtonSelectView.js +++ b/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 = $('
'); return cont.append(input); }, - render: function(...args) { + render(...args) { CommandButtonView.prototype.render.apply(this, args); this.$el.html(this.getInputCont()); return this; diff --git a/src/rich_text_editor/view/CommandButtonView.js b/src/rich_text_editor/view/CommandButtonView.js index e1361b0f0..4f5c5d790 100644 --- a/src/rich_text_editor/view/CommandButtonView.js +++ b/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; } diff --git a/src/rich_text_editor/view/CommandButtonsView.js b/src/rich_text_editor/view/CommandButtonsView.js index f62fb5271..e7e1f23d0 100644 --- a/src/rich_text_editor/view/CommandButtonsView.js +++ b/src/rich_text_editor/view/CommandButtonsView.js @@ -8,7 +8,7 @@ module.exports = Backbone.View.extend({ 'data-role': 'editor-toolbar', }, - initialize: function(o){ + initialize(o) { this.config = o.config || {}; var pfx = this.config.stylePrefix || ''; this.id = pfx + this.config.toolbarId; @@ -21,7 +21,7 @@ module.exports = Backbone.View.extend({ * @param {Model} model * @private * */ - addTo: function(model) { + addTo(model) { this.add(model); }, @@ -31,7 +31,7 @@ module.exports = Backbone.View.extend({ * @param {Object} fragment Fragment collection * @private * */ - add: function(model, fragment) { + add(model, fragment) { var frag = fragment || null; var viewObj = CommandButtonView; @@ -60,7 +60,7 @@ module.exports = Backbone.View.extend({ this.$el.append(rendered); }, - render: function() { + render() { var frag = document.createDocumentFragment(); this.$el.empty(); diff --git a/src/rich_text_editor/view/TextEditorView.js b/src/rich_text_editor/view/TextEditorView.js index 677c057ff..b3f50dc73 100644 --- a/src/rich_text_editor/view/TextEditorView.js +++ b/src/rich_text_editor/view/TextEditorView.js @@ -227,7 +227,7 @@ $.fn.wysiwyg.defaults = { selectionMarker: 'edit-focus-marker', selectionColor: 'darkgrey', dragAndDropImages: true, - fileUploadError: function (reason, detail) { console.log("File upload error", reason, detail); } + fileUploadError(reason, detail) { console.log("File upload error", reason, detail); } }; module.exports = $; diff --git a/src/selector_manager/index.js b/src/selector_manager/index.js index 004f98f88..26037444f 100644 --- a/src/selector_manager/index.js +++ b/src/selector_manager/index.js @@ -74,7 +74,7 @@ module.exports = config => { * @return {this} * @private */ - init: function(conf) { + init(conf) { c = conf || {}; for (var name in defaults) { @@ -112,7 +112,7 @@ module.exports = config => { * label: 'selectorName' * }); * */ - add: function(name, opts){ + add(name, opts) { var obj = opts || {}; obj.name = name.name || name; return selectors.add(obj); @@ -125,7 +125,7 @@ module.exports = config => { * @example * var selector = selectorManager.get('selectorName'); * */ - get: function(name) { + get(name) { return selectors.where({name: name})[0]; }, @@ -133,7 +133,7 @@ module.exports = config => { * Get all selectors * @return {Collection} * */ - getAll: function() { + getAll() { return selectors; }, @@ -143,7 +143,7 @@ module.exports = config => { * @return {HTMLElement} * @private */ - render: function(selectors) { + render(selectors) { if(selectors){ var view = new ClassTagsView({ collection: new Selectors(selectors), diff --git a/src/selector_manager/model/Selector.js b/src/selector_manager/model/Selector.js index 606d7bda9..37c01983b 100644 --- a/src/selector_manager/model/Selector.js +++ b/src/selector_manager/model/Selector.js @@ -11,7 +11,7 @@ module.exports = Backbone.Model.extend({ active: true, }, - initialize: function() { + initialize() { this.set('name', this.escapeName(this.get('name'))); var label = this.get('label').trim(); if(!label) @@ -24,7 +24,7 @@ module.exports = Backbone.Model.extend({ * @return {string} * @private */ - escapeName: function(name) { + escapeName(name) { return name.replace(/([^a-z0-9\w]+)/gi, '-'); }, diff --git a/src/selector_manager/view/ClassTagView.js b/src/selector_manager/view/ClassTagView.js index acabb7cf9..2773ce39a 100644 --- a/src/selector_manager/view/ClassTagView.js +++ b/src/selector_manager/view/ClassTagView.js @@ -10,7 +10,7 @@ module.exports = Backbone.View.extend({ events: {}, - initialize: function(o) { + initialize(o) { this.config = o.config || {}; this.coll = o.coll || null; this.pfx = this.config.stylePrefix || ''; @@ -35,7 +35,7 @@ module.exports = Backbone.View.extend({ * Start editing tag * @private */ - startEditTag: function(){ + startEditTag() { this.$labelInput.prop(this.inputProp, false); }, @@ -44,7 +44,7 @@ module.exports = Backbone.View.extend({ * old one will be restored otherwise will be changed * @private */ - endEditTag: function(){ + endEditTag() { var value = this.$labelInput.val(); var next = this.model.escapeName(value); @@ -65,7 +65,7 @@ module.exports = Backbone.View.extend({ * Update status of the tag * @private */ - changeStatus: function(){ + changeStatus() { this.model.set('active', !this.model.get('active')); this.target.trigger('targetClassUpdated'); }, @@ -75,7 +75,7 @@ module.exports = Backbone.View.extend({ * @param {Object} e * @private */ - removeTag: function(e){ + removeTag(e) { var comp = this.target.get('selectedComponent'); if(comp) @@ -93,7 +93,7 @@ module.exports = Backbone.View.extend({ * Update status of the checkbox * @private */ - updateStatus: function(){ + updateStatus() { if(!this.$chk) this.$chk = this.$el.find('#' + this.pfx + 'checkbox'); @@ -110,7 +110,7 @@ module.exports = Backbone.View.extend({ * Update label's input * @private */ - updateInputLabel: function(){ + updateInputLabel() { if(!this.$labelInput) this.$labelInput = this.$el.find('input'); var size = this.$labelInput.val().length - 1; @@ -119,7 +119,7 @@ module.exports = Backbone.View.extend({ }, - render : function(){ + render() { this.$el.html( this.template({ label: this.model.get('label'), pfx: this.pfx, diff --git a/src/selector_manager/view/ClassTagsView.js b/src/selector_manager/view/ClassTagsView.js index f31216b6b..dd2a6fa39 100644 --- a/src/selector_manager/view/ClassTagsView.js +++ b/src/selector_manager/view/ClassTagsView.js @@ -33,7 +33,7 @@ module.exports = Backbone.View.extend({ events: {}, - initialize: function(o) { + initialize(o) { this.config = o.config || {}; this.pfx = this.config.stylePrefix || ''; this.ppfx = this.config.pStylePrefix || ''; @@ -65,7 +65,7 @@ module.exports = Backbone.View.extend({ * @param {Object} model Removed model * @private */ - tagRemoved: function(model){ + tagRemoved(model) { this.updateStateVis(); }, @@ -74,7 +74,7 @@ module.exports = Backbone.View.extend({ * @return {string} String of options * @private */ - getStateOptions: function(){ + getStateOptions() { var strInput = ''; for(var i = 0; i < this.states.length; i++){ strInput += ''; @@ -87,7 +87,7 @@ module.exports = Backbone.View.extend({ * @param {Object} model * @private */ - addNew: function(model){ + addNew(model) { this.addToClasses(model); }, @@ -96,7 +96,7 @@ module.exports = Backbone.View.extend({ * @param {Object} e * @private */ - startNewTag: function(e) { + startNewTag(e) { this.$addBtn.hide(); this.$input.show().focus(); }, @@ -106,7 +106,7 @@ module.exports = Backbone.View.extend({ * @param {Object} e * @private */ - endNewTag: function(e) { + endNewTag(e) { this.$addBtn.show(); this.$input.hide().val(''); }, @@ -116,7 +116,7 @@ module.exports = Backbone.View.extend({ * @param {Object} e * @private */ - onInputKeyUp: function(e) { + onInputKeyUp(e) { if (e.keyCode === 13) this.addNewTag(this.$input.val()); else if(e.keyCode === 27) @@ -128,7 +128,7 @@ module.exports = Backbone.View.extend({ * @param {Object} e * @private */ - componentChanged: function(e){ + componentChanged(e) { this.compTarget = this.target.get('selectedComponent'); if(this.compTarget) this.getStates().val(this.compTarget.get('state')); @@ -142,7 +142,7 @@ module.exports = Backbone.View.extend({ * inside collection * @private */ - updateStateVis: function(){ + updateStateVis() { if(this.collection.length) this.getStatesC().css('display','block'); else @@ -155,7 +155,7 @@ module.exports = Backbone.View.extend({ * @return {this} * @private */ - updateSelector: function(){ + updateSelector() { this.compTarget = this.target.get('selectedComponent'); if(!this.compTarget || !this.compTarget.get) return; @@ -177,7 +177,7 @@ module.exports = Backbone.View.extend({ * @param {Object} e * @private */ - stateChanged: function(e){ + stateChanged(e) { if(this.compTarget){ this.compTarget.set('state', this.$states.val()); if(this.target) @@ -191,7 +191,7 @@ module.exports = Backbone.View.extend({ * @param {Object} e * @private */ - addNewTag: function(name){ + addNewTag(name) { if(!name) return; @@ -222,7 +222,7 @@ module.exports = Backbone.View.extend({ * @return {Object} Object created * @private * */ - addToClasses: function(model, fragmentEl) { + addToClasses(model, fragmentEl) { var fragment = fragmentEl || null; var view = new ClassTagView({ @@ -245,7 +245,7 @@ module.exports = Backbone.View.extend({ * @return {this} * @private */ - renderClasses: function() { + renderClasses() { var fragment = document.createDocumentFragment(); this.collection.each(function(model){ @@ -263,7 +263,7 @@ module.exports = Backbone.View.extend({ * @return {HTMLElement} * @private */ - getClasses: function() { + getClasses() { if(!this.$classes) this.$classes = this.$el.find('#' + this.pfx + 'tags-c'); return this.$classes; @@ -274,7 +274,7 @@ module.exports = Backbone.View.extend({ * @return {HTMLElement} * @private */ - getStates: function() { + getStates() { if(!this.$states) this.$states = this.$el.find('#' + this.stateInputId); return this.$states; @@ -285,13 +285,13 @@ module.exports = Backbone.View.extend({ * @return {HTMLElement} * @private */ - getStatesC: function() { + getStatesC() { if(!this.$statesC) this.$statesC = this.$el.find('#' + this.stateInputC); return this.$statesC; }, - render : function(){ + render() { this.$el.html( this.template({ label: this.config.label, statesLabel: this.config.statesLabel, diff --git a/src/storage_manager/config/config.js b/src/storage_manager/config/config.js index 91f484b4e..6b244d2b9 100644 --- a/src/storage_manager/config/config.js +++ b/src/storage_manager/config/config.js @@ -42,10 +42,10 @@ module.exports = { urlLoad: '', //Callback before request - beforeSend: function(jqXHR, settings){}, + beforeSend(jqXHR, settings) {}, //Callback after request - onComplete: function(jqXHR, status){}, + onComplete(jqXHR, status) {}, // set contentType paramater of $.ajax // true: application/json; charset=utf-8' diff --git a/src/storage_manager/index.js b/src/storage_manager/index.js index e04d1654d..a8289c6a7 100644 --- a/src/storage_manager/index.js +++ b/src/storage_manager/index.js @@ -55,7 +55,7 @@ module.exports = () => { * } * ... */ - init: function(config) { + init(config) { c = config || {}; for (var name in defaults){ if (!(name in c)) @@ -72,7 +72,7 @@ module.exports = () => { * Callback executed after the module is loaded * @private */ - onLoad: function(){ + onLoad() { this.loadDefaultProviders().setCurrent(c.type); }, @@ -80,7 +80,7 @@ module.exports = () => { * Checks if autosave is enabled * @return {Boolean} * */ - isAutosave: function(){ + isAutosave() { return !!c.autosave; }, @@ -89,7 +89,7 @@ module.exports = () => { * @param {Boolean} v * @return {this} * */ - setAutosave : function(v){ + setAutosave(v) { c.autosave = !!v; return this; }, @@ -98,7 +98,7 @@ module.exports = () => { * Returns number of steps required before trigger autosave * @return {number} * */ - getStepsBeforeSave: function(){ + getStepsBeforeSave() { return c.stepsBeforeSave; }, @@ -107,7 +107,7 @@ module.exports = () => { * @param {number} v * @return {this} * */ - setStepsBeforeSave: function(v){ + setStepsBeforeSave(v) { c.stepsBeforeSave = v; return this; }, @@ -135,7 +135,7 @@ module.exports = () => { * } * }); * */ - add: function(id, storage) { + add(id, storage) { storages[id] = storage; return this; }, @@ -145,7 +145,7 @@ module.exports = () => { * @param {string} id Storage ID * @return {Object|null} * */ - get: function(id){ + get(id) { return storages[id] || null; }, @@ -153,7 +153,7 @@ module.exports = () => { * Returns all storages * @return {Array} * */ - getStorages: function() { + getStorages() { return storages; }, @@ -161,7 +161,7 @@ module.exports = () => { * Returns current storage type * @return {string} * */ - getCurrent: function() { + getCurrent() { return c.currentStorage; }, @@ -170,7 +170,7 @@ module.exports = () => { * @param {string} id Storage ID * @return {this} * */ - setCurrent: function(id) { + setCurrent(id) { c.currentStorage = id; return this; }, @@ -183,7 +183,7 @@ module.exports = () => { * @example * storageManager.store({item1: value1, item2: value2}); * */ - store: function(data, clb) { + store(data, clb) { var st = this.get(this.getCurrent()); var dataF = {}; @@ -203,7 +203,7 @@ module.exports = () => { * var data2 = storageManager.load('item1'); * // data2 -> {item1: value1} * */ - load: function(keys){ + load(keys) { var st = this.get(this.getCurrent()); var keysF = []; var result = {}; @@ -231,7 +231,7 @@ module.exports = () => { * @return {this} * @private * */ - loadDefaultProviders : function() { + loadDefaultProviders() { for (var id in defaultStorages) this.add(id, defaultStorages[id]); return this; @@ -242,7 +242,7 @@ module.exports = () => { * @return {Object} * @private * */ - getConfig : function() { + getConfig() { return c; }, diff --git a/src/storage_manager/model/LocalStorage.js b/src/storage_manager/model/LocalStorage.js index 2cdbcc123..4255010ff 100644 --- a/src/storage_manager/model/LocalStorage.js +++ b/src/storage_manager/model/LocalStorage.js @@ -9,7 +9,7 @@ module.exports = Backbone.Model.extend({ /** * @private */ - store: function(data, clb) { + store(data, clb) { this.checkStorageEnvironment(); for(var key in data) @@ -23,7 +23,7 @@ module.exports = Backbone.Model.extend({ /** * @private */ - load: function(keys){ + load(keys) { this.checkStorageEnvironment(); var result = {}; @@ -39,7 +39,7 @@ module.exports = Backbone.Model.extend({ /** * @private */ - remove: function(keys) { + remove(keys) { this.checkStorageEnvironment(); for (var i = 0, len = keys.length; i < len; i++) @@ -50,7 +50,7 @@ module.exports = Backbone.Model.extend({ * Check storage environment * @private * */ - checkStorageEnvironment: function() { + checkStorageEnvironment() { if(this.get('checkLocal') && !localStorage) console.warn("Your browser doesn't support localStorage"); }, diff --git a/src/storage_manager/model/RemoteStorage.js b/src/storage_manager/model/RemoteStorage.js index f432dd6fa..cfb7340cf 100644 --- a/src/storage_manager/model/RemoteStorage.js +++ b/src/storage_manager/model/RemoteStorage.js @@ -6,15 +6,15 @@ module.exports = Backbone.Model.extend({ urlStore: '', urlLoad: '', params: {}, - beforeSend: function(){}, - onComplete: function(){}, + beforeSend() {}, + onComplete() {}, contentTypeJson: false }, /** * @private */ - store: function(data, clb) { + store(data, clb) { var fd = {}, params = this.get('params'); @@ -42,7 +42,7 @@ module.exports = Backbone.Model.extend({ /** * @private */ - load: function(keys){ + load(keys) { var result = {}, fd = {}, params = this.get('params'); diff --git a/src/style_manager/index.js b/src/style_manager/index.js index ed2deed4a..8673732d3 100644 --- a/src/style_manager/index.js +++ b/src/style_manager/index.js @@ -68,7 +68,7 @@ module.exports = () => { * @return {Object} * @private */ - getConfig: function(){ + getConfig() { return c; }, @@ -76,7 +76,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)) @@ -112,7 +112,7 @@ module.exports = () => { * properties: [{ name: 'My property'}] * }); * */ - addSector: function(id, sector){ + addSector(id, sector) { var result = this.getSector(id); if(!result){ sector.id = id; @@ -128,7 +128,7 @@ module.exports = () => { * @example * var sector = styleManager.getSector('mySector'); * */ - getSector: function(id){ + getSector(id) { var res = sectors.where({id: id}); return res.length ? res[0] : null; }, @@ -137,7 +137,7 @@ module.exports = () => { * Get all sectors * @return {Sectors} Collection of sectors * */ - getSectors: function(){ + getSectors() { return sectors; }, @@ -176,7 +176,7 @@ module.exports = () => { * }], * }); */ - addProperty: function(sectorId, property){ + addProperty(sectorId, property) { var prop = null; var sector = this.getSector(sectorId); @@ -194,7 +194,7 @@ module.exports = () => { * @example * var property = styleManager.getProperty('mySector','min-height'); */ - getProperty: function(sectorId, name){ + getProperty(sectorId, name) { var prop = null; var sector = this.getSector(sectorId); @@ -213,7 +213,7 @@ module.exports = () => { * @example * var properties = styleManager.getProperties('mySector'); */ - getProperties: function(sectorId){ + getProperties(sectorId) { var props = null; var sector = this.getSector(sectorId); @@ -231,7 +231,7 @@ module.exports = () => { * @param {Model} model * @return {Model} */ - getModelToStyle: function (model) { + getModelToStyle(model) { var classes = model.get('classes'); if(c.em && classes && classes.length) { @@ -257,7 +257,7 @@ module.exports = () => { * Render sectors and properties * @return {HTMLElement} * */ - render: function(){ + render() { return SectView.render().el; }, diff --git a/src/style_manager/model/Layer.js b/src/style_manager/model/Layer.js index 615e24870..55bf5db5d 100644 --- a/src/style_manager/model/Layer.js +++ b/src/style_manager/model/Layer.js @@ -10,7 +10,7 @@ module.exports = Backbone.Model.extend({ preview: false, }, - initialize: function(){ + initialize() { var value = this.get('value'); // If there is no value I'll try to get it from values diff --git a/src/style_manager/model/Layers.js b/src/style_manager/model/Layers.js index d66a4b3f5..41f09b7cd 100644 --- a/src/style_manager/model/Layers.js +++ b/src/style_manager/model/Layers.js @@ -5,18 +5,18 @@ module.exports = Backbone.Collection.extend({ model: Layer, - initialize: function(){ + initialize() { this.idx = 1; this.on('add', this.onAdd); this.on('reset', this.onReset); }, - onAdd: function(model, c, opts){ + onAdd(model, c, opts) { if(!opts.noIncrement) model.set('index', this.idx++); }, - onReset: function(){ + onReset() { this.idx = 1; }, diff --git a/src/style_manager/model/Property.js b/src/style_manager/model/Property.js index 563533755..059765856 100644 --- a/src/style_manager/model/Property.js +++ b/src/style_manager/model/Property.js @@ -23,7 +23,7 @@ module.exports = Backbone.Model.extend({ fixedValues: ['initial', 'inherit'], }, - initialize: function(opt) { + initialize(opt) { var o = opt || {}; var type = this.get('type'); var name = this.get('name'); @@ -50,7 +50,7 @@ module.exports = Backbone.Model.extend({ * @return {string} Value * @private */ - getValue: function() { + getValue() { var result = ''; var type = this.get('type'); diff --git a/src/style_manager/model/PropertyFactory.js b/src/style_manager/model/PropertyFactory.js index 22360048f..cdc4ee3c1 100644 --- a/src/style_manager/model/PropertyFactory.js +++ b/src/style_manager/model/PropertyFactory.js @@ -6,7 +6,7 @@ module.exports = () => ({ * @param {Array|string} props Array of properties name * @return {Array} */ - build: function(props){ + build(props) { var objs = []; var dftFixedValues = ['initial', 'inherit']; diff --git a/src/style_manager/model/Sector.js b/src/style_manager/model/Sector.js index d204990b0..b6dbfdde8 100644 --- a/src/style_manager/model/Sector.js +++ b/src/style_manager/model/Sector.js @@ -13,7 +13,7 @@ module.exports = Backbone.Model.extend({ properties : [], }, - initialize: function(opts) { + initialize(opts) { var o = opts || {}; var props = []; var builded = this.buildProperties(o.buildProps); @@ -36,7 +36,7 @@ module.exports = Backbone.Model.extend({ * @return {Array} Final props * @private */ - extendProperties: function(props, moProps, ex){ + extendProperties(props, moProps, ex) { var pLen = props.length; var mProps = moProps || this.get('properties'); var ext = this.get('extendBuilded'); @@ -76,7 +76,7 @@ module.exports = Backbone.Model.extend({ * @return {Array} * @private */ - buildProperties: function(props){ + buildProperties(props) { var r; var buildP = props || []; diff --git a/src/style_manager/view/LayerView.js b/src/style_manager/view/LayerView.js index 71435775b..79f8a2652 100644 --- a/src/style_manager/view/LayerView.js +++ b/src/style_manager/view/LayerView.js @@ -18,7 +18,7 @@ module.exports = Backbone.View.extend({
`), - initialize: function(o) { + initialize(o) { this.stackModel = o.stackModel || {}; this.config = o.config || {}; this.pfx = this.config.stylePrefix || ''; @@ -41,7 +41,7 @@ module.exports = Backbone.View.extend({ * Delegate sorting * @param {Event} e * */ - initSorter: function(e){ + initSorter(e) { if(this.sorter) this.sorter.startSort(this.el); }, @@ -50,7 +50,7 @@ module.exports = Backbone.View.extend({ * Returns properties * @return {Collection|null} */ - getProps: function(){ + getProps() { if(this.stackModel.get) return this.stackModel.get('properties'); else @@ -60,7 +60,7 @@ module.exports = Backbone.View.extend({ /** * Emitted when the value is changed */ - valueChanged: function() { + valueChanged() { var preview = this.model.get('preview'); if(!preview) @@ -84,7 +84,7 @@ module.exports = Backbone.View.extend({ * @param {Collection} props * @param {Element} $el */ - onPreview: function(props, $el) { + onPreview(props, $el) { var aV = this.model.get('value').split(' '); var lim = 3; var nV = ''; @@ -115,14 +115,14 @@ module.exports = Backbone.View.extend({ /** * Show inputs on this layer * */ - showProps:function(){ + showProps() { this.$props = this.model.get('props'); this.$el.find('#' + this.pfx + 'inputs').html(this.$props.show()); this.model.set({props: null }, {silent: true }); }, /** @inheritdoc */ - remove: function(e){ + remove(e) { // Prevent from revoming all events on props if(this.$props) this.$props.detach(); @@ -148,7 +148,7 @@ module.exports = Backbone.View.extend({ * * @return void * */ - updateIndex: function(e) { + updateIndex(e) { var i = this.getIndex(); this.stackModel.set('stackIndex', i); @@ -162,7 +162,7 @@ module.exports = Backbone.View.extend({ * Fetch model index * @return {number} Index */ - getIndex: function() { + getIndex() { var index = 0; var model = this.model; @@ -173,7 +173,7 @@ module.exports = Backbone.View.extend({ return index; }, - render : function(){ + render() { this.$el.html( this.template({ label: 'Layer ' + this.model.get('index'), pfx: this.pfx, diff --git a/src/style_manager/view/LayersView.js b/src/style_manager/view/LayersView.js index 39e299859..1ed8627d6 100644 --- a/src/style_manager/view/LayersView.js +++ b/src/style_manager/view/LayersView.js @@ -3,7 +3,7 @@ var LayerView = require('./LayerView'); module.exports = Backbone.View.extend({ - initialize: function(o) { + initialize(o) { this.config = o.config || {}; this.stackModel = o.stackModel; this.preview = o.preview; @@ -34,7 +34,7 @@ module.exports = Backbone.View.extend({ * * @return Object * */ - addTo: function(model){ + addTo(model) { var i = this.collection.indexOf(model); this.addToCollection(model, null, i); }, @@ -47,7 +47,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 = LayerView; @@ -91,11 +91,11 @@ module.exports = Backbone.View.extend({ * * @return void * */ - deselectAll: function(){ + deselectAll() { this.$el.find('.'+ this.pfx +'layer').removeClass(this.pfx + 'active'); }, - render: function() { + render() { var fragment = document.createDocumentFragment(); this.$el.empty(); diff --git a/src/style_manager/view/PropertiesView.js b/src/style_manager/view/PropertiesView.js index ceee0b494..21b0ed0d8 100644 --- a/src/style_manager/view/PropertiesView.js +++ b/src/style_manager/view/PropertiesView.js @@ -10,7 +10,7 @@ var PropertyStackView = require('./PropertyStackView'); module.exports = Backbone.View.extend({ - initialize: function(o) { + initialize(o) { this.config = o.config || {}; this.pfx = this.config.stylePrefix || ''; this.target = o.target || {}; @@ -20,7 +20,7 @@ module.exports = Backbone.View.extend({ this.customValue = o.customValue || {}; }, - render: function() { + render() { var fragment = document.createDocumentFragment(); this.collection.each(function(model){ diff --git a/src/style_manager/view/PropertyColorView.js b/src/style_manager/view/PropertyColorView.js index 0b796a06b..58485a13f 100644 --- a/src/style_manager/view/PropertyColorView.js +++ b/src/style_manager/view/PropertyColorView.js @@ -4,9 +4,9 @@ var InputColor = require('domain_abstract/ui/InputColor'); module.exports = PropertyView.extend({ - renderTemplate: function(){}, + renderTemplate() {}, - renderInput: function() { + renderInput() { if (!this.input) { var inputColor = new InputColor({ target: this.target, @@ -21,7 +21,7 @@ module.exports = PropertyView.extend({ this.setValue(this.componentValue); }, - setValue: function(value){ + setValue(value) { this.input.setValue(value, {silent: 1}); }, diff --git a/src/style_manager/view/PropertyCompositeView.js b/src/style_manager/view/PropertyCompositeView.js index 8f68ec700..da8046a04 100644 --- a/src/style_manager/view/PropertyCompositeView.js +++ b/src/style_manager/view/PropertyCompositeView.js @@ -9,7 +9,7 @@ module.exports = PropertyView.extend({
`), - initialize: function(o) { + initialize(o) { PropertyView.prototype.initialize.apply(this, arguments); _.bindAll(this, 'build'); this.config = o.config || {}; @@ -19,7 +19,7 @@ module.exports = PropertyView.extend({ /** * Fired when the input value is updated */ - valueUpdated: function(...args) { + valueUpdated(...args) { if(!this.model.get('detached')) PropertyView.prototype.valueUpdated.apply(this, args); }, @@ -27,7 +27,7 @@ module.exports = PropertyView.extend({ /** * Renders input * */ - renderInput: function() { + renderInput() { var model = this.model; var props = model.get('properties') || []; var self = this; @@ -63,7 +63,7 @@ module.exports = PropertyView.extend({ * @param {Object} opts * @return {Object} */ - getPropsConfig: function(opts){ + getPropsConfig(opts) { var that = this; var result = { @@ -72,13 +72,13 @@ module.exports = PropertyView.extend({ target: this.target, propTarget: this.propTarget, // On any change made to children I need to update composite value - onChange: function(el, view, opts){ + onChange(el, view, opts) { var result = that.build(); that.model.set('value', result, opts); }, // Each child property will receive a full composite string, eg. '0px 0px 10px 0px' // I need to extract from that string the corresponding one to that property. - customValue: function(property, mIndex){ + customValue(property, mIndex) { return that.valueOnIndex(mIndex, property); }, }; @@ -94,7 +94,7 @@ module.exports = PropertyView.extend({ * Get default value of the property * @return {string} * */ - getDefaultValue: function(){ + getDefaultValue() { var str = ''; this.props.each((prop, index) => { str += prop.get('defaults') + prop.get('unit') + ' '; @@ -108,7 +108,7 @@ module.exports = PropertyView.extend({ * @param {Object} view Property view * @return {string} * */ - valueOnIndex: function(index, view){ + valueOnIndex(index, view) { var result = null; var a = this.getComponentValue().split(' '); if(a.length && a[index]){ @@ -129,7 +129,7 @@ module.exports = PropertyView.extend({ * @param {Object} opts Options * @return {string} * */ - build: function(selectedEl, propertyView, opts){ + build(selectedEl, propertyView, opts) { var result = ''; this.model.get('properties').each(prop => { var v = prop.getValue(); diff --git a/src/style_manager/view/PropertyFileView.js b/src/style_manager/view/PropertyFileView.js index 5caa50d7a..7fe463ee9 100644 --- a/src/style_manager/view/PropertyFileView.js +++ b/src/style_manager/view/PropertyFileView.js @@ -16,7 +16,7 @@ module.exports = PropertyView.extend({
`), - initialize: function(options) { + initialize(options) { PropertyView.prototype.initialize.apply(this, arguments); this.assets = this.target.get('assets'); this.modal = this.target.get('Modal'); @@ -28,7 +28,7 @@ module.exports = PropertyView.extend({ }, /** @inheritdoc */ - renderInput: function() { + renderInput() { if (!this.$input) { this.$input = $('', {placeholder: this.defaultValue, type: 'text' }); } @@ -55,7 +55,7 @@ module.exports = PropertyView.extend({ * * @return void * */ - setPreviewView: function(v){ + setPreviewView(v) { if(!this.$previewBox) return; if(v) @@ -70,7 +70,7 @@ module.exports = PropertyView.extend({ * * @return void * */ - spreadUrl: function(url) { + spreadUrl(url) { this.setValue(url); this.setPreviewView(1); }, @@ -79,19 +79,19 @@ module.exports = PropertyView.extend({ * Shows file preview * @param string Value * */ - setPreview: function(url) { + setPreview(url) { if(this.$preview) this.$preview.css('background-image', "url(" + url + ")"); }, /** @inheritdoc */ - setValue: function(value, f){ + setValue(value, f) { PropertyView.prototype.setValue.apply(this, arguments); this.setPreview(value); }, /** @inheritdoc */ - renderTemplate: function(){ + renderTemplate() { this.$el.append( this.template({ upload : 'Upload', assets : 'Images', @@ -100,7 +100,7 @@ module.exports = PropertyView.extend({ }, /** @inheritdoc */ - cleanValue: function(){ + cleanValue() { this.setPreviewView(0); this.model.set({value: ''},{silent: true}); }, @@ -110,7 +110,7 @@ module.exports = PropertyView.extend({ * * @return void * */ - removeFile:function(...args) { + removeFile(...args) { this.model.set('value',this.defaultValue); PropertyView.prototype.cleanValue.apply(this, args); this.setPreviewView(0); @@ -122,7 +122,7 @@ module.exports = PropertyView.extend({ * * @return void * */ - openAssetManager: function(e){ + openAssetManager(e) { var that = this; if(this.modal && this.am){ this.modal.setTitle('Select image'); diff --git a/src/style_manager/view/PropertyIntegerView.js b/src/style_manager/view/PropertyIntegerView.js index a5bb072b1..3711e7132 100644 --- a/src/style_manager/view/PropertyIntegerView.js +++ b/src/style_manager/view/PropertyIntegerView.js @@ -4,7 +4,7 @@ var InputNumber = require('domain_abstract/ui/InputNumber'); module.exports = PropertyView.extend({ - initialize: function(options) { + initialize(options) { PropertyView.prototype.initialize.apply(this, arguments); this.listenTo( this.model ,'change:unit', this.valueChanged); }, @@ -13,12 +13,12 @@ module.exports = PropertyView.extend({ * Returns value from inputs * @return {string} */ - getValueForTarget: function() { + getValueForTarget() { var model = this.model; return model.get('value') + model.get('unit'); }, - renderInput: function() { + renderInput() { if (!this.input) { var inputNumber = new InputNumber({ model: this.model, @@ -32,9 +32,9 @@ module.exports = PropertyView.extend({ this.setValue(this.componentValue); }, - renderTemplate: function(){}, + renderTemplate() {}, - setValue: function(value) { + setValue(value) { this.input.setValue(value, {silent: 1}); }, diff --git a/src/style_manager/view/PropertyRadioView.js b/src/style_manager/view/PropertyRadioView.js index ae3c54c98..ee1febfd4 100644 --- a/src/style_manager/view/PropertyRadioView.js +++ b/src/style_manager/view/PropertyRadioView.js @@ -9,14 +9,14 @@ module.exports = PropertyView.extend({
`), - initialize: function(options) { + initialize(options) { PropertyView.prototype.initialize.apply(this, arguments); this.list = this.model.get('list') || []; this.className = this.className + ' '+ this.pfx +'list'; }, /** @inheritdoc */ - renderInput: function() { + renderInput() { var pfx = this.pfx; var ppfx = this.ppfx; var itemCls = ppfx + 'radio-item-label'; @@ -48,12 +48,12 @@ module.exports = PropertyView.extend({ * Returns value from input * @return {string} */ - getInputValue: function(){ + getInputValue() { return this.$input ? this.$el.find('input:checked').val() : ''; }, /** @inheritdoc */ - setValue: function(value){ + setValue(value) { var v = this.model.get('value') || this.defaultValue; if(value) diff --git a/src/style_manager/view/PropertySelectView.js b/src/style_manager/view/PropertySelectView.js index b786b334e..f3b46e39e 100644 --- a/src/style_manager/view/PropertySelectView.js +++ b/src/style_manager/view/PropertySelectView.js @@ -12,13 +12,13 @@ module.exports = PropertyView.extend({
`), - initialize: function(options) { + initialize(options) { PropertyView.prototype.initialize.apply(this, arguments); this.list = this.model.get('list') || []; }, /** @inheritdoc */ - renderInput: function() { + renderInput() { var pfx = this.pfx; if(!this.$input){ var input = '', { placeholder: this.model.get('defaults'), @@ -394,18 +394,18 @@ module.exports = Backbone.View.extend({ /** * Request to render input of the property * */ - renderInputRequest: function(){ + renderInputRequest() { this.renderInput(); }, /** * Clean input * */ - cleanValue: function(){ + cleanValue() { this.setValue(''); }, - render : function(){ + render() { this.renderLabel(); this.renderField(); this.$el.attr('class', this.className); diff --git a/src/style_manager/view/SectorView.js b/src/style_manager/view/SectorView.js index 2873dc7a7..7c87b8fcb 100644 --- a/src/style_manager/view/SectorView.js +++ b/src/style_manager/view/SectorView.js @@ -11,7 +11,7 @@ module.exports = Backbone.View.extend({ events:{}, - initialize: function(o) { + initialize(o) { this.config = o.config || {}; this.pfx = this.config.stylePrefix || ''; this.target = o.target || {}; @@ -28,7 +28,7 @@ module.exports = Backbone.View.extend({ /** * If all properties are hidden this will hide the sector */ - updateVisibility: function () { + updateVisibility() { var show; this.model.get('properties').each(prop => { if (prop.get('visible')) { @@ -41,8 +41,7 @@ module.exports = Backbone.View.extend({ /** * Update visibility */ - updateOpen: function() - { + updateOpen() { if(this.model.get('open')) this.show(); else @@ -52,8 +51,7 @@ module.exports = Backbone.View.extend({ /** * Show the content of the sector * */ - show : function() - { + show() { this.$el.addClass(this.pfx + "open"); this.$el.find('.' + this.pfx + 'properties').show(); this.$caret.removeClass(this.caretR).addClass(this.caretD); @@ -62,8 +60,7 @@ module.exports = Backbone.View.extend({ /** * Hide the content of the sector * */ - hide : function() - { + hide() { this.$el.removeClass(this.pfx + "open"); this.$el.find('.' + this.pfx + 'properties').hide(); this.$caret.removeClass(this.caretD).addClass(this.caretR); @@ -72,14 +69,12 @@ module.exports = Backbone.View.extend({ /** * Toggle visibility * */ - toggle: function() - { + toggle() { var v = this.model.get('open') ? 0 : 1; this.model.set('open', v); }, - render : function() - { + render() { this.$el.html(this.template({ pfx: this.pfx, label: this.model.get('name'), @@ -91,8 +86,7 @@ module.exports = Backbone.View.extend({ return this; }, - renderProperties: function() - { + renderProperties() { var objs = this.model.get('properties'); if(objs){ diff --git a/src/style_manager/view/SectorsView.js b/src/style_manager/view/SectorsView.js index 376dc1e26..0e0bf1625 100644 --- a/src/style_manager/view/SectorsView.js +++ b/src/style_manager/view/SectorsView.js @@ -3,7 +3,7 @@ var SectorView = require('./SectorView'); module.exports = Backbone.View.extend({ - initialize: function(o) { + initialize(o) { this.config = o.config || {}; this.pfx = this.config.stylePrefix || ''; this.target = o.target || {}; @@ -24,7 +24,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({ * Fired when target is updated * @private */ - targetUpdated: function() { + targetUpdated() { var el = this.target.get('selectedComponent'); if(!el) @@ -98,7 +98,7 @@ module.exports = Backbone.View.extend({ * @return {Object} Object created * @private * */ - addToCollection: function(model, fragmentEl){ + addToCollection(model, fragmentEl) { var fragment = fragmentEl || null; var viewObject = SectorView; @@ -122,7 +122,7 @@ module.exports = Backbone.View.extend({ return rendered; }, - render: function() { + render() { var fragment = document.createDocumentFragment(); this.$el.empty(); diff --git a/src/trait_manager/index.js b/src/trait_manager/index.js index 51024dfe1..0eb683061 100644 --- a/src/trait_manager/index.js +++ b/src/trait_manager/index.js @@ -21,7 +21,7 @@ module.exports = () => { * @return {Object} * @private */ - getConfig: function() { + getConfig() { return c; }, @@ -29,7 +29,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)) @@ -52,7 +52,7 @@ module.exports = () => { * Get Traits viewer * @private */ - getTraitsViewer: function() { + getTraitsViewer() { return TraitsViewer; }, @@ -61,7 +61,7 @@ module.exports = () => { * @param {string} name Type name * @param {Object} methods Object representing the trait */ - addType: function (name, trait) { + addType(name, trait) { var itemView = TraitsViewer.itemView; TraitsViewer.itemsView[name] = itemView.extend(trait); }, @@ -71,7 +71,7 @@ module.exports = () => { * @param {string} name Type name * @return {Object} */ - getType: function (name) { + getType(name) { return TraitsViewer.itemsView[name]; }, diff --git a/src/trait_manager/model/Trait.js b/src/trait_manager/model/Trait.js index 1194aeb52..2107f9382 100644 --- a/src/trait_manager/model/Trait.js +++ b/src/trait_manager/model/Trait.js @@ -16,7 +16,7 @@ module.exports = Backbone.Model.extend({ options: [], }, - initialize: function(){ + initialize() { if (this.get('target')) { this.target = this.get('target'); this.unset('target'); diff --git a/src/trait_manager/model/TraitFactory.js b/src/trait_manager/model/TraitFactory.js index e23b8f5b8..9f171ef1d 100644 --- a/src/trait_manager/model/TraitFactory.js +++ b/src/trait_manager/model/TraitFactory.js @@ -6,7 +6,7 @@ module.exports = (() => ({ * @param {Array|string} props Array of properties name * @return {Array} */ - build: function(props){ + build(props) { var objs = []; if(typeof props === 'string') diff --git a/src/trait_manager/model/Traits.js b/src/trait_manager/model/Traits.js index 570d7c1e5..f71b5f29d 100644 --- a/src/trait_manager/model/Traits.js +++ b/src/trait_manager/model/Traits.js @@ -6,11 +6,11 @@ module.exports = Backbone.Collection.extend({ model: Trait, - setTarget: function(target){ + setTarget(target) { this.target = target; }, - add: function(models, opt) { + add(models, opt) { // Use TraitFactory if necessary if(typeof models === 'string' || models instanceof Array) { if(typeof models === 'string') diff --git a/src/trait_manager/view/TraitCheckboxView.js b/src/trait_manager/view/TraitCheckboxView.js index 44d5a7a7d..c36bf1d23 100644 --- a/src/trait_manager/view/TraitCheckboxView.js +++ b/src/trait_manager/view/TraitCheckboxView.js @@ -2,7 +2,7 @@ var TraitView = require('./TraitView'); module.exports = TraitView.extend({ - initialize: function(o) { + initialize(o) { TraitView.prototype.initialize.apply(this, arguments); var iconCls = this.ppfx + 'chk-icon'; this.tmpl = '
'; @@ -12,7 +12,7 @@ module.exports = TraitView.extend({ * Fires when the input is changed * @private */ - onChange: function() { + onChange() { this.model.set('value', this.getInputEl().checked); }, @@ -21,7 +21,7 @@ module.exports = TraitView.extend({ * @return {HTMLElement} * @private */ - getInputEl: function(...args) { + getInputEl(...args) { var first; if(!this.$input) first = 1; diff --git a/src/trait_manager/view/TraitColorView.js b/src/trait_manager/view/TraitColorView.js index 076620b2f..3e9f6dc45 100644 --- a/src/trait_manager/view/TraitColorView.js +++ b/src/trait_manager/view/TraitColorView.js @@ -7,7 +7,7 @@ module.exports = TraitView.extend({ * @return {HTMLElement} * @private */ - getInputEl: function() { + getInputEl() { if (!this.$input) { var value = this.getModelValue(); var inputNumber = new InputColor({ @@ -27,7 +27,7 @@ module.exports = TraitView.extend({ * Renders input * @private * */ - renderField: function() { + renderField() { if(!this.$input){ this.getInputEl(); this.$el.append(this.input.el); diff --git a/src/trait_manager/view/TraitNumberView.js b/src/trait_manager/view/TraitNumberView.js index 1f49a79da..3c66519f8 100644 --- a/src/trait_manager/view/TraitNumberView.js +++ b/src/trait_manager/view/TraitNumberView.js @@ -3,7 +3,7 @@ var InputNumber = require('domain_abstract/ui/InputNumber'); module.exports = TraitView.extend({ - getValueForTarget: function () { + getValueForTarget() { var model = this.model; var value = model.get('value'); var unit = model.get('unit'); @@ -15,7 +15,7 @@ module.exports = TraitView.extend({ * @return {HTMLElement} * @private */ - getInputEl: function() { + getInputEl() { if (!this.$input) { var value = this.getModelValue(); var inputNumber = new InputNumber({ @@ -36,7 +36,7 @@ module.exports = TraitView.extend({ * Renders input * @private * */ - renderField: function() { + renderField() { if(!this.$input){ this.$el.append(this.tmpl); this.getInputEl(); diff --git a/src/trait_manager/view/TraitSelectView.js b/src/trait_manager/view/TraitSelectView.js index 8a321c4b1..d2a52ca8c 100644 --- a/src/trait_manager/view/TraitSelectView.js +++ b/src/trait_manager/view/TraitSelectView.js @@ -3,7 +3,7 @@ var TraitView = require('./TraitView'); module.exports = TraitView.extend({ - initialize: function(o) { + initialize(o) { TraitView.prototype.initialize.apply(this, arguments); var ppfx = this.ppfx; this.tmpl = '
'+ @@ -15,7 +15,7 @@ module.exports = TraitView.extend({ * @return {HTMLElement} * @private */ - getInputEl: function() { + getInputEl() { if(!this.$input) { var md = this.model; var opts = md.get('options') || []; diff --git a/src/trait_manager/view/TraitView.js b/src/trait_manager/view/TraitView.js index 9674448df..dd35f65f8 100644 --- a/src/trait_manager/view/TraitView.js +++ b/src/trait_manager/view/TraitView.js @@ -6,7 +6,7 @@ module.exports = Backbone.View.extend({ 'change': 'onChange' }, - initialize: function(o) { + initialize(o) { var md = this.model; this.config = o.config || {}; this.pfx = this.config.stylePrefix || ''; @@ -25,11 +25,11 @@ module.exports = Backbone.View.extend({ * Fires when the input is changed * @private */ - onChange: function() { + onChange() { this.model.set('value', this.getInputEl().value); }, - getValueForTarget: function () { + getValueForTarget() { return this.model.get('value'); }, @@ -37,7 +37,7 @@ module.exports = Backbone.View.extend({ * On change callback * @private */ - onValueChange: function() { + onValueChange() { var m = this.model; var trg = this.target; var name = m.get('name'); @@ -56,7 +56,7 @@ module.exports = Backbone.View.extend({ * Render label * @private */ - renderLabel: function() { + renderLabel() { this.$el.html('
' + this.getLabel() + '
'); }, @@ -65,7 +65,7 @@ module.exports = Backbone.View.extend({ * @return {string} * @private */ - getLabel: function() { + getLabel() { var model = this.model; var label = model.get('label') || model.get('name'); return label.charAt(0).toUpperCase() + label.slice(1).replace(/-/g,' '); @@ -76,7 +76,7 @@ module.exports = Backbone.View.extend({ * @return {HTMLElement} * @private */ - getInputEl: function() { + getInputEl() { if(!this.$input) { var md = this.model; var trg = this.target; @@ -100,7 +100,7 @@ module.exports = Backbone.View.extend({ return this.$input.get(0); }, - getModelValue: function () { + getModelValue() { var value; var model = this.model; var target = this.target; @@ -120,7 +120,7 @@ module.exports = Backbone.View.extend({ * Renders input * @private * */ - renderField: function(){ + renderField() { if(!this.$input){ this.$el.append(this.tmpl); var el = this.getInputEl(); @@ -128,7 +128,7 @@ module.exports = Backbone.View.extend({ } }, - render : function() { + render() { this.renderLabel(); this.renderField(); this.el.className = this.className; diff --git a/src/trait_manager/view/TraitsView.js b/src/trait_manager/view/TraitsView.js index 25d773737..1142b9232 100644 --- a/src/trait_manager/view/TraitsView.js +++ b/src/trait_manager/view/TraitsView.js @@ -17,7 +17,7 @@ module.exports = DomainViews.extend({ 'color': TraitColorView, }, - initialize: function(o) { + initialize(o) { this.config = o.config || {}; this.em = o.editor; this.pfx = this.config.stylePrefix || ''; @@ -30,7 +30,7 @@ module.exports = DomainViews.extend({ * Update view collection * @private */ - updatedCollection: function() { + updatedCollection() { this.el.className = this.className; var comp = this.em.get('selectedComponent'); if(comp){ diff --git a/src/utils/Resizer.js b/src/utils/Resizer.js index 7b6a46102..39d4d1e06 100644 --- a/src/utils/Resizer.js +++ b/src/utils/Resizer.js @@ -44,7 +44,7 @@ module.exports = { * Init the Resizer with options * @param {Object} options */ - init: function(options) { + init(options) { var opts = options || {}; var pfx = opts.prefix || ''; var appendTo = opts.appendTo || document.body; @@ -96,7 +96,7 @@ module.exports = { * Update options * @param {Object} options */ - setOptions: function (options) { + setOptions(options) { var opts = options || {}; for (var opt in opts) { @@ -111,7 +111,7 @@ module.exports = { * @param {HTMLElement} el * @return {Boolean} */ - isHandler: function(el) { + isHandler(el) { var handlers = this.handlers; for (var n in handlers) { @@ -125,14 +125,14 @@ module.exports = { * Returns the focused element * @return {HTMLElement} */ - getFocusedEl: function() { + getFocusedEl() { return this.el; }, /** * Returns documents */ - getDocumentEl: function() { + getDocumentEl() { if (!this.$doc) { this.$doc = $([this.el.ownerDocument, document]); } @@ -144,7 +144,7 @@ module.exports = { * @param {HTMLElement} el * @return {Object} */ - getElementPos: function (el) { + getElementPos(el) { var posFetcher = this.posFetcher || ''; return posFetcher ? posFetcher(el) : getBoundingRect(el); }, @@ -153,7 +153,7 @@ module.exports = { * Focus resizer on the element, attaches handlers to it * @param {HTMLElement} el */ - focus: function(el) { + focus(el) { // Avoid focusing on already focused element if (el && el === this.el) { return; @@ -176,7 +176,7 @@ module.exports = { /** * Blur from element */ - blur: function () { + blur() { this.container.style.display = 'none'; if(this.el) { var doc = $([this.el.ownerDocument, document]); @@ -189,7 +189,7 @@ module.exports = { * Start resizing * @param {Event} e */ - start: function(e) { + start(e) { //Right or middel click if (e.button !== 0) { return; @@ -235,7 +235,7 @@ module.exports = { * While resizing * @param {Event} e */ - move: function(e) { + move(e) { var mouseFetch = this.mousePosFetcher; var currentPos = mouseFetch ? mouseFetch(e) : { x: e.clientX, @@ -272,7 +272,7 @@ module.exports = { * Stop resizing * @param {Event} e */ - stop: function(e) { + stop(e) { var doc = this.getDocumentEl(); doc.off('mousemove', this.move); doc.off('keydown', this.handleKeyDown); @@ -288,7 +288,7 @@ module.exports = { /** * Update rect */ - updateRect: function(store) { + updateRect(store) { var elStyle = this.el.style; var conStyle = this.container.style; var rect = this.rectDim; @@ -315,7 +315,7 @@ module.exports = { * Handle ESC key * @param {Event} e */ - handleKeyDown: function (e) { + handleKeyDown(e) { if (e.keyCode === 27) { // Rollback to initial dimensions this.rectDim = this.startDim; @@ -327,7 +327,7 @@ module.exports = { * Handle mousedown to check if it's possible to start resizing * @param {Event} e */ - handleMouseDown: function(e) { + handleMouseDown(e) { var el = e.target; if (this.isHandler(el)) { this.start(e); @@ -340,7 +340,7 @@ module.exports = { * All positioning logic * @return {Object} */ - calc: function(data) { + calc(data) { var opts = this.opts || {}; var startDim = this.startDim; var box = { diff --git a/src/utils/Sorter.js b/src/utils/Sorter.js index 57b029299..0dc91038a 100644 --- a/src/utils/Sorter.js +++ b/src/utils/Sorter.js @@ -2,7 +2,7 @@ var Backbone = require('backbone'); module.exports = Backbone.View.extend({ - initialize: function(opt) { + initialize(opt) { this.opt = opt || {}; _.bindAll(this,'startSort','onMove','endMove','rollback', 'udpateOffset', 'moveDragHelper'); var o = opt || {}; @@ -44,7 +44,7 @@ module.exports = Backbone.View.extend({ } }, - getContainerEl: function () { + getContainerEl() { if (!this.el) { var el = this.opt.container; this.el = typeof el === 'string' ? document.querySelector(el) : el; @@ -56,7 +56,7 @@ module.exports = Backbone.View.extend({ /** * Triggered when the offset of the editro is changed */ - udpateOffset: function(){ + udpateOffset() { var offset = this.em.get('canvasOffset'); this.offTop = offset.top; this.offLeft = offset.left; @@ -66,7 +66,7 @@ module.exports = Backbone.View.extend({ * Set content to drop * @param {String|Object} content */ - setDropContent: function(content){ + setDropContent(content) { this.dropContent = content; }, @@ -74,7 +74,7 @@ module.exports = Backbone.View.extend({ * Toggle cursor while sorting * @param {Boolean} active */ - toggleSortCursor: function(active) { + toggleSortCursor(active) { var em = this.em; var body = document.body; var pfx = this.ppfx || this.pfx; @@ -98,7 +98,7 @@ module.exports = Backbone.View.extend({ * @param {HTMLElement} el * @param {Event} event */ - setDragHelper: function(el, event) { + setDragHelper(el, event) { var ev = event || ''; var clonedEl = el.cloneNode(1); @@ -131,7 +131,7 @@ module.exports = Backbone.View.extend({ * Update the position of the helper * @param {Event} e */ - moveDragHelper: function(e){ + moveDragHelper(e) { if(!this.dragHelper) { return; } @@ -157,7 +157,7 @@ module.exports = Backbone.View.extend({ * @param {String} selector * @return {Boolean} */ - matches: function(el, selector, useBody) { + matches(el, selector, useBody) { var startEl = el.parentNode || document.body; //startEl = useBody ? startEl.ownerDocument.body : startEl; var els = startEl.querySelectorAll(selector); @@ -173,7 +173,7 @@ module.exports = Backbone.View.extend({ * @param {String} selector * @return {Element|null} */ - closest: function(el, selector){ + closest(el, selector) { if(!el) return; var elem = el.parentNode; @@ -190,7 +190,7 @@ module.exports = Backbone.View.extend({ * @param {HTMLElement} el * @return {Object} */ - offset: function(el){ + offset(el) { var rect = el.getBoundingClientRect(); return { top: rect.top + document.body.scrollTop, @@ -202,7 +202,7 @@ module.exports = Backbone.View.extend({ * Create placeholder * @return {HTMLElement} */ - createPlaceholder: function(){ + createPlaceholder() { var pfx = this.pfx; var el = document.createElement('div'); var ins = document.createElement('div'); @@ -218,7 +218,7 @@ module.exports = Backbone.View.extend({ * Picking component to move * @param {HTMLElement} trg * */ - startSort: function(trg){ + startSort(trg) { this.moved = 0; this.eV = trg; @@ -255,7 +255,7 @@ module.exports = Backbone.View.extend({ * During move * @param {Event} e * */ - onMove: function(e) { + onMove(e) { this.moved = 1; // Turn placeholder visibile @@ -311,7 +311,7 @@ module.exports = Backbone.View.extend({ * @return {Boolean} * @private * */ - isInFlow: function(el, parent) { + isInFlow(el, parent) { if(!el) return false; @@ -332,7 +332,7 @@ module.exports = Backbone.View.extend({ * @return {Boolean} * @private */ - styleInFlow: function(el, parent) { + styleInFlow(el, parent) { var style = el.style; var $el = $(el); if (style.overflow && style.overflow !== 'visible') @@ -368,7 +368,7 @@ module.exports = Backbone.View.extend({ * @param {number} rY Relative Y position * @return {Array} */ - dimsFromTarget: function(target, rX, rY){ + dimsFromTarget(target, rX, rY) { var dims = []; // Select the first valuable target @@ -423,7 +423,7 @@ module.exports = Backbone.View.extend({ * @param {HTMLElement} el * @return {Array} */ - getDim: function(el) { + getDim(el) { var top, left, height, width; if (this.canvasRelative && this.em) { @@ -450,7 +450,7 @@ module.exports = Backbone.View.extend({ * @param {HTMLELement} el Element root * @retun {Array} * */ - getChildrenDim: function(elem){ + getChildrenDim(elem) { var dims = []; if(!elem) return dims; @@ -491,7 +491,7 @@ module.exports = Backbone.View.extend({ * @param {number} rY Relative Y position * @return {Boolean} * */ - nearBorders: function(dim, rX, rY){ + nearBorders(dim, rX, rY) { var result = 0; var off = this.borderOffset; var x = rX || 0; @@ -514,7 +514,7 @@ module.exports = Backbone.View.extend({ * @param {number} posY Y coordindate * @retun {Object} * */ - findPosition: function( dims, posX, posY ){ + findPosition(dims, posX, posY) { var result = {index: 0, method: 'before'}; var leftLimit = 0, xLimit = 0, dimRight = 0, yLimit = 0, xCenter = 0, yCenter = 0, dimDown = 0, dim = 0; // Each dim is: Top, Left, Height, Width @@ -566,7 +566,7 @@ module.exports = Backbone.View.extend({ * @param {Object} pos Position object * @param {Array} trgDim target dimensions * */ - movePlaceholder: function(plh, dims, pos, trgDim){ + movePlaceholder(plh, dims, pos, trgDim) { var marg = 0, t = 0, l = 0, w = 0, h = 0, un = 'px', margI = 5, brdCol = '#62c462', brd = 3, method = pos.method; @@ -616,7 +616,7 @@ module.exports = Backbone.View.extend({ * * @return void * */ - endMove: function(e){ + endMove(e) { var created; this.$el.off('mousemove', this.onMove); this.$document.off('mouseup', this.endMove); @@ -647,7 +647,7 @@ module.exports = Backbone.View.extend({ * @param {HTMLElement} src Element to move * @param {Object} pos Object with position coordinates * */ - move: function(dst, src, pos) { + move(dst, src, pos) { var em = this.em; if (em) em.trigger('component:dragEnd:before', dst, src, pos); var warns = []; @@ -753,7 +753,7 @@ module.exports = Backbone.View.extend({ * @param {Event} * @param {Bool} Indicates if rollback in anycase * */ - rollback: function(e) { + rollback(e) { $(document).off('keydown', this.rollback); this.$document.off('keydown', this.rollback); var key = e.which || e.keyCode; diff --git a/src/utils/index.js b/src/utils/index.js index ee1ab6ccf..ec6a05eca 100644 --- a/src/utils/index.js +++ b/src/utils/index.js @@ -15,7 +15,7 @@ module.exports = () => { /** * Initialize module */ - init: function() { + init() { return this; },