speed up selection by making editors added lazily with tabs

diff --git a/net/systemeD/potlatch2/CategorySelector.mxml b/net/systemeD/potlatch2/CategorySelector.mxml
index 69fdbf34dcfc48e3c9791dfc9360e6c74f97dcbe..c7647d78eae2e9391983079dd6155a67cb1768af 100644 (file)
--- a/net/systemeD/potlatch2/CategorySelector.mxml
+++ b/net/systemeD/potlatch2/CategorySelector.mxml
@@ -1,7 +1,8 @@
 <?xml version="1.0" encoding="utf-8"?>
 <mx:VBox
        xmlns:mx="http://www.adobe.com/2006/mxml" 
-       xmlns:halcyon="net.systemeD.halcyon.*">
+       xmlns:halcyon="net.systemeD.halcyon.*"
+       backgroundColor="white" borderStyle="inset">
 
   <mx:HBox horizontalGap="0"> 
   <mx:ToggleButtonBar height="100%" dataProvider="{categoryStack}" direction="vertical"/>

diff --git a/net/systemeD/potlatch2/TagViewer.mxml b/net/systemeD/potlatch2/TagViewer.mxml
index f8ee6b78f593818c329b8e0f412461de39bf2d2c..d76b2dc37c19f70743f679f07dc7cc424c2c355e 100644 (file)
--- a/net/systemeD/potlatch2/TagViewer.mxml
+++ b/net/systemeD/potlatch2/TagViewer.mxml
@@ -17,7 +17,7 @@
     </mx:HBox>
     <flexlib:SuperTabNavigator id="editorStack" width="100%" height="100%" paddingLeft="2" paddingRight="2"
         allowTabSqueezing="false" minTabWidth="10" closePolicy="close_never"
-        scrollSpeed="20"/>
+        scrollSpeed="20" change="ensureEditorsPopulated(IndexChangedEvent(event).relatedObject as VBox)"/>
   </mx:VBox>
 
   <mx:VBox width="100%" height="100%" label="Advanced" initialize="checkAdvanced()" verticalGap="1">
@@ -139,6 +139,8 @@
           helpLabel.visible = false;
       }
 
+      private var tabComponents:Object = {};
+      
       private function initialiseEditors():void {
           editorStack.removeAllChildren();
           if ( selectedEntity == null || feature == null )
@@ -149,6 +151,7 @@
           editorStack.addChild(editorBox);
           
           var tabs:Object = {};
+          tabComponents = {};
           
           for each (var factory:EditorFactory in feature.editors) {
               if ( factory.presence.isEditorPresent(factory, selectedEntity, null) ) {
@@ -163,10 +166,12 @@
                   tab.label = category;
                   editorStack.addChild(tab);
                   tabs[category] = tab;
+                  tabComponents[tab] = [];
               }
               var catEditor:DisplayObject = factory.createEditorInstance(selectedEntity);
               if ( catEditor != null )
-                  tab.addChild(catEditor);
+                  tabComponents[tab].push(catEditor);
+              //    tab.addChild(catEditor);
           }
       }
       
@@ -177,6 +182,15 @@
           return box;
       }
 
+      private function ensureEditorsPopulated(tab:VBox):void {
+          var components:Array = tabComponents[tab];
+          if ( components == null || tab == null || tab.numChildren >= components.length )
+              return;
+          for each (var component:DisplayObject in components ) {
+              tab.addChild(component);
+          }
+      }
+      
       private function checkAdvanced():void {
           if ( selectedEntity != null )
              setupAdvanced(selectedEntity);