Domain/tree view UI fix

bfederle · bfederle · commit db435eb32402 · 2012-02-22T12:14:15.000-08:00
Render details only after panel is fully transitioned in, to prevent
lag from server calls while animation is happening.
diff --git a/ui/scripts/ui/widgets/treeView.js b/ui/scripts/ui/widgets/treeView.js
@@ -93,17 +93,18 @@
       if ($target.is('li .name')) {
         $treeView.find('li .name').removeClass('selected');
         $target.addClass('selected');
-        var $panel = $browser.cloudBrowser('addPanel', {
+        $browser.cloudBrowser('addPanel', {
           title: $target.html(),
           data: '',
-          parent: $treeView.closest('div.panel')
+          parent: $treeView.closest('div.panel'),
+          complete: function($panel) {
+            $panel.detailView($.extend(treeViewArgs.detailView, {
+              id: $li.data('tree-view-item-id'),
+              $browser: $browser,
+              context: { domains: [ $li.data('tree-view-item-obj') ] }
+            }));
+          }
         });
-
-        $panel.detailView($.extend(treeViewArgs.detailView, {
-          id: $li.data('tree-view-item-id'),
-          $browser: $browser,
-          context: { domains: [ $li.data('tree-view-item-obj') ] }
-        }));
       }
 
       return true;
