From 5db9fed8a5c62a65adf43f1d8c24a0e061f6b301 Mon Sep 17 00:00:00 2001
From: "Endi S. Dewata" <edewata@redhat.com>
Date: Wed, 2 Nov 2011 12:21:39 -0500
Subject: Moved facet code into facet.js.

Facet-related code has been moved from entity.js into a new facet.js
because the file is getting too big.
---
 install/ui/Makefile.am                |   1 +
 install/ui/aci.js                     |   2 +-
 install/ui/automount.js               |   2 +-
 install/ui/dns.js                     |   2 +-
 install/ui/entitle.js                 |   2 +-
 install/ui/entity.js                  | 568 +-------------------------------
 install/ui/facet.js                   | 588 ++++++++++++++++++++++++++++++++++
 install/ui/group.js                   |   2 +-
 install/ui/hbac.js                    |   2 +-
 install/ui/host.js                    |   2 +-
 install/ui/hostgroup.js               |   2 +-
 install/ui/index.html                 |   1 +
 install/ui/jsl.conf                   |   1 +
 install/ui/netgroup.js                |   2 +-
 install/ui/policy.js                  |   2 +-
 install/ui/rule.js                    |   2 +-
 install/ui/serverconfig.js            |   2 +-
 install/ui/service.js                 |   2 +-
 install/ui/sudo.js                    |   2 +-
 install/ui/test/aci_tests.html        |   1 +
 install/ui/test/all_tests.html        |   1 +
 install/ui/test/details_tests.html    |   1 +
 install/ui/test/entity_tests.html     |   1 +
 install/ui/test/navigation_tests.html |   1 +
 install/ui/user.js                    |   2 +-
 25 files changed, 615 insertions(+), 579 deletions(-)
 create mode 100644 install/ui/facet.js

(limited to 'install')

diff --git a/install/ui/Makefile.am b/install/ui/Makefile.am
index a15b070b..8e1ec46f 100644
--- a/install/ui/Makefile.am
+++ b/install/ui/Makefile.am
@@ -18,6 +18,7 @@ app_DATA =				\
 	dns.js				\
 	entitle.js 			\
 	entity.js 			\
+	facet.js 			\
 	favicon.ico			\
 	group.js 			\
 	hbac.js 			\
diff --git a/install/ui/aci.js b/install/ui/aci.js
index 7a331118..5ffb2108 100644
--- a/install/ui/aci.js
+++ b/install/ui/aci.js
@@ -21,7 +21,7 @@
  * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
  */
 
-/* REQUIRES: ipa.js, details.js, search.js, add.js, entity.js */
+/* REQUIRES: ipa.js, details.js, search.js, add.js, facet.js, entity.js */
 
 IPA.entity_factories.permission = function() {
 
diff --git a/install/ui/automount.js b/install/ui/automount.js
index 2dfb9ddc..b692e583 100644
--- a/install/ui/automount.js
+++ b/install/ui/automount.js
@@ -21,7 +21,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-/* REQUIRES: ipa.js, details.js, search.js, add.js, entity.js */
+/* REQUIRES: ipa.js, details.js, search.js, add.js, facet.js, entity.js */
 
 
 /**Automount*/
diff --git a/install/ui/dns.js b/install/ui/dns.js
index 769eee60..b7de11bd 100644
--- a/install/ui/dns.js
+++ b/install/ui/dns.js
@@ -21,7 +21,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-/* REQUIRES: ipa.js, details.js, search.js, add.js, entity.js, widget.js */
+/* REQUIRES: ipa.js, details.js, search.js, add.js, facet.js, entity.js, widget.js */
 
 /* DNS */
 IPA.entity_factories.dnszone = function() {
diff --git a/install/ui/entitle.js b/install/ui/entitle.js
index dcaf5638..8bd6c456 100644
--- a/install/ui/entitle.js
+++ b/install/ui/entitle.js
@@ -20,7 +20,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-/* REQUIRES: ipa.js, details.js, search.js, add.js, entity.js */
+/* REQUIRES: ipa.js, details.js, search.js, add.js, facet.js, entity.js */
 
 
 IPA.entitle = {};
diff --git a/install/ui/entity.js b/install/ui/entity.js
index 526e2795..ce086bd1 100644
--- a/install/ui/entity.js
+++ b/install/ui/entity.js
@@ -1,10 +1,12 @@
 /*jsl:import ipa.js */
+/*jsl:import facet.js */
 /*jsl:import navigation.js */
 
 /*  Authors:
  *    Pavel Zuna <pzuna@redhat.com>
  *    Endi Sukma Dewata <edewata@redhat.com>
  *    Adam Young <ayoung@redhat.com>
+ *    Petr Vobornik <pvoborni@redhat.com>
  *
  * Copyright (C) 2010-2011 Red Hat
  * see file 'COPYING' for use and warranty information
@@ -23,442 +25,9 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-/* REQUIRES: ipa.js, details.js, search.js, add.js */
+/* REQUIRES: ipa.js, facet.js, details.js, search.js, add.js */
 
-IPA.facet = function (spec) {
-
-    spec = spec || {};
-
-    var that = {};
-
-    that.entity = spec.entity;
-
-    that.name = spec.name;
-    that.label = spec.label;
-    that.title = spec.title || that.label;
-    that.display_class = spec.display_class;
-
-    that.disable_breadcrumb = spec.disable_breadcrumb;
-    that.disable_facet_tabs = spec.disable_facet_tabs;
-
-    that.header = spec.header || IPA.facet_header({ facet: that });
-
-    that.entity_name = spec.entity_name;
-    that._needs_update = spec.needs_update;
-
-    that.dialogs = $.ordered_map();
-
-    // facet group name
-    that.facet_group = spec.facet_group;
-
-    that.state = {};
-
-    that.get_dialog = function(name) {
-        return that.dialogs.get(name);
-    };
-
-    that.dialog = function(dialog) {
-        that.dialogs.put(dialog.name, dialog);
-        return that;
-    };
-
-    that.create = function(container) {
-
-        that.container = container;
-
-        if (that.disable_facet_tabs) that.container.addClass('no-facet-tabs');
-        that.container.addClass(that.display_class);
-
-        that.header_container = $('<div/>', {
-            'class': 'facet-header'
-        }).appendTo(container);
-        that.create_header(that.header_container);
-
-        that.content = $('<div/>', {
-            'class': 'facet-content'
-        }).appendTo(container);
-        that.create_content(that.content);
-    };
-
-    that.create_header = function(container) {
-
-        that.header.create(container);
-
-        that.controls = $('<div/>', {
-            'class': 'facet-controls'
-        }).appendTo(container);
-    };
-
-    that.create_content = function(container) {
-    };
-
-    that.set_title = function(container, title) {
-        var element = $('h1', that.title_container);
-        element.html(title);
-    };
-
-    that.show = function() {
-        that.container.css('display', 'block');
-    };
-
-    that.hide = function() {
-        that.container.css('display', 'none');
-    };
-
-    that.load = function(data) {
-        that.data = data;
-        that.header.load(data);
-    };
-
-    that.clear = function() {
-    };
-
-    that.needs_update = function() {
-        if (that._needs_update !== undefined) return that._needs_update;
-        return true;
-    };
-
-    that.is_dirty = function() {
-        return false;
-    };
-
-    that.report_error = function(error_thrown) {
-        // TODO: The error message should be displayed in the facet footer.
-        // There should be a standard footer section for all facets.
-        that.content.empty();
-        that.content.append('<p>'+IPA.get_message('errors.error', 'Error')+': '+error_thrown.name+'</p>');
-        that.content.append('<p>'+error_thrown.message+'</p>');
-    };
-
-    that.redirect = function() {
-        var entity = that.entity;
-        while (entity.containing_entity) {
-            entity = entity.get_containing_entity();
-        }
-
-        IPA.nav.show_page(
-            entity.name,
-            that.entity.redirect_facet);
-    };
-
-    var redirect_errors = [4001];
-
-    that.on_error = function(xhr, text_status, error_thrown) {
-
-        /*If the error is in talking to the server, don't attempt to redirect,
-          as there is nothing any other facet can do either. */
-        if (that.entity.redirect_facet) {
-            for (var i=0; i<redirect_errors.length; i++) {
-                if (error_thrown.code === redirect_errors[i]) {
-                    that.redirect();
-                    return;
-                }
-            }
-        }
-        that.report_error(error_thrown);
-    };
-
-
-    // methods that should be invoked by subclasses
-    that.facet_create = that.create;
-    that.facet_create_header = that.create_header;
-    that.facet_create_content = that.create_content;
-    that.facet_show = that.show;
-    that.facet_hide = that.hide;
-    that.facet_load = that.load;
-
-    return that;
-};
-
-IPA.facet_header = function(spec) {
-
-    spec = spec || {};
-
-    var that = {};
-
-    that.facet = spec.facet;
-
-    that.select_tab = function() {
-        if (that.facet.disable_facet_tabs) return;
-
-        $(that.facet_tabs).find('a').removeClass('selected');
-        var facet_name = IPA.nav.get_state(that.facet.entity.name+'-facet');
-
-        if (!facet_name || facet_name === 'default') {
-            that.facet_tabs.find('a:first').addClass('selected');
-        } else {
-            that.facet_tabs.find('a#' + facet_name ).addClass('selected');
-        }
-    };
-
-    that.set_pkey = function(value) {
-
-        if (!value) return;
-
-        if (!that.facet.disable_breadcrumb) {
-            var breadcrumb = [];
-            var entity = that.facet.entity.get_containing_entity();
-
-            while (entity) {
-                breadcrumb.unshift($('<a/>', {
-                    'class': 'breadcrumb-element',
-                    text: IPA.nav.get_state(entity.name+'-pkey'),
-                    title: entity.metadata.label_singular,
-                    click: function(entity) {
-                        return function() {
-                            IPA.nav.show_page(entity.name, 'default');
-                            return false;
-                        };
-                    }(entity)
-                }));
-
-                entity = entity.get_containing_entity();
-            }
-
-            that.path.empty();
-
-            for (var i=0; i<breadcrumb.length; i++){
-                that.path.append(' &raquo; ');
-                that.path.append(breadcrumb[i]);
-            }
-
-            that.path.append(' &raquo; ');
-
-            $('<span>', {
-                'class': 'breadcrumb-element',
-                text: value
-            }).appendTo(that.path);
-        }
-
-        that.title_container.empty();
-        var h3 = $('<h3/>').appendTo(that.title_container);
-        h3.append(that.facet.title);
-        h3.append(': ');
-
-        $('<span/>', {
-            'class': 'facet-pkey',
-            text: value
-        }).appendTo(h3);
-    };
-
-    that.create_facet_link = function(container, other_facet) {
-
-        var li = $('<li/>', {
-            name: other_facet.name,
-            title: other_facet.name,
-            click: function() {
-                if (li.hasClass('entity-facet-disabled')) {
-                    return false;
-                }
-
-                var pkey = IPA.nav.get_state(that.facet.entity.name+'-pkey');
-                IPA.nav.show_page(that.facet.entity.name, other_facet.name, pkey);
-
-                return false;
-            }
-        }).appendTo(container);
-
-        $('<a/>', {
-            text: other_facet.label,
-            id: other_facet.name
-        }).appendTo(li);
-    };
-
-    that.create_facet_group = function(container, facet_group) {
-
-        var section = $('<span/>', {
-            name: facet_group.name,
-            'class': 'facet-group'
-        }).appendTo(container);
-
-        $('<div/>', {
-            'class': 'facet-group-label'
-        }).appendTo(section);
-
-        var ul = $('<ul/>', {
-            'class': 'facet-tab'
-        }).appendTo(section);
-
-        var facets = facet_group.facets.values;
-        for (var i=0; i<facets.length; i++) {
-            var facet = facets[i];
-            that.create_facet_link(ul, facet);
-        }
-    };
-
-    that.create = function(container) {
-
-        if (!that.facet.disable_breadcrumb) {
-            that.breadcrumb = $('<div/>', {
-                'class': 'breadcrumb'
-            }).appendTo(container);
-
-            that.back_link = $('<span/>', {
-                'class': 'back-link'
-            }).appendTo(that.breadcrumb);
-
-            var entity = that.facet.entity;
-            while (entity.containing_entity) {
-                entity = entity.get_containing_entity();
-            }
-
-            $('<a/>', {
-                text: entity.metadata.label,
-                click: function() {
-                    that.facet.redirect();
-                    return false;
-                }
-            }).appendTo(that.back_link);
-
-
-            that.path = $('<span/>', {
-                'class': 'path'
-            }).appendTo(that.breadcrumb);
-        }
-
-        that.title_container = $('<div/>', {
-            'class': 'facet-title'
-        }).appendTo(container);
-
-        var span = $('<h3/>', {
-            text: that.facet.entity.metadata.label
-        }).appendTo(that.title_container);
-
-        if (!that.facet.disable_facet_tabs) {
-            that.facet_tabs = $('<div/>', {
-                'class': 'facet-tabs'
-            }).appendTo(container);
-
-            var facet_groups = that.facet.entity.facet_groups.values;
-            for (var i=0; i<facet_groups.length; i++) {
-                var facet_group = facet_groups[i];
-                if (facet_group.facets.length) {
-                    that.create_facet_group(that.facet_tabs, facet_group);
-                }
-            }
-        }
-    };
-
-    that.load = function(data) {
-        if (!that.facet.disable_facet_tabs) {
-            var pkey = that.facet.pkey;
-            if(!pkey || !data) {
-                pkey = '';
-            }
-
-            var facet_groups = that.facet.entity.facet_groups.values;
-            for (var i=0; i<facet_groups.length; i++) {
-                var facet_group = facet_groups[i];
-
-                var span = $('.facet-group[name='+facet_group.name+']', that.facet_tabs);
-                if (!span.length) continue;
-
-                var label = facet_group.label;
-                if (label) {
-                    label = label.replace('${primary_key}', pkey);
-
-                    var label_container = $('.facet-group-label', span);
-                    label_container.text(label);
-                }
-
-                var facets = facet_group.facets.values;
-                for (var j=0; j<facets.length; j++) {
-                    var facet = facets[j];
-                    var link = $('li[name='+facet.name+'] a', span);
-
-                    var values = data ? data[facet.name] : null;
-                    if (values) {
-                        link.text(facet.label+' ('+values.length+')');
-                    } else {
-                        link.text(facet.label);
-                    }
-                }
-            }
-        }
-    };
-
-    that.clear = function() {
-        that.load();
-    };
-
-    return that;
-};
-
-IPA.table_facet = function(spec) {
-
-    spec = spec || {};
-
-    var that = IPA.facet(spec);
-
-    that.managed_entity_name = spec.managed_entity_name || that.entity.name;
-
-    that.columns = $.ordered_map();
-
-    that.get_columns = function() {
-        return that.columns.values;
-    };
-
-    that.get_column = function(name) {
-        return that.columns.get(name);
-    };
-
-    that.add_column = function(column) {
-        column.entity_name = that.managed_entity_name;
-        that.columns.put(column.name, column);
-    };
-
-    that.create_column = function(spec) {
-        var column;
-        if (spec instanceof Object) {
-            var factory = spec.factory || IPA.column;
-        } else {
-            factory = IPA.column;
-            spec = { name: spec };
-        }
-
-        spec.entity_name = that.managed_entity_name;
-        column = factory(spec);
-
-        that.add_column(column);
-        return column;
-    };
-
-    that.column = function(spec){
-        that.create_column(spec);
-        return that;
-    };
-
-    var columns = spec.columns || [];
-    for (var i=0; i<columns.length; i++) {
-        that.create_column(columns[i]);
-    }
-
-    return that;
-};
-
-IPA.facet_group = function(spec) {
-
-    spec = spec || {};
-
-    var that = {};
-
-    that.name = spec.name;
-    that.label = spec.label;
-
-    that.facets = $.ordered_map();
-
-    that.add_facet = function(facet) {
-        that.facets.put(facet.name, facet);
-    };
-
-    that.get_facet = function(name) {
-        return that.facets.get(name);
-    };
-
-    return that;
-};
-
-IPA.entity = function (spec) {
+IPA.entity = function(spec) {
 
     spec = spec || {};
 
@@ -963,135 +532,6 @@ IPA.entity_builder = function(){
     return that;
 };
 
-IPA.facet_builder = function(entity) {
-
-    var that = {};
-
-    that.prepare_methods = {};
-
-    function init() {
-        that.prepare_methods.search = that.prepare_search_spec;
-        that.prepare_methods.nested_search = that.prepare_nested_search_spec;
-        that.prepare_methods.details = that.prepare_details_spec;
-        that.prepare_methods.association = that.prepare_association_spec;
-    }
-
-    that.build_facets = function() {
-
-        if(entity.facet_specs && entity.facet_specs.length) {
-            var facets = entity.facet_specs;
-            for(var i=0; i<facets.length; i++) {
-                var facet_spec = facets[i];
-                that.build_facet(facet_spec);
-            }
-        }
-    };
-
-    that.build_facet = function(spec) {
-
-        var type = spec.type || 'details';
-        //do common logic
-        spec.entity = entity;
-
-        //prepare spec based on type
-        var prepare_method = that.prepare_methods[type];
-        if(prepare_method) {
-            prepare_method.call(that, spec);
-        }
-
-        //add facet
-        var facet = spec.factory(spec);
-        entity.add_facet(facet);
-    };
-
-    function add_redirect_info(facet_name) {
-
-        facet_name = facet_name || 'search';
-        if (!entity.redirect_facet){
-            entity.redirect_facet = facet_name;
-        }
-    }
-
-    that.prepare_search_spec = function(spec) {
-
-        spec.title = spec.title || entity.metadata.label;
-        spec.label = spec.label || IPA.messages.facets.search;
-        spec.factory = spec.factory || IPA.search_facet;
-
-        add_redirect_info();
-        return spec;
-    };
-
-    that.prepare_nested_search_spec = function(spec) {
-
-        spec.title = spec.title || entity.metadata.label_singular;
-        spec.label = spec.label || IPA.messages.facets.search;
-        spec.factory = spec.factory || IPA.nested_search_facet;
-
-        return spec;
-    };
-
-    that.prepare_details_spec = function(spec) {
-        spec.title = spec.title || entity.metadata.label_singular;
-        spec.label = spec.label || IPA.messages.facets.details;
-        spec.factory = spec.factory || IPA.details_facet;
-
-        return spec;
-    };
-
-    that.prepare_association_spec = function(spec) {
-
-        spec.entity = entity;
-
-        var index = spec.name.indexOf('_');
-        spec.attribute_member = spec.attribute_member ||
-            spec.name.substring(0, index);
-        spec.other_entity = spec.other_entity ||
-            spec.name.substring(index+1);
-
-        spec.add_title = IPA.messages.association.add[spec.attribute_member];
-        spec.remove_title = IPA.messages.association.remove[spec.attribute_member];
-
-        spec.facet_group = spec.facet_group || spec.attribute_member;
-
-        spec.factory = spec.factory || IPA.association_facet;
-
-        spec.title = spec.label || entity.metadata.label_singular;
-
-        spec.label = spec.label ||
-            (IPA.metadata.objects[spec.other_entity] ?
-            IPA.metadata.objects[spec.other_entity].label : spec.other_entity);
-
-        if(that.has_indirect_attribute_member(spec)) {
-
-            spec.indirect_attribute_member = spec.attribute_member + 'indirect';
-        }
-
-        if (spec.facet_group === 'memberindirect' ||
-            spec.facet_group === 'memberofindirect') {
-
-            spec.read_only = true;
-        }
-
-        return spec;
-    };
-
-    that.has_indirect_attribute_member = function(spec) {
-
-        var indirect_members = entity.metadata.attribute_members[spec.attribute_member + 'indirect'];
-        if(indirect_members) {
-            if(indirect_members.indexOf(spec.other_entity) > -1) {
-                return true;
-            }
-        }
-        return false;
-    };
-
-    init();
-
-    return that;
-};
-
 IPA.dialog_builder = function(entity) {
 
     var that = {};
diff --git a/install/ui/facet.js b/install/ui/facet.js
new file mode 100644
index 00000000..5b6d964d
--- /dev/null
+++ b/install/ui/facet.js
@@ -0,0 +1,588 @@
+/*jsl:import ipa.js */
+
+/*  Authors:
+ *    Pavel Zuna <pzuna@redhat.com>
+ *    Endi Sukma Dewata <edewata@redhat.com>
+ *    Adam Young <ayoung@redhat.com>
+ *    Petr Vobornik <pvoborni@redhat.com>
+ *
+ * Copyright (C) 2010-2011 Red Hat
+ * see file 'COPYING' for use and warranty information
+ *
+ * This program is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+/* REQUIRES: ipa.js, details.js, search.js, add.js */
+
+IPA.facet = function(spec) {
+
+    spec = spec || {};
+
+    var that = {};
+
+    that.entity = spec.entity;
+
+    that.name = spec.name;
+    that.label = spec.label;
+    that.title = spec.title || that.label;
+    that.display_class = spec.display_class;
+
+    that.disable_breadcrumb = spec.disable_breadcrumb;
+    that.disable_facet_tabs = spec.disable_facet_tabs;
+
+    that.header = spec.header || IPA.facet_header({ facet: that });
+
+    that.entity_name = spec.entity_name;
+    that._needs_update = spec.needs_update;
+
+    that.dialogs = $.ordered_map();
+
+    // facet group name
+    that.facet_group = spec.facet_group;
+
+    that.state = {};
+
+    that.get_dialog = function(name) {
+        return that.dialogs.get(name);
+    };
+
+    that.dialog = function(dialog) {
+        that.dialogs.put(dialog.name, dialog);
+        return that;
+    };
+
+    that.create = function(container) {
+
+        that.container = container;
+
+        if (that.disable_facet_tabs) that.container.addClass('no-facet-tabs');
+        that.container.addClass(that.display_class);
+
+        that.header_container = $('<div/>', {
+            'class': 'facet-header'
+        }).appendTo(container);
+        that.create_header(that.header_container);
+
+        that.content = $('<div/>', {
+            'class': 'facet-content'
+        }).appendTo(container);
+        that.create_content(that.content);
+    };
+
+    that.create_header = function(container) {
+
+        that.header.create(container);
+
+        that.controls = $('<div/>', {
+            'class': 'facet-controls'
+        }).appendTo(container);
+    };
+
+    that.create_content = function(container) {
+    };
+
+    that.set_title = function(container, title) {
+        var element = $('h1', that.title_container);
+        element.html(title);
+    };
+
+    that.show = function() {
+        that.container.css('display', 'block');
+    };
+
+    that.hide = function() {
+        that.container.css('display', 'none');
+    };
+
+    that.load = function(data) {
+        that.data = data;
+        that.header.load(data);
+    };
+
+    that.clear = function() {
+    };
+
+    that.needs_update = function() {
+        if (that._needs_update !== undefined) return that._needs_update;
+        return true;
+    };
+
+    that.is_dirty = function() {
+        return false;
+    };
+
+    that.report_error = function(error_thrown) {
+        // TODO: The error message should be displayed in the facet footer.
+        // There should be a standard footer section for all facets.
+        that.content.empty();
+        that.content.append('<p>'+IPA.get_message('errors.error', 'Error')+': '+error_thrown.name+'</p>');
+        that.content.append('<p>'+error_thrown.message+'</p>');
+    };
+
+    that.redirect = function() {
+        var entity = that.entity;
+        while (entity.containing_entity) {
+            entity = entity.get_containing_entity();
+        }
+
+        IPA.nav.show_page(
+            entity.name,
+            that.entity.redirect_facet);
+    };
+
+    var redirect_errors = [4001];
+
+    that.on_error = function(xhr, text_status, error_thrown) {
+
+        /*If the error is in talking to the server, don't attempt to redirect,
+          as there is nothing any other facet can do either. */
+        if (that.entity.redirect_facet) {
+            for (var i=0; i<redirect_errors.length; i++) {
+                if (error_thrown.code === redirect_errors[i]) {
+                    that.redirect();
+                    return;
+                }
+            }
+        }
+        that.report_error(error_thrown);
+    };
+
+
+    // methods that should be invoked by subclasses
+    that.facet_create = that.create;
+    that.facet_create_header = that.create_header;
+    that.facet_create_content = that.create_content;
+    that.facet_show = that.show;
+    that.facet_hide = that.hide;
+    that.facet_load = that.load;
+
+    return that;
+};
+
+IPA.facet_header = function(spec) {
+
+    spec = spec || {};
+
+    var that = {};
+
+    that.facet = spec.facet;
+
+    that.select_tab = function() {
+        if (that.facet.disable_facet_tabs) return;
+
+        $(that.facet_tabs).find('a').removeClass('selected');
+        var facet_name = IPA.nav.get_state(that.facet.entity.name+'-facet');
+
+        if (!facet_name || facet_name === 'default') {
+            that.facet_tabs.find('a:first').addClass('selected');
+        } else {
+            that.facet_tabs.find('a#' + facet_name ).addClass('selected');
+        }
+    };
+
+    that.set_pkey = function(value) {
+
+        if (!value) return;
+
+        if (!that.facet.disable_breadcrumb) {
+            var breadcrumb = [];
+            var entity = that.facet.entity.get_containing_entity();
+
+            while (entity) {
+                breadcrumb.unshift($('<a/>', {
+                    'class': 'breadcrumb-element',
+                    text: IPA.nav.get_state(entity.name+'-pkey'),
+                    title: entity.metadata.label_singular,
+                    click: function(entity) {
+                        return function() {
+                            IPA.nav.show_page(entity.name, 'default');
+                            return false;
+                        };
+                    }(entity)
+                }));
+
+                entity = entity.get_containing_entity();
+            }
+
+            that.path.empty();
+
+            for (var i=0; i<breadcrumb.length; i++){
+                that.path.append(' &raquo; ');
+                that.path.append(breadcrumb[i]);
+            }
+
+            that.path.append(' &raquo; ');
+
+            $('<span>', {
+                'class': 'breadcrumb-element',
+                text: value
+            }).appendTo(that.path);
+        }
+
+        that.title_container.empty();
+        var h3 = $('<h3/>').appendTo(that.title_container);
+        h3.append(that.facet.title);
+        h3.append(': ');
+
+        $('<span/>', {
+            'class': 'facet-pkey',
+            text: value
+        }).appendTo(h3);
+    };
+
+    that.create_facet_link = function(container, other_facet) {
+
+        var li = $('<li/>', {
+            name: other_facet.name,
+            title: other_facet.name,
+            click: function() {
+                if (li.hasClass('entity-facet-disabled')) {
+                    return false;
+                }
+
+                var pkey = IPA.nav.get_state(that.facet.entity.name+'-pkey');
+                IPA.nav.show_page(that.facet.entity.name, other_facet.name, pkey);
+
+                return false;
+            }
+        }).appendTo(container);
+
+        $('<a/>', {
+            text: other_facet.label,
+            id: other_facet.name
+        }).appendTo(li);
+    };
+
+    that.create_facet_group = function(container, facet_group) {
+
+        var section = $('<span/>', {
+            name: facet_group.name,
+            'class': 'facet-group'
+        }).appendTo(container);
+
+        $('<div/>', {
+            'class': 'facet-group-label'
+        }).appendTo(section);
+
+        var ul = $('<ul/>', {
+            'class': 'facet-tab'
+        }).appendTo(section);
+
+        var facets = facet_group.facets.values;
+        for (var i=0; i<facets.length; i++) {
+            var facet = facets[i];
+            that.create_facet_link(ul, facet);
+        }
+    };
+
+    that.create = function(container) {
+
+        if (!that.facet.disable_breadcrumb) {
+            that.breadcrumb = $('<div/>', {
+                'class': 'breadcrumb'
+            }).appendTo(container);
+
+            that.back_link = $('<span/>', {
+                'class': 'back-link'
+            }).appendTo(that.breadcrumb);
+
+            var entity = that.facet.entity;
+            while (entity.containing_entity) {
+                entity = entity.get_containing_entity();
+            }
+
+            $('<a/>', {
+                text: entity.metadata.label,
+                click: function() {
+                    that.facet.redirect();
+                    return false;
+                }
+            }).appendTo(that.back_link);
+
+
+            that.path = $('<span/>', {
+                'class': 'path'
+            }).appendTo(that.breadcrumb);
+        }
+
+        that.title_container = $('<div/>', {
+            'class': 'facet-title'
+        }).appendTo(container);
+
+        var span = $('<h3/>', {
+            text: that.facet.entity.metadata.label
+        }).appendTo(that.title_container);
+
+        if (!that.facet.disable_facet_tabs) {
+            that.facet_tabs = $('<div/>', {
+                'class': 'facet-tabs'
+            }).appendTo(container);
+
+            var facet_groups = that.facet.entity.facet_groups.values;
+            for (var i=0; i<facet_groups.length; i++) {
+                var facet_group = facet_groups[i];
+                if (facet_group.facets.length) {
+                    that.create_facet_group(that.facet_tabs, facet_group);
+                }
+            }
+        }
+    };
+
+    that.load = function(data) {
+        if (!that.facet.disable_facet_tabs) {
+            var pkey = that.facet.pkey;
+            if(!pkey || !data) {
+                pkey = '';
+            }
+
+            var facet_groups = that.facet.entity.facet_groups.values;
+            for (var i=0; i<facet_groups.length; i++) {
+                var facet_group = facet_groups[i];
+
+                var span = $('.facet-group[name='+facet_group.name+']', that.facet_tabs);
+                if (!span.length) continue;
+
+                var label = facet_group.label;
+                if (label) {
+                    label = label.replace('${primary_key}', pkey);
+
+                    var label_container = $('.facet-group-label', span);
+                    label_container.text(label);
+                }
+
+                var facets = facet_group.facets.values;
+                for (var j=0; j<facets.length; j++) {
+                    var facet = facets[j];
+                    var link = $('li[name='+facet.name+'] a', span);
+
+                    var values = data ? data[facet.name] : null;
+                    if (values) {
+                        link.text(facet.label+' ('+values.length+')');
+                    } else {
+                        link.text(facet.label);
+                    }
+                }
+            }
+        }
+    };
+
+    that.clear = function() {
+        that.load();
+    };
+
+    return that;
+};
+
+IPA.table_facet = function(spec) {
+
+    spec = spec || {};
+
+    var that = IPA.facet(spec);
+
+    that.managed_entity_name = spec.managed_entity_name || that.entity.name;
+
+    that.columns = $.ordered_map();
+
+    that.get_columns = function() {
+        return that.columns.values;
+    };
+
+    that.get_column = function(name) {
+        return that.columns.get(name);
+    };
+
+    that.add_column = function(column) {
+        column.entity_name = that.managed_entity_name;
+        that.columns.put(column.name, column);
+    };
+
+    that.create_column = function(spec) {
+        var column;
+        if (spec instanceof Object) {
+            var factory = spec.factory || IPA.column;
+        } else {
+            factory = IPA.column;
+            spec = { name: spec };
+        }
+
+        spec.entity_name = that.managed_entity_name;
+        column = factory(spec);
+
+        that.add_column(column);
+        return column;
+    };
+
+    that.column = function(spec){
+        that.create_column(spec);
+        return that;
+    };
+
+    var columns = spec.columns || [];
+    for (var i=0; i<columns.length; i++) {
+        that.create_column(columns[i]);
+    }
+
+    return that;
+};
+
+IPA.facet_group = function(spec) {
+
+    spec = spec || {};
+
+    var that = {};
+
+    that.name = spec.name;
+    that.label = spec.label;
+
+    that.facets = $.ordered_map();
+
+    that.add_facet = function(facet) {
+        that.facets.put(facet.name, facet);
+    };
+
+    that.get_facet = function(name) {
+        return that.facets.get(name);
+    };
+
+    return that;
+};
+
+IPA.facet_builder = function(entity) {
+
+    var that = {};
+
+    that.prepare_methods = {};
+
+    function init() {
+        that.prepare_methods.search = that.prepare_search_spec;
+        that.prepare_methods.nested_search = that.prepare_nested_search_spec;
+        that.prepare_methods.details = that.prepare_details_spec;
+        that.prepare_methods.association = that.prepare_association_spec;
+    }
+
+    that.build_facets = function() {
+
+        if(entity.facet_specs && entity.facet_specs.length) {
+            var facets = entity.facet_specs;
+            for(var i=0; i<facets.length; i++) {
+                var facet_spec = facets[i];
+                that.build_facet(facet_spec);
+            }
+        }
+    };
+
+    that.build_facet = function(spec) {
+
+        var type = spec.type || 'details';
+        //do common logic
+        spec.entity = entity;
+
+        //prepare spec based on type
+        var prepare_method = that.prepare_methods[type];
+        if(prepare_method) {
+            prepare_method.call(that, spec);
+        }
+
+        //add facet
+        var facet = spec.factory(spec);
+        entity.add_facet(facet);
+    };
+
+    function add_redirect_info(facet_name) {
+
+        facet_name = facet_name || 'search';
+        if (!entity.redirect_facet){
+            entity.redirect_facet = facet_name;
+        }
+    }
+
+    that.prepare_search_spec = function(spec) {
+
+        spec.title = spec.title || entity.metadata.label;
+        spec.label = spec.label || IPA.messages.facets.search;
+        spec.factory = spec.factory || IPA.search_facet;
+
+        add_redirect_info();
+        return spec;
+    };
+
+    that.prepare_nested_search_spec = function(spec) {
+
+        spec.title = spec.title || entity.metadata.label_singular;
+        spec.label = spec.label || IPA.messages.facets.search;
+        spec.factory = spec.factory || IPA.nested_search_facet;
+
+        return spec;
+    };
+
+    that.prepare_details_spec = function(spec) {
+        spec.title = spec.title || entity.metadata.label_singular;
+        spec.label = spec.label || IPA.messages.facets.details;
+        spec.factory = spec.factory || IPA.details_facet;
+
+        return spec;
+    };
+
+    that.prepare_association_spec = function(spec) {
+
+        spec.entity = entity;
+
+        var index = spec.name.indexOf('_');
+        spec.attribute_member = spec.attribute_member ||
+            spec.name.substring(0, index);
+        spec.other_entity = spec.other_entity ||
+            spec.name.substring(index+1);
+
+        spec.add_title = IPA.messages.association.add[spec.attribute_member];
+        spec.remove_title = IPA.messages.association.remove[spec.attribute_member];
+
+        spec.facet_group = spec.facet_group || spec.attribute_member;
+
+        spec.factory = spec.factory || IPA.association_facet;
+
+        spec.title = spec.label || entity.metadata.label_singular;
+
+        spec.label = spec.label ||
+            (IPA.metadata.objects[spec.other_entity] ?
+            IPA.metadata.objects[spec.other_entity].label : spec.other_entity);
+
+        if(that.has_indirect_attribute_member(spec)) {
+
+            spec.indirect_attribute_member = spec.attribute_member + 'indirect';
+        }
+
+        if (spec.facet_group === 'memberindirect' ||
+            spec.facet_group === 'memberofindirect') {
+
+            spec.read_only = true;
+        }
+
+        return spec;
+    };
+
+    that.has_indirect_attribute_member = function(spec) {
+
+        var indirect_members = entity.metadata.attribute_members[spec.attribute_member + 'indirect'];
+        if(indirect_members) {
+            if(indirect_members.indexOf(spec.other_entity) > -1) {
+                return true;
+            }
+        }
+        return false;
+    };
+
+    init();
+
+    return that;
+};
diff --git a/install/ui/group.js b/install/ui/group.js
index 8c18c14a..418724e8 100644
--- a/install/ui/group.js
+++ b/install/ui/group.js
@@ -22,7 +22,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-/* REQUIRES: ipa.js, details.js, search.js, add.js, entity.js */
+/* REQUIRES: ipa.js, details.js, search.js, add.js, facet.js, entity.js */
 
 IPA.entity_factories.group =  function () {
 
diff --git a/install/ui/hbac.js b/install/ui/hbac.js
index e8c106ac..4199c269 100644
--- a/install/ui/hbac.js
+++ b/install/ui/hbac.js
@@ -21,7 +21,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-/* REQUIRES: ipa.js, details.js, search.js, add.js, entity.js */
+/* REQUIRES: ipa.js, details.js, search.js, add.js, facet.js, entity.js */
 
 IPA.entity_factories.hbacrule = function() {
     return IPA.entity_builder().
diff --git a/install/ui/host.js b/install/ui/host.js
index b1d16e64..fe082941 100644
--- a/install/ui/host.js
+++ b/install/ui/host.js
@@ -22,7 +22,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-/* REQUIRES: ipa.js, details.js, search.js, add.js, entity.js */
+/* REQUIRES: ipa.js, details.js, search.js, add.js, facet.js, entity.js */
 
 IPA.entity_factories.host = function () {
 
diff --git a/install/ui/hostgroup.js b/install/ui/hostgroup.js
index ef669960..f01e5b5e 100644
--- a/install/ui/hostgroup.js
+++ b/install/ui/hostgroup.js
@@ -20,7 +20,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-/* REQUIRES: ipa.js, details.js, search.js, add.js, entity.js */
+/* REQUIRES: ipa.js, details.js, search.js, add.js, facet.js, entity.js */
 
 
 IPA.entity_factories.hostgroup = function() {
diff --git a/install/ui/index.html b/install/ui/index.html
index 5fc4c61f..d1aab0c4 100644
--- a/install/ui/index.html
+++ b/install/ui/index.html
@@ -17,6 +17,7 @@
     <script type="text/javascript" src="details.js"></script>
     <script type="text/javascript" src="add.js"></script>
     <script type="text/javascript" src="association.js"></script>
+    <script type="text/javascript" src="facet.js"></script>
     <script type="text/javascript" src="entity.js"></script>
     <script type="text/javascript" src="navigation.js"></script>
     <script type="text/javascript" src="rule.js"></script>
diff --git a/install/ui/jsl.conf b/install/ui/jsl.conf
index 09db9712..675e4b6c 100644
--- a/install/ui/jsl.conf
+++ b/install/ui/jsl.conf
@@ -133,6 +133,7 @@
 +process details.js
 +process add.js
 +process association.js
++process facet.js
 +process entity.js
 +process navigation.js
 +process rule.js
diff --git a/install/ui/netgroup.js b/install/ui/netgroup.js
index 2b95c661..a99c6c7e 100644
--- a/install/ui/netgroup.js
+++ b/install/ui/netgroup.js
@@ -20,7 +20,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-/* REQUIRES: ipa.js, details.js, search.js, add.js, entity.js */
+/* REQUIRES: ipa.js, details.js, search.js, add.js, facet.js, entity.js */
 
 IPA.entity_factories.netgroup = function() {
 
diff --git a/install/ui/policy.js b/install/ui/policy.js
index f773c471..8a057139 100644
--- a/install/ui/policy.js
+++ b/install/ui/policy.js
@@ -21,7 +21,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-/* REQUIRES: ipa.js, details.js, search.js, add.js, entity.js */
+/* REQUIRES: ipa.js, details.js, search.js, add.js, facet.js, entity.js */
 
 /**pwpolicy*/
 IPA.entity_factories.pwpolicy = function() {
diff --git a/install/ui/rule.js b/install/ui/rule.js
index 9744b0f2..2ccdecd4 100644
--- a/install/ui/rule.js
+++ b/install/ui/rule.js
@@ -20,7 +20,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-/* REQUIRES: ipa.js, details.js, search.js, add.js, entity.js */
+/* REQUIRES: ipa.js, details.js, search.js, add.js, facet.js, entity.js */
 
 IPA.rule_details_section = function(spec) {
 
diff --git a/install/ui/serverconfig.js b/install/ui/serverconfig.js
index eec47d2f..be2a3df9 100644
--- a/install/ui/serverconfig.js
+++ b/install/ui/serverconfig.js
@@ -21,7 +21,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-/* REQUIRES: ipa.js, details.js, search.js, add.js, entity.js */
+/* REQUIRES: ipa.js, details.js, search.js, add.js, facet.js, entity.js */
 
 
 
diff --git a/install/ui/service.js b/install/ui/service.js
index 84764194..5f88f8f1 100644
--- a/install/ui/service.js
+++ b/install/ui/service.js
@@ -21,7 +21,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-/* REQUIRES: ipa.js, details.js, search.js, add.js, entity.js */
+/* REQUIRES: ipa.js, details.js, search.js, add.js, facet.js, entity.js */
 
 IPA.entity_factories.service = function() {
 
diff --git a/install/ui/sudo.js b/install/ui/sudo.js
index 3c581387..1c79e033 100644
--- a/install/ui/sudo.js
+++ b/install/ui/sudo.js
@@ -20,7 +20,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-/* REQUIRES: ipa.js, details.js, search.js, add.js, entity.js */
+/* REQUIRES: ipa.js, details.js, search.js, add.js, facet.js, entity.js */
 
 
 IPA.entity_factories.sudorule = function() {
diff --git a/install/ui/test/aci_tests.html b/install/ui/test/aci_tests.html
index 4b024ec1..a89a97e2 100755
--- a/install/ui/test/aci_tests.html
+++ b/install/ui/test/aci_tests.html
@@ -17,6 +17,7 @@
     <script type="text/javascript" src="../details.js"></script>
     <script type="text/javascript" src="../search.js"></script>
     <script type="text/javascript" src="../add.js"></script>
+    <script type="text/javascript" src="../facet.js"></script>
     <script type="text/javascript" src="../entity.js"></script>
     <script type="text/javascript" src="../association.js"></script>
     <script type="text/javascript" src="../navigation.js"></script>
diff --git a/install/ui/test/all_tests.html b/install/ui/test/all_tests.html
index 7af7e02b..7c8b0dff 100644
--- a/install/ui/test/all_tests.html
+++ b/install/ui/test/all_tests.html
@@ -14,6 +14,7 @@
     <script type="text/javascript" src="../details.js"></script>
     <script type="text/javascript" src="../search.js"></script>
     <script type="text/javascript" src="../add.js"></script>
+    <script type="text/javascript" src="../facet.js"></script>
     <script type="text/javascript" src="../entity.js"></script>
     <script type="text/javascript" src="../association.js"></script>
     <script type="text/javascript" src="../navigation.js"></script>
diff --git a/install/ui/test/details_tests.html b/install/ui/test/details_tests.html
index e83e70e2..cce259de 100644
--- a/install/ui/test/details_tests.html
+++ b/install/ui/test/details_tests.html
@@ -12,6 +12,7 @@
     <script type="text/javascript" src="../widget.js"></script>
     <script type="text/javascript" src="../dialog.js"></script>
     <script type="text/javascript" src="../details.js"></script>
+    <script type="text/javascript" src="../facet.js"></script>
     <script type="text/javascript" src="../entity.js"></script>
 
     <script type="text/javascript" src="details_tests.js"></script>
diff --git a/install/ui/test/entity_tests.html b/install/ui/test/entity_tests.html
index bd48db20..1b491889 100644
--- a/install/ui/test/entity_tests.html
+++ b/install/ui/test/entity_tests.html
@@ -15,6 +15,7 @@
     <script type="text/javascript" src="../add.js"></script>
     <script type="text/javascript" src="../association.js"></script>
     <script type="text/javascript" src="../navigation.js"></script>
+    <script type="text/javascript" src="../facet.js"></script>
     <script type="text/javascript" src="../entity.js"></script>
     <script type="text/javascript" src="entity_tests.js"></script>
 </head>
diff --git a/install/ui/test/navigation_tests.html b/install/ui/test/navigation_tests.html
index 3a4e6f7d..9d7f1d0d 100644
--- a/install/ui/test/navigation_tests.html
+++ b/install/ui/test/navigation_tests.html
@@ -9,6 +9,7 @@
     <script type="text/javascript" src="../jquery-ui.js"></script>
     <script type="text/javascript" src="../jquery.ordered-map.js"></script>
     <script type="text/javascript" src="../ipa.js"></script>
+    <script type="text/javascript" src="../facet.js"></script>
     <script type="text/javascript" src="../entity.js"></script>
     <script type="text/javascript" src="../navigation.js"></script>
     <script type="text/javascript" src="../search.js"></script>
diff --git a/install/ui/user.js b/install/ui/user.js
index eade0bbd..8e220568 100644
--- a/install/ui/user.js
+++ b/install/ui/user.js
@@ -21,7 +21,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-/* REQUIRES: ipa.js, details.js, search.js, add.js, entity.js */
+/* REQUIRES: ipa.js, details.js, search.js, add.js, facet.js, entity.js */
 
 
 IPA.entity_factories.user = function() {
-- 
cgit