2
0

Sidebar.Properties.js 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. /**
  2. * @author mrdoob / http://mrdoob.com/
  3. */
  4. Sidebar.Properties = function ( editor ) {
  5. var signals = editor.signals;
  6. var strings = editor.strings;
  7. var container = new UI.Span();
  8. var objectTab = new UI.Text( strings.getKey( 'sidebar/properties/object' ) ).setTextTransform( 'uppercase' );
  9. objectTab.onClick( function () { select( 'OBJECT' ) } );
  10. var geometryTab = new UI.Text( strings.getKey( 'sidebar/properties/geometry' ) ).setTextTransform( 'uppercase' );
  11. geometryTab.onClick( function () { select( 'GEOMETRY' ) } );
  12. var materialTab = new UI.Text( strings.getKey( 'sidebar/properties/material' ) ).setTextTransform( 'uppercase' );
  13. materialTab.onClick( function () { select( 'MATERIAL' ) } );
  14. var tabs = new UI.Div();
  15. tabs.setId( 'tabs' );
  16. tabs.add( objectTab, geometryTab, materialTab );
  17. container.add( tabs );
  18. //
  19. var object = new UI.Span().add(
  20. new Sidebar.Object( editor )
  21. );
  22. container.add( object );
  23. var geometry = new UI.Span().add(
  24. new Sidebar.Geometry( editor )
  25. );
  26. container.add( geometry );
  27. var material = new UI.Span().add(
  28. new Sidebar.Material( editor )
  29. );
  30. container.add( material );
  31. //
  32. function select( section ) {
  33. objectTab.setClass( '' );
  34. geometryTab.setClass( '' );
  35. materialTab.setClass( '' );
  36. object.setDisplay( 'none' );
  37. geometry.setDisplay( 'none' );
  38. material.setDisplay( 'none' );
  39. switch ( section ) {
  40. case 'OBJECT':
  41. objectTab.setClass( 'selected' );
  42. object.setDisplay( '' );
  43. break;
  44. case 'GEOMETRY':
  45. geometryTab.setClass( 'selected' );
  46. geometry.setDisplay( '' );
  47. break;
  48. case 'MATERIAL':
  49. materialTab.setClass( 'selected' );
  50. material.setDisplay( '' );
  51. break;
  52. }
  53. }
  54. select( 'OBJECT' );
  55. return container;
  56. };