From c8eb76766afc8755e709cdba62586a8ab1ad65c9 Mon Sep 17 00:00:00 2001
From: "Endi S. Dewata" <edewata@redhat.com>
Date: Tue, 21 Jun 2011 15:05:44 -0500
Subject: Converted entity header into facet header.

The content and the size of entity header changes depending on the
facet being displayed, so the entity header has been converted into
a facet header to allow better control via CSS.

The DNS record facet has been updated to use the same styling and
support scrolling.

To help styling and testing, all buttons have been assigned a name.
---
 install/ui/search.js | 40 +++++++++++++++++++++++-----------------
 1 file changed, 23 insertions(+), 17 deletions(-)

(limited to 'install/ui/search.js')

diff --git a/install/ui/search.js b/install/ui/search.js
index 9d6e5136..96c72a85 100644
--- a/install/ui/search.js
+++ b/install/ui/search.js
@@ -29,9 +29,11 @@ IPA.search_facet = function(spec) {
     spec = spec || {};
 
     spec.name = spec.name || 'search';
-    spec.display_class = 'search-facet';
     spec.managed_entity_name = spec.managed_entity_name || spec.entity_name;
 
+    spec.disable_back_link = spec.disable_back_link === undefined ? true : spec.disable_back_link;
+    spec.disable_facet_tabs = spec.disable_facet_tabs === undefined ? true : spec.disable_facet_tabs;
+
     var that = IPA.table_facet(spec);
 
     that.search_all = spec.search_all || false;
@@ -52,7 +54,6 @@ IPA.search_facet = function(spec) {
     that.init_table = function(entity){
 
         that.table = IPA.table_widget({
-            id: entity.name+'-search',
             'class': 'content-table',
             name: 'search',
             label: IPA.metadata.objects[entity.name].label,
@@ -95,11 +96,15 @@ IPA.search_facet = function(spec) {
 
         that.facet_create_header(container);
 
+        var span = $('<span/>', {
+            'class': 'right-aligned-facet-controls'
+        }).appendTo(that.controls);
+
         that.filter = $('<input/>', {
             type: 'text',
-			'class': 'search-container',
+			'class': 'search-filter',
             name: 'filter'
-        }).appendTo(that.controls);
+        }).appendTo(span);
 
         that.filter.keypress(function(e) {
             /* if the key pressed is the enter key */
@@ -109,17 +114,18 @@ IPA.search_facet = function(spec) {
         });
 
         that.find_button = IPA.action_button({
-            label: IPA.messages.buttons.find,
+            name: 'find',
             icon: 'search-icon',
             click: function() {
                 that.find();
                 return false;
             }
-        }).appendTo(that.controls);
+        }).appendTo(span);
 
-        that.controls.append(IPA.create_network_spinner());
+        span.append(IPA.create_network_spinner());
 
         that.remove_button = IPA.action_button({
+            name: 'remove',
             label: IPA.messages.buttons.remove,
             icon: 'remove-icon',
             click: function() {
@@ -130,6 +136,7 @@ IPA.search_facet = function(spec) {
         }).appendTo(that.controls);
 
         that.add_button = IPA.action_button({
+            name: 'add',
             label: IPA.messages.buttons.add,
             icon: 'add-icon',
             click: function() {
@@ -148,10 +155,6 @@ IPA.search_facet = function(spec) {
     that.show = function() {
         that.facet_show();
 
-        that.entity.header.set_pkey(null);
-        that.entity.header.back_link.css('visibility', 'hidden');
-        that.entity.header.facet_tabs.css('visibility', 'hidden');
-
         if (that.filter) {
             var filter = $.bbq.getState(that.entity_name+'-filter');
             that.filter.val(filter);
@@ -330,18 +333,21 @@ IPA.search_facet = function(spec) {
 
 /*TODO.  this has much copied code from above.  Refactor the search_facet
 To either be nested or not nested. */
-IPA.nested_search_facet = function(spec){
+IPA.nested_search_facet = function(spec) {
+
+    spec = spec || {};
+
     spec.managed_entity_name = spec.nested_entity;
+
+    spec.disable_back_link = false;
+    spec.disable_facet_tabs = false;
+
     var that = IPA.search_facet(spec);
 
     that.show = function() {
         that.facet_show();
 
-        //that.entity.header.set_pkey(null);
-        that.entity.header.back_link.css('visibility', 'visible');
-        that.entity.header.facet_tabs.css('visibility', 'visible');
-
-        that.entity.header.set_pkey(
+        that.header.set_pkey(
             $.bbq.getState(IPA.current_entity.name+'-pkey'));
 
         if (that.filter) {
-- 
cgit