Changeset 2108

Timestamp:

08/17/12 07:13:37 (12 years ago)

Author:

twagoo

Message:

Made elements in component editor collapsable

Location:

ComponentRegistry/branches/ComponentRegistry-1.12.0/ComponentBrowserGui/src/main/flex/clarin/cmdi/componentregistry/editor

Files:

• ElementEdit.as (modified) (9 diffs)
• ElementSummary.mxml (added)
• ShowToggleBox.mxml (added)

ComponentRegistry/branches/ComponentRegistry-1.12.0/ComponentBrowserGui/src/main/flex/clarin/cmdi/componentregistry/editor/ElementEdit.as

@@ -12 +12 @@
         
         import mx.binding.utils.BindingUtils;
+        import mx.containers.Box;
         import mx.containers.Form;
         import mx.containers.FormItem;
         import mx.containers.HBox;
+        import mx.containers.VBox;
         import mx.controls.Button;
         import mx.controls.Label;
@@ -26 +28 @@
                 private var _parentComponent:CMDComponent;
                 private var _parent:UIComponent;
+                private var showToggleBox:ShowToggleBox;
+                private var hideableForm:Form;
 
                 public function ElementEdit(element:CMDComponentElement, parent:UIComponent, parentComponent:CMDComponent) {
@@ -33 +37 @@
                         this._parent = parent;
                         styleName = StyleConstants.XMLBROWSER;
+                        
+                        setStyle("paddingBottom","5");
+                        verticalScrollPolicy = "off";
+                        horizontalScrollPolicy = "off";
+                        
                 }
 
@@ -45 +54 @@
                 protected override function createChildren():void {
                         super.createChildren();
+                                                
                         addChild(createEditBar());
-                        addNameInput();
-                        addChild(new ConceptLinkInput(LabelConstants.CONCEPTLINK, _element.conceptLink, function(val:String):void {
+                        
+                        hideableForm = createHidableForm();                     
+                        showToggleBox.visibleContainer = hideableForm;
+                        
+                        addChild(hideableForm);
+                        
+                        var summary:ElementSummary = new ElementSummary();
+                        summary.element = _element;
+                        summary.visible = false;
+                        showToggleBox.invisibleContainer = summary;
+
+                        addChild(summary);
+                        
+                        hideableForm.addChild(createNameInput());
+                        hideableForm.addChild(new ConceptLinkInput(LabelConstants.CONCEPTLINK, _element.conceptLink, function(val:String):void {
                                         _element.conceptLink = val;
                                 }));
-                        addChild(new FormItemInputLine(LabelConstants.DOCUMENTATION, _element.documentation, function(val:String):void {
+                        hideableForm.addChild(new FormItemInputLine(LabelConstants.DOCUMENTATION, _element.documentation, function(val:String):void {
                                         _element.documentation = val;
                                 }));
-                        addChild(new DisplayPriorityInput(LabelConstants.DISPLAY_PRIORITY, _element.displayPriority, function(val:String):void {
+                        hideableForm.addChild(new DisplayPriorityInput(LabelConstants.DISPLAY_PRIORITY, _element.displayPriority, function(val:String):void {
                                         _element.displayPriority = val;
                                 }));
@@ -60 +83 @@
                                 _element.cardinalityMin = val;
                         });
-                        addChild(cardinalityMinInput);
+                        hideableForm.addChild(cardinalityMinInput);
                         
                         var cardinalityMaxInput:CardinalityInput = new CardinalityInput(LabelConstants.CARDINALITY_MAX, _element.cardinalityMax, CardinalityInput.UNBOUNDED, function(val:String):void {
@@ -69 +92 @@
                                 cardinalityMaxInput.enabled = _element.multilingual != "true";
                         }, _element, "multilingual");
-                        addChild(cardinalityMaxInput);
-                        
-                        addChild(AttributeListEdit.createAndAddValueScheme(_element));
+                        hideableForm.addChild(cardinalityMaxInput);
+                        
+                        hideableForm.addChild(AttributeListEdit.createAndAddValueScheme(_element));
                         var multiLingualCheck:CheckboxInput = new CheckboxInput(LabelConstants.MULTILINGUAL, _element.multilingual == "true", function(val:Boolean):void {
                                         _element.multilingual = String(val);
@@ -85 +108 @@
                                 }, _element, "valueSchemeSimple");
                         
-                        addChild(multiLingualCheck);
+                        hideableForm.addChild(multiLingualCheck);
                         handleCMDAttributeList();
+                }
+                
+                private function createHidableForm():Form {
+                        var form:Form = new Form();
+                        form.styleName = StyleConstants.XMLBROWSER;
+                        form.setStyle("paddingTop","0");
+                        form.setStyle("paddingBottom","0");
+                        form.verticalScrollPolicy = "off";
+                        form.horizontalScrollPolicy = "off";
+                        return form;
                 }
 
                 private function createEditBar():HBox {
                         var editBar:HBox = new HBox();
+                        
+                        showToggleBox = new ShowToggleBox();
+                        showToggleBox.visibleState = true;
+                        editBar.addChild(showToggleBox);
+                        
                         editBar.addChild(createHeading());
                         var removeButton:Label = new RemoveLabelButton();
@@ -146 +184 @@
                 private function handleCMDAttributeList():void {
                         var attributeEdit:Container = new AttributeListEdit(_element, this);
-                        addChild(attributeEdit);
+                        hideableForm.addChild(attributeEdit);
                 }
 
@@ -156 +194 @@
                 }
 
-                private function addNameInput():void {
+                private function createNameInput():NameInputLine {
                         var nameInput:NameInputLine = new NameInputLine(_element.name, function(val:String):void {
                                         _element.name = val;
                         }, new ChildNameValidator(_parentComponent, element));
-                        addChild(nameInput);
+                        return nameInput;
                 }
         }