Added select to array

djthorpe · djthorpe · commit 48446aa18850 · 2024-10-28T17:03:25.000+01:00
diff --git a/example/index.html b/example/index.html
@@ -12,11 +12,12 @@
 <body>
     <js-container>
         <js-tag transform="uppercase">Data</js-tag>
+
         <!-- where the data comes from -->
-        <js-provider id="provider" origin="http://localhost:8080/" path="aktek/sync" interval="5"></js-provider>
+        <js-provider id="provider" origin="http://localhost:8080/" path="aktek/area" interval="5"></js-provider>
 
-        <!-- model -->
-        <js-array id="array" provider="#provider"></js-array>
+        <!-- model, areas come from the body element -->
+        <js-array id="array" provider="#provider" select="body"></js-array>
 
         <!-- view -->
         <js-tablebody id="body" data="#array">
diff --git a/src/core/ArrayElement.js b/src/core/ArrayElement.js
@@ -23,6 +23,7 @@ export class ArrayElement extends LitElement {
     static get properties() {
         return {
             provider: { type: String, reflect: true },
+            select: { type: String, reflect: true },
         };
     }
 
@@ -77,8 +78,22 @@ export class ArrayElement extends LitElement {
     }
 
     #providerObject(event) {
-        // Add the object to the data container
-        this.#newdata.push(event.detail);
+        var data = event.detail;
+        if (this.select) {
+            if(data instanceof Object) {
+                data = data[this.select];
+                if (data === undefined) {
+                    throw new Error(`Property "${this.select}" not found in object`);
+                } else if (Array.isArray(data)) {
+                    this.#newdata = this.#newdata.concat(data);
+                } else {
+                    this.#newdata.push(data);
+                }
+            }
+        } else {
+            // Add the object to the data container
+            this.#newdata.push(data);
+        }
     }
 
     #providerDone() {
@@ -96,7 +111,7 @@ export class ArrayElement extends LitElement {
 
         // Copy over the data
         this.#data = this.#newdata;
-        
+
         // Emit a change event if the data was modified
         if (modified) {
             this.dispatchEvent(new CustomEvent(EventType.CHANGE, {
