mirror of
https://salsa.debian.org/freeipa-team/freeipa.git
synced 2025-02-25 18:55:28 -06:00
Refactored search facet.
To simplify customization, the add(), remove(), and refresh() methods have been moved from IPA.search_widget into IPA.search_facet.
This commit is contained in:
Endi S. Dewata
committed by
Endi Sukma Dewata
Endi Sukma Dewata
parent
689fd30b52
commit
6df53183a8
@@ -31,7 +31,6 @@ IPA.search_widget = function (spec) {
|
|||||||
var that = IPA.table_widget(spec);
|
var that = IPA.table_widget(spec);
|
||||||
|
|
||||||
that.entity_name = spec.entity_name;
|
that.entity_name = spec.entity_name;
|
||||||
that.facet = spec.facet;
|
|
||||||
that.search_all = spec.search_all || false;
|
that.search_all = spec.search_all || false;
|
||||||
|
|
||||||
that.create = function(container) {
|
that.create = function(container) {
|
||||||
@@ -47,7 +46,7 @@ IPA.search_widget = function (spec) {
|
|||||||
|
|
||||||
search_controls.append(IPA.create_network_spinner());
|
search_controls.append(IPA.create_network_spinner());
|
||||||
|
|
||||||
this.filter = $('<input/>', {
|
that.filter = $('<input/>', {
|
||||||
'type': 'text',
|
'type': 'text',
|
||||||
'name': 'search-' + that.entity_name + '-filter'
|
'name': 'search-' + that.entity_name + '-filter'
|
||||||
}).appendTo(search_filter);
|
}).appendTo(search_filter);
|
||||||
@@ -58,25 +57,6 @@ IPA.search_widget = function (spec) {
|
|||||||
'value': IPA.messages.buttons.find
|
'value': IPA.messages.buttons.find
|
||||||
}).appendTo(search_filter);
|
}).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': IPA.messages.buttons.remove
|
|
||||||
}).appendTo(search_buttons);
|
|
||||||
|
|
||||||
$('<input/>', {
|
|
||||||
'type': 'button',
|
|
||||||
'name': 'add',
|
|
||||||
'value': IPA.messages.buttons.add
|
|
||||||
}).appendTo(search_buttons);
|
|
||||||
|
|
||||||
$('<div/>', {
|
$('<div/>', {
|
||||||
'class': 'search-results'
|
'class': 'search-results'
|
||||||
}).appendTo(container);
|
}).appendTo(container);
|
||||||
@@ -107,173 +87,17 @@ IPA.search_widget = function (spec) {
|
|||||||
});
|
});
|
||||||
button.replaceWith(that.find_button);
|
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.action_button({
|
|
||||||
'label': IPA.messages.buttons.remove,
|
|
||||||
'icon': 'ui-icon-trash'
|
|
||||||
});
|
|
||||||
that.remove_button.addClass('input_link_disabled');
|
|
||||||
|
|
||||||
button.replaceWith(that.remove_button);
|
|
||||||
|
|
||||||
|
|
||||||
button = $('input[name=add]', search_buttons);
|
|
||||||
that.add_button = IPA.action_button({
|
|
||||||
'label': IPA.messages.buttons.add,
|
|
||||||
'icon': 'ui-icon-plus',
|
|
||||||
'click': function() { that.add(); }
|
|
||||||
});
|
|
||||||
button.replaceWith(that.add_button);
|
|
||||||
|
|
||||||
var filter = $.bbq.getState(that.entity_name + '-filter', true) || '';
|
var filter = $.bbq.getState(that.entity_name + '-filter', true) || '';
|
||||||
this.filter.val(filter);
|
that.filter.val(filter);
|
||||||
};
|
};
|
||||||
|
|
||||||
that.find = function() {
|
that.find = function() {
|
||||||
var filter = this.filter.val();
|
var filter = that.filter.val();
|
||||||
var state = {};
|
var state = {};
|
||||||
state[that.entity_name + '-filter'] = filter;
|
state[that.entity_name + '-filter'] = filter;
|
||||||
$.bbq.pushState(state);
|
$.bbq.pushState(state);
|
||||||
};
|
};
|
||||||
|
|
||||||
that.add = function() {
|
|
||||||
|
|
||||||
var dialog = that.facet.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);
|
|
||||||
|
|
||||||
}
|
|
||||||
var remove_button;
|
|
||||||
if(count === 0){
|
|
||||||
remove_button = $('a[title=Delete]', action_panel);
|
|
||||||
remove_button.addClass('input_link_disabled');
|
|
||||||
remove_button.unbind('click');
|
|
||||||
|
|
||||||
}else{
|
|
||||||
remove_button = $('a[title=Delete]', action_panel);
|
|
||||||
remove_button.click(function() { that.remove(that.container); });
|
|
||||||
remove_button.removeClass('input_link_disabled');
|
|
||||||
}
|
|
||||||
|
|
||||||
return false;
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
that.remove = function(container) {
|
|
||||||
|
|
||||||
var values = that.get_selected_values();
|
|
||||||
|
|
||||||
var title;
|
|
||||||
if (!values.length) {
|
|
||||||
title = IPA.messages.dialogs.remove_empty;
|
|
||||||
title = title.replace('${entity}', that.label);
|
|
||||||
alert(title);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
title = IPA.messages.dialogs.remove_title;
|
|
||||||
title = title.replace('${entity}', that.label);
|
|
||||||
|
|
||||||
var dialog = IPA.deleter_dialog({
|
|
||||||
'title': title,
|
|
||||||
'parent': that.container,
|
|
||||||
'values': values
|
|
||||||
});
|
|
||||||
|
|
||||||
dialog.execute = 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) {
|
|
||||||
|
|
||||||
var action_panel = that.facet.get_action_panel();
|
|
||||||
$('li.entity-facet', action_panel).
|
|
||||||
addClass('entity-facet-disabled');
|
|
||||||
$('input', action_panel).val(null);
|
|
||||||
|
|
||||||
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_record(record);
|
|
||||||
}
|
|
||||||
|
|
||||||
var summary = $('span[name=summary]', that.tfoot);
|
|
||||||
if (data.result.truncated) {
|
|
||||||
var message = IPA.messages.search.truncated;
|
|
||||||
message = message.replace('${counter}', data.result.count);
|
|
||||||
summary.text(message);
|
|
||||||
} else {
|
|
||||||
summary.text(data.result.summary);
|
|
||||||
}
|
|
||||||
$('.search-filter input[type=text]', that.container).focus();
|
|
||||||
}
|
|
||||||
|
|
||||||
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: that.search_all}, on_success, on_error,
|
|
||||||
that.entity_name);
|
|
||||||
};
|
|
||||||
|
|
||||||
return that;
|
return that;
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -362,7 +186,6 @@ IPA.search_facet = function(spec) {
|
|||||||
name: 'search',
|
name: 'search',
|
||||||
label: IPA.metadata.objects[that.entity_name].label,
|
label: IPA.metadata.objects[that.entity_name].label,
|
||||||
entity_name: that.entity_name,
|
entity_name: that.entity_name,
|
||||||
facet: that,
|
|
||||||
search_all: that.search_all
|
search_all: that.search_all
|
||||||
});
|
});
|
||||||
|
|
||||||
@@ -379,12 +202,38 @@ IPA.search_facet = function(spec) {
|
|||||||
that.table.add_column(column);
|
that.table.add_column(column);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
that.table.select_changed = function() {
|
||||||
|
that.select_changed();
|
||||||
|
};
|
||||||
|
|
||||||
|
that.table.refresh = function() {
|
||||||
|
that.refresh();
|
||||||
|
};
|
||||||
|
|
||||||
that.table.init();
|
that.table.init();
|
||||||
};
|
};
|
||||||
|
|
||||||
that.is_dirty = function() {
|
that.create_action_panel = function(container) {
|
||||||
var filter = $.bbq.getState(that.entity_name + '-filter', true) || '';
|
|
||||||
return filter != that.filter;
|
that.facet_create_action_panel(container);
|
||||||
|
|
||||||
|
var li = $('.action-controls', container);
|
||||||
|
|
||||||
|
var buttons = $('<span/>', {
|
||||||
|
'class': 'search-buttons'
|
||||||
|
}).appendTo(li);
|
||||||
|
|
||||||
|
$('<input/>', {
|
||||||
|
'type': 'button',
|
||||||
|
'name': 'remove',
|
||||||
|
'value': IPA.messages.buttons.remove
|
||||||
|
}).appendTo(buttons);
|
||||||
|
|
||||||
|
$('<input/>', {
|
||||||
|
'type': 'button',
|
||||||
|
'name': 'add',
|
||||||
|
'value': IPA.messages.buttons.add
|
||||||
|
}).appendTo(buttons);
|
||||||
};
|
};
|
||||||
|
|
||||||
that.create_content = function(container) {
|
that.create_content = function(container) {
|
||||||
@@ -395,14 +244,165 @@ IPA.search_facet = function(spec) {
|
|||||||
};
|
};
|
||||||
|
|
||||||
that.setup = function(container) {
|
that.setup = function(container) {
|
||||||
|
|
||||||
that.facet_setup(container);
|
that.facet_setup(container);
|
||||||
|
|
||||||
var span = $('span[name=search]', that.container);
|
var span = $('span[name=search]', that.container);
|
||||||
that.table.setup(span);
|
that.table.setup(span);
|
||||||
|
|
||||||
|
var action_panel = that.get_action_panel();
|
||||||
|
var search_buttons = $('.search-buttons', action_panel);
|
||||||
|
|
||||||
|
var button = $('input[name=remove]', search_buttons);
|
||||||
|
that.remove_button = IPA.action_button({
|
||||||
|
'label': IPA.messages.buttons.remove,
|
||||||
|
'icon': 'ui-icon-trash',
|
||||||
|
'click': function() {
|
||||||
|
if (that.remove_button.hasClass('input_link_disabled')) return;
|
||||||
|
that.remove();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
button.replaceWith(that.remove_button);
|
||||||
|
that.remove_button.addClass('input_link_disabled');
|
||||||
|
|
||||||
|
button = $('input[name=add]', search_buttons);
|
||||||
|
that.add_button = IPA.action_button({
|
||||||
|
'label': IPA.messages.buttons.add,
|
||||||
|
'icon': 'ui-icon-plus',
|
||||||
|
'click': function() { that.add(); }
|
||||||
|
});
|
||||||
|
button.replaceWith(that.add_button);
|
||||||
|
};
|
||||||
|
|
||||||
|
that.select_changed = function() {
|
||||||
|
|
||||||
|
var values = that.table.get_selected_values();
|
||||||
|
|
||||||
|
var action_panel = that.get_action_panel();
|
||||||
|
var links = $('li.entity-facet', action_panel);
|
||||||
|
var input = $('input[id=pkey]', action_panel);
|
||||||
|
|
||||||
|
if (values.length == 1) {
|
||||||
|
links.removeClass('entity-facet-disabled');
|
||||||
|
input.val(values[0]);
|
||||||
|
|
||||||
|
} else {
|
||||||
|
links.addClass('entity-facet-disabled');
|
||||||
|
input.val(null);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (values.length === 0) {
|
||||||
|
that.remove_button.addClass('input_link_disabled');
|
||||||
|
|
||||||
|
} else {
|
||||||
|
that.remove_button.removeClass('input_link_disabled');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
that.add = function() {
|
||||||
|
var dialog = that.get_dialog('add');
|
||||||
|
dialog.open(that.container);
|
||||||
|
};
|
||||||
|
|
||||||
|
that.remove = function() {
|
||||||
|
|
||||||
|
var values = that.table.get_selected_values();
|
||||||
|
|
||||||
|
var title;
|
||||||
|
if (!values.length) {
|
||||||
|
title = IPA.messages.dialogs.remove_empty;
|
||||||
|
title = title.replace('${entity}', that.label);
|
||||||
|
alert(title);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
title = IPA.messages.dialogs.remove_title;
|
||||||
|
title = title.replace('${entity}', that.label);
|
||||||
|
|
||||||
|
var dialog = IPA.deleter_dialog({
|
||||||
|
'title': title,
|
||||||
|
'parent': that.container,
|
||||||
|
'values': values
|
||||||
|
});
|
||||||
|
|
||||||
|
dialog.execute = 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() {
|
that.refresh = function() {
|
||||||
|
|
||||||
|
function on_success(data, text_status, xhr) {
|
||||||
|
|
||||||
|
var action_panel = that.get_action_panel();
|
||||||
|
$('li.entity-facet', action_panel).
|
||||||
|
addClass('entity-facet-disabled');
|
||||||
|
$('input', action_panel).val(null);
|
||||||
|
|
||||||
|
that.table.empty();
|
||||||
|
|
||||||
|
var result = data.result.result;
|
||||||
|
for (var i = 0; i<result.length; i++) {
|
||||||
|
var record = that.table.get_record(result[i], 0);
|
||||||
|
that.table.add_record(record);
|
||||||
|
}
|
||||||
|
|
||||||
|
var summary = $('span[name=summary]', that.table.tfoot);
|
||||||
|
if (data.result.truncated) {
|
||||||
|
var message = IPA.messages.search.truncated;
|
||||||
|
message = message.replace('${counter}', data.result.count);
|
||||||
|
summary.text(message);
|
||||||
|
} else {
|
||||||
|
summary.text(data.result.summary);
|
||||||
|
}
|
||||||
|
|
||||||
|
$('.search-filter input[type=text]', that.container).focus();
|
||||||
|
}
|
||||||
|
|
||||||
|
function on_error(xhr, text_status, error_thrown) {
|
||||||
|
var summary = $('span[name=summary]', that.table.tfoot).empty();
|
||||||
|
summary.append('<p>Error: '+error_thrown.name+'</p>');
|
||||||
|
summary.append('<p>'+error_thrown.title+'</p>');
|
||||||
|
summary.append('<p>'+error_thrown.message+'</p>');
|
||||||
|
}
|
||||||
|
|
||||||
that.filter = $.bbq.getState(that.entity_name + '-filter', true) || '';
|
that.filter = $.bbq.getState(that.entity_name + '-filter', true) || '';
|
||||||
that.table.refresh();
|
|
||||||
|
var command = IPA.command({
|
||||||
|
method: that.entity_name+'_find',
|
||||||
|
args: [that.filter],
|
||||||
|
options: {
|
||||||
|
all: that.search_all
|
||||||
|
},
|
||||||
|
on_success: on_success,
|
||||||
|
on_error: on_error
|
||||||
|
});
|
||||||
|
|
||||||
|
command.execute();
|
||||||
};
|
};
|
||||||
|
|
||||||
// methods that should be invoked by subclasses
|
// methods that should be invoked by subclasses
|
||||||
|
|||||||
Reference in New Issue
Block a user