Added facet container.

Facet container has been added to hold facet header (i.e. title,
search fields, buttons, links) and facet content. Each facet now
occupies separate container, so it can be shown/hidden without
having to redraw the content.

1 files changed, 18 insertions, 15 deletions

diff --git a/install/ui/navigation.js b/install/ui/navigation.js
index de42ef2ab..2fd3e513f 100644
--- a/install/ui/navigation.js
+++ b/install/ui/navigation.js
@@ -136,7 +136,7 @@ IPA.navigation = function(spec) {
         for (var i=0; i<tabs.length; i++) {
             var tab = tabs[i];
             var tab_id = parent_id+'-'+i;
-            var label = tab.name;
+
             if (tab.entity) {
                 var entity = IPA.get_entity(tab.entity);
                 if (!entity){
@@ -144,17 +144,17 @@ IPA.navigation = function(spec) {
                     i--;
                     continue;
                 }
-                label = entity.label;
                 tab.entity = entity;
             }
-            if (tab.label){
-                label = tab.label;
+
+            if (!tab.label) {
+                tab.label = entity.label;
             }
 
             $('<li/>').append($('<a/>', {
                 href: '#'+tab_id,
-                title: label,
-                html: label
+                title: tab.label,
+                html: tab.label
             })).appendTo(ul);
 
             tab.container = $('<div/>', {
@@ -164,19 +164,12 @@ IPA.navigation = function(spec) {
 
             if (tab.children && tab.children.length) {
                 that._create(tab.children, tab.container, depth+1);
-
-            } else if (tab.entity) {
-                tab.content = $('<div/>', {
-                    name: tab.name,
-                    title: label,
-                    'class': 'entity-container'
-                }).appendTo(that.content);
             }
         }
     };
 
     that.update = function() {
-        $('.entity-container', that.content).css('display', 'none');
+        $('.entity', that.content).css('display', 'none');
         that._update(that.tabs, that.container, 1);
     };
 
@@ -197,7 +190,17 @@ IPA.navigation = function(spec) {
             that._update(tab.children, tab.container, depth+1);
 
         } else if (tab.entity) {
-            $('.entity-container[name="'+tab.entity.name+'"]', that.content).css('display', 'inline');
+            var entity_container = $('.entity[name="'+tab.entity.name+'"]', that.content);
+            if (!entity_container.length) {
+                tab.content = $('<div/>', {
+                    name: tab.name,
+                    title: tab.label,
+                    'class': 'entity'
+                }).appendTo(that.content);
+                tab.entity.create(tab.content);
+            }
+
+            entity_container.css('display', 'inline');
             tab.entity.setup(tab.content);
         }
     };