opensource/galaxy
3
0
Fork 0
mirror of https://github.com/galaxyproject/galaxy.git synced 2026-09-24 16:30:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

Generate random offset number on Top and Left node positions

Browse Source
This commit is contained in:
Cntient
2022-02-11 13:57:09 -05:00
parent 9d8c763dd5
commit 1bf01cc6ee
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/Workflow/Editor/Node.vue
+7 -5
View File
@@ -151,19 +151,18 @@ export default {
this.activeOutputs = new ActiveOutputs();
this.element = this.$el;
this.content_id = this.contentId;
// Set initial scroll position
const step = this.step;
const el = this.$el;
if (step.position) {
el.style.top = step.position.top + "px";
el.style.left = step.position.left + "px";
el.style.top = (step.position.top + this.offsetToPreventNodeOverlap(100)) + "px";
el.style.left = (step.position.left + this.offsetToPreventNodeOverlap(100)) + "px";
} else {
const p = document.getElementById("canvas-viewport");
const o = document.getElementById("canvas-container");
if (p && o) {
const left = -o.offsetLeft + (p.offsetWidth - el.offsetWidth) / 2;
const top = -o.offsetTop + (p.offsetHeight - el.offsetHeight) / 2;
const left = -o.offsetLeft + (p.offsetWidth - el.offsetWidth) / 2 + this.offsetToPreventNodeOverlap(100);
const top = -o.offsetTop + (p.offsetHeight - el.offsetHeight) / 2 + this.offsetToPreventNodeOverlap(100);
el.style.top = `${top}px`;
el.style.left = `${left}px`;
}
@@ -344,6 +343,9 @@ export default {
// Remove active class
element.classList.remove("node-active");
},
offsetToPreventNodeOverlap(maxPixelsOffset) {
return Math.floor(Math.random() * maxPixelsOffset);
},
},
};
</script>