🧑‍💻 Add custom Janeway representation for HTML elements

11ways · Jun 15, 2024 · 99c135c · 99c135c
1 parent d421f3f
commit 99c135c
Showing 1 changed file with 32 additions and 1 deletion.
diff --git a/lib/dom/element.js b/lib/dom/element.js
@@ -914,4 +914,35 @@ Element.setMethod(function matches(selector) {
 // Some no-ops for browser compatibility
 Element.setMethod(function addEventListener() {});
 Element.setMethod(function removeEventListener() {});
-Element.setMethod(function focus() {});
+Element.setMethod(function focus() {});
+
+/**
+ * Custom Janeway representation (left side)
+ *
+ * @author   Jelle De Loecker <[email protected]>
+ * @since    2.4.0
+ * @version  2.4.0
+ *
+ * @return   {string}
+ */
+Element.setMethod(Blast.JANEWAY_LEFT, function janewayClassIdentifier() {
+	return this.nodeName
+});
+
+/**
+ * Custom Janeway representation (right side)
+ *
+ * @author   Jelle De Loecker <[email protected]>
+ * @since    2.4.0
+ * @version  2.4.0
+ *
+ * @return   {string}
+ */
+Element.setMethod(Blast.JANEWAY_RIGHT, function janewayInstanceInfo() {
+
+	if (this.id) {
+		return '#' + this.id;
+	}
+
+	return '';
+});