Bugfixes, added pin types, colors

2026-02-15 17:54:52 +08:00 · 2023-01-07 17:57:06 +01:00
parent a3e0d6be2b
commit 55f9719fa9
24 changed files with 513 additions and 175 deletions
--- a/js/template/node/EventNodeTemplate.js
+++ b/js/template/node/EventNodeTemplate.js
@@ -0,0 +1,60 @@
+import { html, nothing } from "lit"
+import ElementFactory from "../../element/ElementFactory"
+import MinimalPinTemplate from "../pin/MinimalPinTemplate"
+import NodeTemplate from "./NodeTemplate"
+
+/**
+ * @typedef {import("../../element/PinElement").PinElementConstructor} PinElementConstructor
+ * @typedef {import("lit").PropertyValues} PropertyValues
+ */
+
+export default class EventNodeTemplate extends NodeTemplate {
+
+    static nodeStyleClasses = [...super.nodeStyleClasses, "ueb-node-style-event"]
+
+    /** @param {PropertyValues} changedProperties */
+    firstUpdated(changedProperties) {
+        super.firstUpdated(changedProperties)
+        this.element.querySelector(".ueb-node-top").appendChild(this.createDelegatePinElement())
+    }
+
+    renderTop() {
+        const icon = this.renderNodeIcon()
+        const name = this.renderNodeName()
+        return html`
+            <div class="ueb-node-name">
+                ${icon ? html`
+                    <div class="ueb-node-name-symbol">${icon}</div>
+                ` : nothing}
+                ${name ? html`
+                    <div class="ueb-node-name-text ueb-ellipsis-nowrap-text">
+                        ${name}
+                        ${this.hasSubtitle && this.element.entity.FunctionReference.MemberParent ? html`
+                            <div class="ueb-node-subtitle-text ueb-ellipsis-nowrap-text">
+                                Custom Event
+                            </div>
+                        `: nothing}
+                    </div>
+                ` : nothing}
+            </div>
+        `
+    }
+
+    createDelegatePinElement() {
+        const pin = /** @type {PinElementConstructor} */(ElementFactory.getConstructor("ueb-pin")).newObject(
+            this.element.getPinEntities().find(v => !v.isHidden() && v.PinType.PinCategory === "delegate"),
+            new MinimalPinTemplate(),
+            this.element
+        )
+        pin.template.isNameRendered = false
+        return pin
+    }
+
+    createPinElements() {
+        return this.element.getPinEntities()
+            .filter(v => !v.isHidden() && v.PinType.PinCategory !== "delegate")
+            .map(pinEntity => /** @type {PinElementConstructor} */(ElementFactory.getConstructor("ueb-pin"))
+                .newObject(pinEntity, undefined, this.element)
+            )
+    }
+}