Changeset 1205 in main

Timestamp:

06/11/12 09:31:42 (7 years ago)

Author:

pcosquer

Message:

document3D: menu: highlight selected object on hover

Location:

trunk/openPLM/document3D

Files:

• arborescense.py (modified) (10 diffs)
• templates/Display3D.htm (modified) (4 diffs)

trunk/openPLM/document3D/arborescense.py

@@ -1 @@
-import os, os.path
+# TODO: refactor this code
 
-import django.utils.simplejson as json
-    
 def generate_javascript_for_3D(product):
     """
@@ -13 +11 @@
     if product:
         numeration=[0]
-        javascript=['var object3D = new THREE.Object3D();\n']        
-
-
-        
+        javascript=['var object3D = new THREE.Object3D(); var part_to_object = {}; var part_to_parts = {};\n']        
         javascript_menu=['function menu() {\nelement = document.createElement("div");\nelement.id="root";\nelement.innerHTML ="']
-
-
         
         javascript[0]+='var part%s=new THREE.Object3D();\n'%numeration[0]
         javascript_menu[0]+=function_generate_menu(numeration[0],product.name)         
 
-        ok=generate_javascript(product,numeration,javascript,[],javascript_menu,numeration[0])
+        generate_javascript(product,numeration,javascript,[],javascript_menu,numeration[0])
         
         javascript_menu[0]+='</li></ul>' 
@@ -35 +28 @@
        
 def generate_javascript(product,numeration,javascript,loc,javascript_menu,old_numeration):
-    
-    
     numeration[0]+=1     
 
@@ -45 +36 @@
              
         for link in product.links:
-        
-            
-            
             for i in range(link.quantity):
 
@@ -60 +48 @@
                 javascript_menu[0]+="</li>"
             
-                
         javascript[0]+=generate_functions_visibilty_parts(old_numeration,parts_generated)
     
@@ -66 +53 @@
   
         javascript[0]+=generate_functions_visibilty_object(old_numeration,numeration[0],product,loc)
-              
-
     javascript_menu[0]+="</ul>"        
-        
-                            
-            
 
 
 
 def generate_functions_visibilty_parts(numeration,parts_generated):
-
-
-    parts_definition=""
-    function=str(function_head % (locals()))
+    parts_definition = []
+    function = [function_head % locals()]
+    part_to_parts = ['part_to_parts["part%s"] = [' % numeration]
     for part_numeration_child in parts_generated:
-        parts_definition+="var part%s=new THREE.Object3D();\n"%part_numeration_child
-        function+=str(function_change_part % (locals()))
-    function+="}\n"
-    return parts_definition+function        
-
-
-
+        parts_definition.append( "var part%s=new THREE.Object3D();\n"%part_numeration_child)
+        function.append(function_change_part % locals())
+        part_to_parts.append('"part%s", ' % part_numeration_child)
+    part_to_parts.append("];\n")
+    function.append("}\n")
+    return ''.join(parts_definition) + ''.join(function) + ''.join(part_to_parts)
  
 def generate_functions_visibilty_object(numeration,object_numeration,product,loc):
-
-
-            
     reference=product.geometry
     part_id=str(product.doc_id)        
                                            
-    function=str(function_head % (locals()))+str(function_change_object % (locals()))+"}\n"
+    function= function_head % locals() + function_change_object % locals() + "}\n"
+    function += "part_to_object['part%(numeration)s'] = object%(object_numeration)s;" % locals()
   
     return generate_object(loc,object_numeration,reference,part_id)+function     
 
 
-
-
 def generate_object(loc,numeration,reference,part_id):
-
-    
-
 
     locate="var object%s=new THREE.Mesh(_%s_%s,material_for_%s_%s );\n"%(numeration,reference,part_id,reference,part_id)
@@ -115 +88 @@
             loc[g].y2,loc[g].y3,loc[g].y4,loc[g].z1,loc[g].z2,loc[g].z3,loc[g].z4)
 
-        
     locate+="object3D.add(object%s);\n"%numeration    
-         
-        
-    
-     
     return locate
     
@@ -127 +95 @@
 
     onclick="change_part"+str(numeration)+"(\\\"click\\\")" 
-    return "<li > <a href='#' onClick='%s'><b onClick='%s'></b>%s </a>"%(onclick,onclick,name)
+    return "<li > <a href='#' id='li-part-%s' onClick='%s'><b onClick='%s'></b>%s </a>" % (numeration, onclick,onclick,name)
     
     
          
 function_head = """
-function change_part%(numeration)s(atribute) {
-    if (atribute==\"click\"){
+function change_part%(numeration)s(attr) {
+    if (attr == "click"){
     
         part%(numeration)s.visible=!part%(numeration)s.visible;
@@ -139 +107 @@
     }
     else{
-        part%(numeration)s.visible=atribute;
+        part%(numeration)s.visible=attr;
     }       
 """ 
@@ -145 +113 @@
 
 function_change_part = """
-    change_part%(part_numeration_child)s(part%(numeration)s.visible)       
+    change_part%(part_numeration_child)s(part%(numeration)s.visible); 
 """
 function_change_object = """
     object%(object_numeration)s.visible=part%(numeration)s.visible;   
 """                                    
-    
 
-
-
-
-  
-    
-    
-    
-    

trunk/openPLM/document3D/templates/Display3D.htm

@@ -242 +242 @@
             spot2   = light;
             light.target.position.set( 0, 8, 0 );
-            light.shadowCameraNear      = 0.01;     
-            light.castShadow        = true;
-            light.shadowDarkness        = 0.1;
+            light.shadowCameraNear = 0.01;     
+            light.castShadow = true;
+            light.shadowDarkness = 0.1;
             scene.add( light );
 
@@ -260 +260 @@
                     opacity: 0.8//  obj.material.opacity
                 });
+                obj.material.original_color = obj.material.color.getHex(); 
             }
             object3D.castShadow = true;
@@ -321 +322 @@
             });
 
-        }
-    }                   
+            $('.menu a').hover(
+                function (){
+                    var part = "part" + $(this).attr("id").replace("li-part-", "");
+                    highlight_part(part);
+                },
+                function () {
+                    var part = "part" +  $(this).attr("id").replace("li-part-", "");
+                    unhighlight_part(part);
+                }
+            );
+
+        }
+        }                       
+
+    function highlight_part(part_id) {
+
+        var obj = part_to_object[part_id];
+        if (obj != undefined){
+            m = obj.material;
+            m.color.setHex(0xff0000);
+        }
+        $(part_to_parts[part_id]).each (
+            function (i,p) {
+                highlight_part(p);
+            }
+        );
+    }
+
+    function unhighlight_part(part_id) {
+        var obj = part_to_object[part_id];
+        if (obj != undefined){
+            m =  obj.material;
+            m.color.setHex(m.original_color);
+        }
+        $(part_to_parts[part_id]).each (
+            function (i,p) {
+                unhighlight_part(p);
+            }
+         );
+
+    }
 
 
@@ -387 +427 @@
     {% endif %}
 
-    </script>
-
-    {% endblock %}
+</script>
+
+{% endblock %}