Changeset 2109

Timestamp:

08/17/12 08:37:44 (12 years ago)

Author:

twagoo

Message:

Made components in component editor collapsable

Location:

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

Files:

• ComponentEdit.as (modified) (10 diffs)
• ComponentSummary.mxml (added)
• model/CMDComponent.as (modified) (1 diff)

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

@@ -39 +39 @@
                 private var addElementLabel:Label
                 
+                private var showToggleBox:ShowToggleBox;
+                private var hideableForm:Form;
                 
                 public function ComponentEdit(component:CMDComponent, parent:UIComponent, parentComponent:CMDComponent) {
@@ -98 +100 @@
                         createComponentEditBar();
                         
+                        hideableForm = createHidableForm();                     
+                        showToggleBox.visibleContainer = hideableForm;
+                        
+                        addChild(hideableForm);                 
+                        
+                        var summary:ComponentSummary = new ComponentSummary();
+                        summary.component = _component;
+                        summary.visible = false;
+                        showToggleBox.invisibleContainer = summary;
+                        
+                        addChild(summary);
+                        
                         var componentLink:FormItem = createComponentLink(_component);
                         if (componentLink != null) {
                                 addCardinalityInput();
-                                addChild(componentLink);
+                                hideableForm.addChild(componentLink);
                         } else {
                                 addNameInput();
@@ -127 +141 @@
                                 drawFocus(false);
                         });
-                        addChild(addComponentLabel);
+                        hideableForm.addChild(addComponentLabel);
                 }
                 
@@ -144 +158 @@
                                 drawFocus(false);
                         });
-                        addChild(addElementLabel);
+                        hideableForm.addChild(addElementLabel);
                 }
                 
                 private function addConceptLink():void {
-                        addChild(new ConceptLinkInput(LabelConstants.CONCEPTLINK, _component.conceptLink, function(val:String):void {
+                        hideableForm.addChild(new ConceptLinkInput(LabelConstants.CONCEPTLINK, _component.conceptLink, function(val:String):void {
                                 _component.conceptLink = val;
                         }));
@@ -163 +177 @@
                                 _component.name = val;  
                         }, new ChildNameValidator(_parentComponent, component));
-                        addChild(nameInput);
+                        hideableForm.addChild(nameInput);
                 }
                 
                 private function addCardinalityInput():void {
-                        addChild(new CardinalityInput(LabelConstants.CARDINALITY_MIN, _component.cardinalityMin, CardinalityInput.BOUNDED, function(val:String):void {
+                        hideableForm.addChild(new CardinalityInput(LabelConstants.CARDINALITY_MIN, _component.cardinalityMin, CardinalityInput.BOUNDED, function(val:String):void {
                                 _component.cardinalityMin = val;
                         }));
-                        addChild(new CardinalityInput(LabelConstants.CARDINALITY_MAX, _component.cardinalityMax, CardinalityInput.UNBOUNDED,function(val:String):void {
+                        hideableForm.addChild(new CardinalityInput(LabelConstants.CARDINALITY_MAX, _component.cardinalityMax, CardinalityInput.UNBOUNDED,function(val:String):void {
                                 _component.cardinalityMax = val;
                         }));
                 }
                 
+                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 createComponentEditBar():void {
                         var editBar:HBox = new HBox();
+                        
+                        showToggleBox = new ShowToggleBox();
+                        showToggleBox.visibleState = true;
+                        editBar.addChild(showToggleBox);
+                        
                         editBar.addChild(createHeading());
                         var removeButton:Label = new RemoveLabelButton();
@@ -236 +265 @@
                 
                 private function handleCMDAttributeList():void {
-                        addChild(new AttributeListEdit(_component, this));
+                        hideableForm.addChild(new AttributeListEdit(_component, this));
                 }
                 
@@ -250 +279 @@
                         comp.setStyle("paddingLeft", "50");
                         if (!addComponentLabel) {
-                                addChild(comp);
+                                hideableForm.addChild(comp);
                         } else {
-                                addChildAt(comp, getChildIndex(addComponentLabel));
+                                hideableForm.addChildAt(comp, hideableForm.getChildIndex(addComponentLabel));
                         }
                 }
@@ -259 +288 @@
                         var comp:CMDComponent = ComponentEdit(event.currentTarget).component;
                         _component.removeComponent(comp);
-                        removeChild(event.currentTarget as DisplayObject);
+                        hideableForm.removeChild(event.currentTarget as DisplayObject);
                 }
                 
@@ -273 +302 @@
                         elem.addEventListener(ElementEdit.REMOVE_ELEMENT_EVENT, removeElement);
                         if (!addElementLabel) {
-                                addChild(elem);
+                                hideableForm.addChild(elem);
                         } else {
-                                addChildAt(elem, getChildIndex(addElementLabel));
+                                hideableForm.addChildAt(elem, hideableForm.getChildIndex(addElementLabel));
                         }
                 }
@@ -282 +311 @@
                         var elem:CMDComponentElement = ElementEdit(event.currentTarget).element;
                         _component.removeElement(elem);
-                        removeChild(event.currentTarget as DisplayObject);
+                        hideableForm.removeChild(event.currentTarget as DisplayObject);
                 }
                 

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

@@ -7 +7 @@
         import mx.events.CollectionEventKind;
 
+        [Bindable]
         public class CMDComponent implements XmlAble, AttributeContainer, ChangeTrackingCMDElement {