Move style related actions to templates

js/template/SelectableDraggableTemplate.js

@@ -0,0 +1,29 @@
+import html from "./html"
+import Template from "./Template"
+
+/**
+ * @typedef {import("../graph/SelectableDraggable").default} SelectableDraggable
+ */
+export default class SelectableDraggableTemplate extends Template {
+
+    /**
+     * Returns the html elements rendered from this template.
+     * @param {SelectableDraggable} element Element of the graph
+     */
+    applyLocation(element) {
+        element.style.setProperty("--ueb-position-x", element.location[0])
+        element.style.setProperty("--ueb-position-y", element.location[1])
+    }
+
+    /**
+     * Returns the html elements rendered from this template.
+     * @param {SelectableDraggable} element Element of the graph
+     */
+    applySelected(element) {
+        if (element.selected) {
+            element.classList.add("ueb-selected")
+        } else {
+            element.classList.remove("ueb-selected")
+        }
+    }
+}