Ma/ueblueprint
1
0
Fork 0
mirror of https://github.com/barsdeveloper/ueblueprint.git synced 2026-03-17 05:47:34 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

New keys for object, refactoring.

Browse Source
This commit is contained in:
barsdeveloper
2021-12-05 20:49:07 +01:00
parent 07afb4bcb9
commit 76ae9ed3c0
26 changed files with 165 additions and 142 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
js/graph/GraphElement.js
View File

@@ -13,7 +13,7 @@ export default class GraphElement extends HTMLElement {
}
connectedCallback() {
this.blueprint = this.closest('u-blueprint')
this.blueprint = this.closest("u-blueprint")
this.append(...this.template.getElements(this.entity))
}
}

2
js/graph/GraphLink.js
View File

@@ -26,4 +26,4 @@ export default class GraphLink extends GraphElement {
}
}
customElements.define('u-link', GraphLink)
customElements.define("u-link", GraphLink)

2
js/graph/GraphNode.js
View File

@@ -50,4 +50,4 @@ export default class GraphNode extends SelectableDraggable {
}
}
customElements.define('u-node', GraphNode)
customElements.define("u-node", GraphNode)

16
js/graph/GraphSelector.js
View File

@@ -14,7 +14,7 @@ export default class GraphSelector extends GraphElement {
connectedCallback() {
super.connectedCallback()
this.classList.add('ueb-selector')
this.classList.add("ueb-selector")
this.dataset.selecting = "false"
}
@@ -25,11 +25,11 @@ export default class GraphSelector extends GraphElement {
startSelecting(initialPosition) {
initialPosition = this.blueprint.compensateTranslation(initialPosition)
// Set initial position
this.style.setProperty('--ueb-select-from-x', initialPosition[0])
this.style.setProperty('--ueb-select-from-y', initialPosition[1])
this.style.setProperty("--ueb-select-from-x", initialPosition[0])
this.style.setProperty("--ueb-select-from-y", initialPosition[1])
// Final position coincide with the initial position, at the beginning of selection
this.style.setProperty('--ueb-select-to-x', initialPosition[0])
this.style.setProperty('--ueb-select-to-y', initialPosition[1])
this.style.setProperty("--ueb-select-to-x", initialPosition[0])
this.style.setProperty("--ueb-select-to-y", initialPosition[1])
this.dataset.selecting = "true"
this.selectionModel = new FastSelectionModel(initialPosition, this.blueprint.getNodes(), this.blueprint.nodeBoundariesSupplier, this.blueprint.nodeSelectToggleFunction)
}
@@ -40,8 +40,8 @@ export default class GraphSelector extends GraphElement {
*/
doSelecting(finalPosition) {
finalPosition = this.blueprint.compensateTranslation(finalPosition)
this.style.setProperty('--ueb-select-to-x', finalPosition[0])
this.style.setProperty('--ueb-select-to-y', finalPosition[1])
this.style.setProperty("--ueb-select-to-x", finalPosition[0])
this.style.setProperty("--ueb-select-to-y", finalPosition[1])
this.selectionModel.selectTo(finalPosition)
}
@@ -51,4 +51,4 @@ export default class GraphSelector extends GraphElement {
}
}
customElements.define('u-selector', GraphSelector)
customElements.define("u-selector", GraphSelector)

14
js/graph/SelectableDraggable.js
View File

@@ -28,8 +28,8 @@ export default class SelectableDraggable extends GraphElement {
setLocation(value = [0, 0]) {
this.location = value
this.style.setProperty('--ueb-position-x', this.location[0])
this.style.setProperty('--ueb-position-y', this.location[1])
this.style.setProperty("--ueb-position-x", this.location[0])
this.style.setProperty("--ueb-position-y", this.location[1])
}
addLocation(value) {
@@ -41,7 +41,7 @@ export default class SelectableDraggable extends GraphElement {
this.blueprint.unselectAll()
this.setSelected(true)
}
let dragEvent = new CustomEvent('uDragSelected', {
let dragEvent = new CustomEvent("uDragSelected", {
detail: {
instigator: this,
value: value
@@ -59,11 +59,11 @@ export default class SelectableDraggable extends GraphElement {
}
this.selected = value
if (this.selected) {
this.classList.add('ueb-selected')
this.blueprint.addEventListener('uDragSelected', this.dragHandler)
this.classList.add("ueb-selected")
this.blueprint.addEventListener("uDragSelected", this.dragHandler)
} else {
this.classList.remove('ueb-selected')
this.blueprint.removeEventListener('uDragSelected', this.dragHandler)
this.classList.remove("ueb-selected")
this.blueprint.removeEventListener("uDragSelected", this.dragHandler)
}
}
}