summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorEndi S. Dewata <edewata@redhat.com>2011-04-08 00:14:16 -0500
committerEndi Sukma Dewata <edewata@people01.fedoraproject.org>2011-04-11 16:03:42 +0000
commit6df53183a81d589b5666ca63cb187967fca2e6d1 (patch)
treed210aa05a26118fad781c26f6439a8a1e000d775
parent689fd30b522c1bb77bb6e087bdfca940553fe495 (diff)
downloadfreeipa-6df53183a81d589b5666ca63cb187967fca2e6d1.tar.gz
freeipa-6df53183a81d589b5666ca63cb187967fca2e6d1.tar.xz
freeipa-6df53183a81d589b5666ca63cb187967fca2e6d1.zip
Refactored search facet.
To simplify customization, the add(), remove(), and refresh() methods have been moved from IPA.search_widget into IPA.search_facet.
-rw-r--r--install/ui/search.js370
1 files changed, 185 insertions, 185 deletions
diff --git a/install/ui/search.js b/install/ui/search.js
index ad74b812a..91ef5bde8 100644
--- a/install/ui/search.js
+++ b/install/ui/search.js
@@ -31,7 +31,6 @@ IPA.search_widget = function (spec) {
var that = IPA.table_widget(spec);
that.entity_name = spec.entity_name;
- that.facet = spec.facet;
that.search_all = spec.search_all || false;
that.create = function(container) {
@@ -47,7 +46,7 @@ IPA.search_widget = function (spec) {
search_controls.append(IPA.create_network_spinner());
- this.filter = $('<input/>', {
+ that.filter = $('<input/>', {
'type': 'text',
'name': 'search-' + that.entity_name + '-filter'
}).appendTo(search_filter);
@@ -58,25 +57,6 @@ IPA.search_widget = function (spec) {
'value': IPA.messages.buttons.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': IPA.messages.buttons.remove
- }).appendTo(search_buttons);
-
- $('<input/>', {
- 'type': 'button',
- 'name': 'add',
- 'value': IPA.messages.buttons.add
- }).appendTo(search_buttons);
-
$('<div/>', {
'class': 'search-results'
}).appendTo(container);
@@ -107,173 +87,17 @@ IPA.search_widget = function (spec) {
});
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) || '';
- this.filter.val(filter);
+ that.filter.val(filter);
};
that.find = function() {
- var filter = this.filter.val();
+ var filter = that.filter.val();
var state = {};
state[that.entity_name + '-filter'] = filter;
$.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;
};
@@ -362,7 +186,6 @@ IPA.search_facet = function(spec) {
name: 'search',
label: IPA.metadata.objects[that.entity_name].label,
entity_name: that.entity_name,
- facet: that,
search_all: that.search_all
});
@@ -379,12 +202,38 @@ IPA.search_facet = function(spec) {
that.table.add_column(column);
}
+ that.table.select_changed = function() {
+ that.select_changed();
+ };
+
+ that.table.refresh = function() {
+ that.refresh();
+ };
+
that.table.init();
};
- that.is_dirty = function() {
- var filter = $.bbq.getState(that.entity_name + '-filter', true) || '';
- return filter != that.filter;
+ that.create_action_panel = function(container) {
+
+ 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) {
@@ -395,14 +244,165 @@ IPA.search_facet = function(spec) {
};
that.setup = function(container) {
+
that.facet_setup(container);
+
var span = $('span[name=search]', that.container);
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() {
+
+ 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.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
@@ -420,7 +420,7 @@ IPA.search_facet = function(spec) {
that.create_column({ name: column });
}
}
-
+
return that;
};