imp: 3d web model view

plm_web_3d/static/src/js/OdooCADApplication.js

@@ -294,7 +294,7 @@ function init() {
  * Inizialize tree view search
  */
   var input_document_tree = document.getElementById('input_search_document_tree');
-  input_document_tree.addEventListener("keyup", OdooCad.search_document_tree);
+  //input_document_tree.addEventListener("keyup", OdooCad.search_document_tree);
 /*
  * function to hide show all components
  */
@@ -346,8 +346,10 @@ function epsilon( value ) {
 function initcommand(){
 	var element = document.getElementById("fit_view");
 	element.onclick = function(event) {
-		fitCameraToSelection(OdooCad.tree_ref_elements,
+        fitCameraToSelectionEvent();
+/*		fitCameraToSelection(OdooCad.tree_ref_elements,
 							 1.1);
+	*/
 	}
 	var selector = document.getElementById("webgl_background");
 	selector.onchange = function(event){
@@ -500,7 +502,11 @@ var change_object_explosion = function(event){
 }
 
 var fitCameraToSelectionEvent = function(e){
+    if (Object.values(OdooCad.tree_ref_elements).length>0){
 	fitCameraToSelection(OdooCad.tree_ref_elements,1.1);	
+	   return 
+	}	
+	fitCameraToSelection(OdooCad.items,1.1);
 }
 
 /**

plm_web_3d/static/src/js/lib/odoocad/loaders.js

@@ -105,9 +105,11 @@ class Loader {
 		gLTFLoader.load( url, function ( gltf ) {
 			var children = gltf.scene.children; 
 			var i;
+			var out_html_structure;
 			for (i = 0; i < children.length; i++) {
-				self.odooCad.addItemToScene(children[i]);
+				out_html_structure+=self.odooCad.addItemToScene(children[i]);
 			}
+			self.odooCad.create_tree_structure(out_html_structure)
 		},
 		function ( xhr ) {
 	    	var percentage = (xhr.loaded / xhr.total) * 100;
@@ -121,31 +123,16 @@ class Loader {
 	}
 
 	load3mf(document_name, url){
-
-        var load3emfObj = function(args){
-            if(args.type=="Group"){
-                var i;
-                var children = args.children;
-                for (i = 0; i < children.length; i++) {
-                    if(children[i].type=="Mesh"){
-                        self.odooCad.addItemToScene(args);
-                        break;
-                    } 
-                    else {
-                        load3emfObj(children[i]);
-                    }
-                }
-            }
-        }
-
         var self=this;
         threeMFLoader.load( url,
             //load
             function ( mfArgs ) {
                 mfArgs.traverse( function ( child ) {
                     child.castShadow = true;
                 } );
-                self.odooCad.addItemToScene(mfArgs, false);
+                const out_html_structure = self.odooCad.addItemToScene(mfArgs, false);
+                self.odooCad.create_tree_structure(out_html_structure)
+
             },
             //progress
             function ( xhr ) {

plm_web_3d/static/src/js/lib/odoocad/odoocad.js

@@ -61,16 +61,19 @@ class OdooCAD{
                      });
                 object.material=material;
             }
+            //
 			this.scene.add(object);
 			this.items.push(object);
-			this.create_relation_structure(object);
+			//
+			const out_htm_structure = this.create_relation_structure(object);
 			// Center the object
             // fit item
 			progress.display = 'none';
 			var fitItem = new CustomEvent("OdooCAD_fit_items");
 			html_canvas.dispatchEvent(fitItem);
 			// recompute the bounding box
 			this.active_bbox=this.getBBox();
+			return out_htm_structure;
 		}
 		//
 
@@ -164,15 +167,11 @@ class OdooCAD{
                 }
             }
         }
-		create_relation_structure(object){
-            var self = this;
+        //
+        create_tree_structure(out_html_structure){
+            const self = this;
             var html_out = "<div class='tree_structure' style='overflow-y: scroll;min-height: 1px;max-height: 400px;'>";
-            for (let i = 0; i < object.children.length; i++) {
-                  if (object.children[i].type=='Group'){
-                    const [inner_html, _children] = self.get_li_structure(object.children[i]);
-                    html_out += inner_html;          
-                  }
-            }
+            html_out += out_html_structure
             html_out += "</div>";
 
             var li_document_tree = document.querySelectorAll('#document_tree')
@@ -233,6 +232,20 @@ class OdooCAD{
                     this.set_str_name(tree_item_visibility[i])
                 }
         }
+        //
+		create_relation_structure(object){
+            const grp_types = ["Group", "Object3D"];
+            var self = this;
+
+            var html_out = "";
+            for (let i = 0; i < object.children.length; i++) {
+                  if (grp_types.includes(object.children[i].type)){
+                    const [inner_html, _children] = self.get_li_structure(object.children[i]);
+                    html_out += inner_html;          
+                  }
+            }
+            return html_out;
+        }
 
 		removeItemToSeen(object){
 			/* TODO: make the remove operation */