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

SVGIcon class, Macro reference entity

Browse Source
This commit is contained in:
barsdeveloper
2022-11-16 17:47:11 +01:00
parent 900245d69e
commit 704049c869
29 changed files with 571 additions and 190 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
js/element/LinkElement.js
View File

@@ -1,9 +1,14 @@
import { html, nothing } from "lit"
import Configuration from "../Configuration"
import IFromToPositionedElement from "./IFromToPositionedElement"
import LinkTemplate from "../template/LinkTemplate"
import SVGIcon from "../SVGIcon"
import Utility from "../Utility"
/** @typedef {import("./PinElement").default} PinElement */
/**
* @typedef {import("./PinElement").default} PinElement
* @typedef {import("lit").TemplateResult<1>} TemplateResult
*/
/** @extends {IFromToPositionedElement<Object, LinkTemplate>} */
export default class LinkElement extends IFromToPositionedElement {
@@ -65,6 +70,12 @@ export default class LinkElement extends IFromToPositionedElement {
#nodeDragDestinatonHandler
#nodeReflowSourceHandler
#nodeReflowDestinatonHandler
/** @type {TemplateResult | nothing} */
linkMessageIcon = nothing
/** @type {TemplateResult | nothing} */
linkMessageText = nothing
/** @type {SVGPathElement} */
pathElement
@@ -87,8 +98,6 @@ export default class LinkElement extends IFromToPositionedElement {
this.startPercentage = 0
this.svgPathD = ""
this.startPixels = 0
this.linkMessageIcon = ""
this.linkMessageText = ""
if (source) {
this.sourcePin = source
if (!destination) {
@@ -218,32 +227,37 @@ export default class LinkElement extends IFromToPositionedElement {
}
setMessageCorrect() {
this.linkMessageIcon = "ueb-icon-correct"
this.linkMessageText = ""
this.linkMessageIcon = SVGIcon.correct
this.linkMessageText = nothing
}
setMessageReplace() {
this.linkMessageIcon = SVGIcon.correct
this.linkMessageText = nothing
}
setMessageDirectionsIncompatible() {
this.linkMessageIcon = "ueb-icon-directions-incompatible"
this.linkMessageText = "Directions are not compatbile."
this.linkMessageText = html`Directions are not compatbile.`
}
setMessagePlaceNode() {
this.linkMessageIcon = "ueb-icon-place-node"
this.linkMessageText = "Place a new node."
this.linkMessageText = html`Place a new node.`
}
setMessageReplaceLink() {
this.linkMessageIcon = "ueb-icon-replace-link"
this.linkMessageText = "Replace existing input connections."
this.linkMessageText = html`Replace existing input connections.`
}
setMessageSameNode() {
this.linkMessageIcon = "ueb-icon-same-node"
this.linkMessageText = "Both are on the same node."
this.linkMessageText = html`Both are on the same node.`
}
setMEssagetypesIncompatible() {
this.linkMessageIcon = "ueb-icon-types-incompatible"
this.linkMessageText = `${this.sourcePin.pinType} is not compatible with ${this.destinationPin.pinType}.`
this.linkMessageText = html`${this.sourcePin.pinType} is not compatible with ${this.destinationPin.pinType}.`
}
}

2
js/element/NodeElement.js
View File

@@ -116,7 +116,7 @@ export default class NodeElement extends ISelectableDraggableElement {
}
getType() {
return this.entity.getClass()
return this.entity.getType()
}
getNodeName() {

12
js/element/PinElement.js
View File

@@ -216,14 +216,18 @@ export default class PinElement extends IElement {
/** @param {PinElement} targetPinElement */
linkTo(targetPinElement) {
this.entity.linkTo(targetPinElement.getNodeElement().getNodeName(), targetPinElement.entity)
this.isLinked = this.entity.isLinked()
if (this.entity.linkTo(targetPinElement.getNodeElement().getNodeName(), targetPinElement.entity)) {
this.isLinked = this.entity.isLinked()
this.nodeElement?.template.linksChanged()
}
}
/** @param {PinElement} targetPinElement */
unlinkFrom(targetPinElement) {
this.entity.unlinkFrom(targetPinElement.getNodeElement().getNodeName(), targetPinElement.entity)
this.isLinked = this.entity.isLinked()
if (this.entity.unlinkFrom(targetPinElement.getNodeElement().getNodeName(), targetPinElement.entity)) {
this.isLinked = this.entity.isLinked()
this.nodeElement?.template.linksChanged()
}
}
/**