Data tree: first attempt (WIP)

assets/controllers/scene_controller.js

@@ -12,7 +12,13 @@ import BIM from '../bim.js';
  * Delete this file or adapt it for your use!
  */
 export default class SceneController extends Controller {
-    static targets = ['scene', 'load', 'building', 'modal'];
+    static targets = [
+        'scene',
+        'load',
+        'building',
+        'modal',
+        'dataTree'
+    ];
 
     connect() {
     }
@@ -54,8 +60,35 @@ export default class SceneController extends Controller {
         nameInput.value = files[0].name.replace('.ifc', '');
         this.closeModal();
 
+        const classifier = BIM.classifier;
+        classifier.byEntity(model);
+        classifier.byEntity(model);
+        classifier.byIfcRel(model, BIM.WEBIFC.IFCRELCONTAINEDINSPATIALSTRUCTURE, "storeys");
+        classifier.byModel(model.uuid, model);
+
+        const list = classifier.list;
+        console.log(list.entities);
+
+        this.dataTreeTarget.innerHTML = this.buildTree(list.entities);
+        
         return model;
     }
+    /**
+     * @param {Object} entities
+     */
+    buildTree(entities) {
+        let html = '';
+        for (const entityName in entities) {
+            html += `
+                <li class="menu-item">
+                    ${entityName}
+                </li>
+            `;
+        }
+
+        return html;
+    }
+
     /**
      * 
      * @param {Event} event 

templates/home/index.html.twig

@@ -59,6 +59,9 @@
 				<ul class="menu-list">
 					<li id="selected-prop"></li>
 				</ul>
+				<p class="menu-label is-size-6">Data tree</p>
+				<ul class="menu-list" data-scene-target="dataTree">
+				</ul>
 				<p class="menu-label is-size-6">Strumenti</p>
 				<ul class="menu-list">
 					<li class="menu-item">