Changeset 2111

Timestamp:

08/17/12 09:44:54 (12 years ago)

Author:

twagoo

Message:

draw focus on expand/collapse button hover/click

File:

• ComponentRegistry/branches/ComponentRegistry-1.12.0/ComponentBrowserGui/src/main/flex/clarin/cmdi/componentregistry/editor/ShowToggleBox.mxml (modified) (4 diffs)

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

@@ -20 +20 @@
                         public var visibleContainer:Container;
                         [Bindable]
-                        public var invisibleContainer:Container;                                                
+                        public var invisibleContainer:Container;        
                         
                         protected function initHandler(event:FlexEvent):void
@@ -30 +30 @@
                         {
                                 visibleState = !visibleState;
+                                //removeDrawFocus();
+                        }
+                        
+                        protected function mouseOverHandler(event:MouseEvent):void
+                        {
+                                event.currentTarget.setStyle("borderColor", "#000000");
+                                if(visibleContainer != null){
+                                        visibleContainer.drawFocus(visibleState);
+                                }
+                                if(invisibleContainer != null){
+                                        invisibleContainer.drawFocus(!visibleState);
+                                }
                         }
                         
@@ -36 +48 @@
                                         visibleContainer.visible = visibleState;
                                         visibleContainer.includeInLayout = visibleState;
+                                        if(visibleState){
+                                                invisibleContainer.drawFocus(false);
+                                                visibleContainer.drawFocus(true);
+                                        }
                                 }
                                 
@@ -41 +57 @@
                                         invisibleContainer.visible = !visibleState;
                                         invisibleContainer.includeInLayout = !visibleState;
+                                        if(!visibleState){
+                                                visibleContainer.drawFocus(false);
+                                                invisibleContainer.drawFocus(true);
+                                        }                                       
                                 }
                         }
-
-
-                        protected function mouseOverHandler(event:MouseEvent):void
-                        {
-                                event.currentTarget.setStyle("borderColor", "#000000");
-                        }
-
 
                         protected function mouseOutHandler(event:MouseEvent):void
                         {
                                 event.currentTarget.setStyle("borderColor", "#B7BABC");
+                                removeDrawFocus();
+                        }
+                        
+                        private function removeDrawFocus():void{
+                                if(visibleContainer != null){
+                                        visibleContainer.drawFocus(false);
+                                }
+                                if(invisibleContainer != null){
+                                        invisibleContainer.drawFocus(false);
+                                }
                         }