freeipa/install/static/search.js
Endi S. Dewata c90bff232d Multicolumn association facet
The association facet has been modified to support multiple columns.
By default the facet will have one column which is the primary key of
the associated object (e.g. username of a group member), so the
existing code will work like before. Other fields (e.g. user's full
name) can be added by subclassing the ipa_association_facet class and
specifying the additional columns to display. These additional fields
will be retrieved using a batch operation.

Previously a single association facet instance will be used for all
associations in an entity. Now each association will have its own
association facet. This way each association facet can be customized
differently as needed. The <entity>-enroll URL parameter has been
removed because it's no longer needed.

The ipa_entity.create_association_facets() is provided to generate
the default association facets with one column for the primary key.

The column click handler has been moved out of ipa_column to provide
more flexibility for customization.

The get_action_panel() and get_client_area() have been modified to
search within the entity's container.

The group entity has been fully converted to use the new UI framework.

Association facets that have been modified to use multiple columns are:
 - User Group's member_user
 - HBAC Service Group's member_hbacsvc
 - SUDO Command Group's member_sudocmd
 - Service's managedby_host

New test data files have been added. Unit tests have been updated.
2010-11-30 14:58:30 -05:00

450 lines
13 KiB
JavaScript

/* Authors:
* Pavel Zuna <pzuna@redhat.com>
* Adam Young <ayoung@redhat.com>
* Endi S. Dewata <edewata@redhat.com>
*
* Copyright (C) 2010 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; version 2 only
*
* 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, write to the Free Software
* Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
*/
/* REQUIRES: ipa.js */
function ipa_search_widget(spec) {
spec = spec || {};
var that = ipa_table_widget(spec);
that.facet = spec.facet;
that.create = function(container) {
var search_controls = $('<div/>', {
'class': 'search-controls'
}).appendTo(container);
var search_filter = $('<span/>', {
'class': 'search-filter',
'name': 'search-filter'
}).appendTo(search_controls);
this.filter = $('<input/>', {
'type': 'text',
'name': 'search-' + that.entity_name + '-filter'
}).appendTo(search_filter);
$('<input/>', {
'type': 'button',
'name': 'find',
'value': 'Find'
}).appendTo(search_filter);
var action_panel = that.facet.get_action_panel();
var li = $('.action-controls', action_panel);
var search_buttons = $('<span/>', {
'class': 'search-buttons'
}).appendTo(li);
$('<input/>', {
'type': 'button',
'name': 'remove',
'value': 'Remove'
}).appendTo(search_buttons);
$('<input/>', {
'type': 'button',
'name': 'add',
'value': 'Add'
}).appendTo(search_buttons);
$('<div/>', {
'class': 'search-results'
}).appendTo(container);
that.table_create(container);
};
that.setup = function(container) {
that.table_setup(container);
var search_filter = $('span[name=search-filter]', that.container);
var button = $('input[name=find]', search_filter);
that.find_button = ipa_button({
'label': IPA.messages.button.find,
'icon': 'ui-icon-search',
'click': function() { that.find(that.container); }
});
button.replaceWith(that.find_button);
var action_panel = that.facet.get_action_panel();
var search_buttons = $('.search-buttons', action_panel);
button = $('input[name=remove]', search_buttons);
that.remove_button = ipa_button({
'label': IPA.messages.button.remove,
'icon': 'ui-icon-trash',
'click': function() { that.remove(that.container); }
});
button.replaceWith(that.remove_button);
button = $('input[name=add]', search_buttons);
that.add_button = ipa_button({
'label': IPA.messages.button.add,
'icon': 'ui-icon-plus',
'click': function() { that.add(that.container); }
});
button.replaceWith(that.add_button);
var filter = $.bbq.getState(that.entity_name + '-filter', true) || '';
this.filter.val(filter);
};
that.find = function(container) {
var filter = this.filter.val();
var state = {};
state[that.entity_name + '-filter'] = filter;
$.bbq.pushState(state);
};
that.add = function(container) {
var entity = IPA.get_entity(that.entity_name);
var dialog = entity.get_dialog('add');
dialog.open(that.container);
return false;
};
that.select_changed = function(){
var count = 0;
var pkey;
$('input[name=select]:checked', that.tbody).each(function(input){
count += 1;
pkey = $(this).val();
});
var action_panel = that.facet.get_action_panel();
if(count == 1){
$('li.entity-facet', action_panel).
removeClass('entity-facet-disabled');
var state = {};
$('input[id=pkey]', action_panel).val(pkey);
}else{
$('li.entity-facet', action_panel).
addClass('entity-facet-disabled');
$('input', action_panel).val(null);
}
return false;
};
that.remove = function(container) {
var values = that.get_selected_values();
if (!values.length) {
alert('Select '+that.label+' to be removed.');
return;
}
var title = 'Remove '+that.label;
var dialog = ipa_deleter_dialog({
'title': title,
'parent': that.container,
'values': values
});
dialog.remove = function() {
var batch = ipa_batch_command({
'on_success': function() {
that.refresh();
dialog.close();
},
'on_error': function() {
that.refresh();
dialog.close();
}
});
for (var i=0; i<values.length; i++) {
var command = ipa_command({
'method': that.entity_name+'_del'
});
command.add_arg(values[i]);
batch.add_command(command);
}
batch.execute();
};
dialog.init();
dialog.open(that.container);
};
that.refresh = function() {
function on_success(data, text_status, xhr) {
that.tbody.empty();
var result = data.result.result;
for (var i = 0; i<result.length; i++) {
var record = that.get_record(result[i], 0);
that.add_row(record);
}
var summary = $('span[name=summary]', that.tfoot);
if (data.result.truncated) {
summary.text(
'Query returned results than configured size limit will show.' +
'First ' + data.result.count + ' results shown.'
);
} else {
summary.text(data.result.summary);
}
}
function on_error(xhr, text_status, error_thrown) {
var summary = $('span[name=summary]', that.tfoot).empty();
summary.append('<p>Error: '+error_thrown.name+'</p>');
summary.append('<p>'+error_thrown.title+'</p>');
summary.append('<p>'+error_thrown.message+'</p>');
}
var filter = $.bbq.getState(that.entity_name + '-filter', true) || '';
ipa_cmd(
'find', [filter], {all: true}, on_success, on_error, that.entity_name
);
};
return that;
}
function ipa_search_facet(spec) {
spec = spec || {};
spec.display_class = 'search-facet';
var that = ipa_facet(spec);
that.init = spec.init || init;
that.create = spec.create || create;
that.setup = spec.setup || setup;
that.refresh = spec.refresh || refresh;
that.columns = [];
that.columns_by_name = {};
that.__defineGetter__("entity_name", function(){
return that._entity_name;
});
that.__defineSetter__("entity_name", function(entity_name){
that._entity_name = entity_name;
for (var i=0; i<that.columns.length; i++) {
that.columns[i].entity_name = entity_name;
}
});
that.get_columns = function() {
return that.columns;
};
that.get_column = function(name) {
return that.columns_by_name[name];
};
that.add_column = function(column) {
column.entity_name = that.entity_name;
that.columns.push(column);
that.columns_by_name[column.name] = column;
};
that.create_column = function(spec) {
var column = ipa_column(spec);
that.add_column(column);
return column;
};
that.setup_column = function(column) {
column.setup = function(container, record) {
container.empty();
var value = record[column.name];
value = value ? value.toString() : '';
$('<a/>', {
'href': '#'+value,
'html': value,
'click': function (value) {
return function() {
var state = IPA.tab_state(that.entity_name);
state[that.entity_name + '-facet'] = 'details';
state[that.entity_name + '-pkey'] = value;
$.bbq.pushState(state);
return false;
}
}(value)
}).appendTo(container);
};
};
function init() {
that.table = ipa_search_widget({
'id': that.entity_name+'-search',
'name': 'search', 'label': IPA.metadata[that.entity_name].label,
'entity_name': that.entity_name,
'facet': that
});
for (var i=0; i<that.columns.length; i++) {
var column = that.columns[i];
var param_info = ipa_get_param_info(that.entity_name, column.name);
column.primary_key = param_info && param_info['primary_key'];
if (column.primary_key) {
that.setup_column(column);
}
that.table.add_column(column);
}
}
that.is_dirty = function() {
var filter = $.bbq.getState(that.entity_name + '-filter', true) || '';
return filter != that.filter;
};
function create(container) {
container.attr('title', that.entity_name);
var span = $('<span/>', { 'name': 'search' }).appendTo(container);
that.table.create(span);
}
function setup(container) {
that.facet_setup(container);
var span = $('span[name=search]', that.container);
that.table.setup(span);
}
function refresh() {
that.filter = $.bbq.getState(that.entity_name + '-filter', true) || '';
that.table.refresh();
}
if (spec.columns) {
for (var i=0; i<spec.columns.length; i++) {
var column = spec.columns[i];
column.facet = that;
that.add_column(column);
}
}
that.search_facet_init = that.init;
that.search_facet_create = that.create;
that.search_facet_setup = that.setup;
return that;
}
function search_generate_tr(thead, tbody, entry_attrs)
{
var obj_name = tbody.closest('.entity-container').attr('title');
var pkey = IPA.metadata[obj_name].primary_key;
var pkey_value = entry_attrs[pkey];
var entity = IPA.get_entity(obj_name);
var facet = entity ? entity.get_facet('search') : null;
tbody.append('<tr></tr>');
var tr = tbody.children().last();
search_generate_checkbox_td(tr, pkey_value);
var ths = thead.find('th');
for (var i = 1; i < ths.length; ++i) {
var jobj = $(ths[i]);
var attr = jobj.attr('abbr');
var value = entry_attrs[attr];
var column = facet ? facet.get_column(attr) : null;
var render_call = window[jobj.attr('title')];
if (column && column.setup) {
column.setup(tr, attr, value, entry_attrs);
} else if (typeof render_call == 'function') {
render_call(tr, attr, value, entry_attrs);
} else
search_generate_td(tr, attr, value, entry_attrs);
}
tbody.find('.search-a-pkey').click(function () {
var jobj = $(this);
var state = {};
state[obj_name + '-facet'] = 'details';
state[obj_name + '-pkey'] = $(this).text();
$.bbq.pushState(state);
return (false);
});
}
function search_generate_checkbox_td(tr, pkey)
{
var checkbox = $('<input />', {
name: pkey,
title: pkey,
type: 'checkbox',
'class': 'search-selector'
});
var td = $('<td></td>');
td.append(checkbox);
tr.append(td);
}
var _search_td_template = '<td title="A">V</td>';
var _search_a_pkey_template = '<a href="jslink" class="search-a-pkey">V</a>';
function search_generate_td(tr, attr, value, entry_attrs)
{
var obj_name = tr.closest('.entity-container').attr('title');
var param_info = ipa_get_param_info(obj_name, attr);
if (param_info && param_info['primary_key'])
value = _search_a_pkey_template.replace('V', value);
tr.append(_search_td_template.replace('A', attr).replace('V', value));
}