Mirroring/coriolis
1
0
Fork 0
mirror of https://github.com/EDCD/coriolis.git synced 2025-12-08 22:33:24 +00:00
Code Issues Projects Releases Wiki Activity

Facet drag improvements

Browse Source
This commit is contained in:
Colin McLeod
2016-02-19 15:17:52 -08:00
parent b357573add
commit 78ff84630e
2 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/app/pages/ComparisonPage.jsx
View File

@@ -219,9 +219,10 @@ export default class ComparisonPage extends Page {
* @param {Event} e Drag Event
*/
_facetDrag(e) {
this.nodeAfter = false;
this.dragged = e.currentTarget;
let placeholder = this.placeholder = document.createElement('li');
placeholder.style.width = this.dragged.offsetWidth + 'px';
placeholder.style.width = Math.round(this.dragged.offsetWidth) + 'px';
placeholder.className = 'facet-placeholder';
e.dataTransfer.effectAllowed = 'move';
e.dataTransfer.setData('text/html', e.currentTarget);
@@ -258,21 +259,21 @@ export default class ComparisonPage extends Page {
if(e.target.className == 'facet-placeholder') {
return;
}
} else if (e.target != e.currentTarget) {
this.over = e.target;
this.dragged.style.display = 'none';
let relX = e.clientX - this.over.getBoundingClientRect().left;
let width = this.over.offsetWidth / 2;
let parent = e.target.parentNode;
this.over = e.target;
this.dragged.style.display = 'none';
let relX = e.clientX - this.over.getBoundingClientRect().left;
let width = this.over.offsetWidth / 2;
let parent = e.target.parentNode;
if (parent == e.currentTarget) {
if(relX > width) {
this.nodeAfter = true;
parent.insertBefore(this.placeholder, e.target.nextElementSibling);
} else {
this.nodeAfter = false;
parent.insertBefore(this.placeholder, e.target);
if (parent == e.currentTarget) {
if(relX > width && this.dragged != e.target) {
this.nodeAfter = true;
parent.insertBefore(this.placeholder, e.target.nextElementSibling);
} else {
this.nodeAfter = false;
parent.insertBefore(this.placeholder, e.target);
}
}
}
}

1
src/less/comparison.less
View File

@@ -69,7 +69,6 @@
.facet-placeholder {
display: inline-block;
padding: 0.5em 0.5em;
background-color: @primary-bg;
}