|
|
@ -115,23 +115,24 @@ module.exports = Backbone.View.extend({ |
|
|
* @param {Event} event |
|
|
* @param {Event} event |
|
|
*/ |
|
|
*/ |
|
|
setDragHelper(el, event) { |
|
|
setDragHelper(el, event) { |
|
|
var ev = event || ''; |
|
|
const ev = event || ''; |
|
|
var clonedEl = el.cloneNode(1); |
|
|
const clonedEl = el.cloneNode(1); |
|
|
|
|
|
const rect = el.getBoundingClientRect(); |
|
|
|
|
|
const computed = getComputedStyle(el); |
|
|
|
|
|
let style = ''; |
|
|
|
|
|
|
|
|
// Attach style
|
|
|
for (var i = 0; i < computed.length; i++) { |
|
|
var style = ''; |
|
|
const prop = computed[i]; |
|
|
var o = getComputedStyle(el); |
|
|
style += `${prop}:${computed.getPropertyValue(prop)};`; |
|
|
for(var i = 0; i < o.length; i++) { |
|
|
|
|
|
style += o[i] + ':' + o.getPropertyValue(o[i])+';'; |
|
|
|
|
|
} |
|
|
} |
|
|
clonedEl.setAttribute('style', style); |
|
|
|
|
|
clonedEl.className += ' ' + this.pfx + 'bdrag'; |
|
|
|
|
|
document.body.appendChild(clonedEl); |
|
|
document.body.appendChild(clonedEl); |
|
|
|
|
|
clonedEl.className += ` ${this.pfx}bdrag`; |
|
|
|
|
|
clonedEl.setAttribute('style', style); |
|
|
this.dragHelper = clonedEl; |
|
|
this.dragHelper = clonedEl; |
|
|
|
|
|
clonedEl.style.width = `${rect.width}px`; |
|
|
if(ev) { |
|
|
clonedEl.style.height = `${rect.height}px`; |
|
|
this.moveDragHelper(ev); |
|
|
ev && this.moveDragHelper(ev); |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
// Listen mouse move events
|
|
|
// Listen mouse move events
|
|
|
if(this.em) { |
|
|
if(this.em) { |
|
|
|