To simplify customization, the add(), remove(), and refresh() methods have been moved from IPA.search_widget into IPA.search_facet.
-- Endi S. Dewata
From b42223b994364d098e21f960cc37490bc95af0d1 Mon Sep 17 00:00:00 2001 From: Endi S. Dewata <[email protected]> Date: Fri, 8 Apr 2011 00:14:16 -0500 Subject: [PATCH] Refactored search facet. To simplify customization, the add(), remove(), and refresh() methods have been moved from IPA.search_widget into IPA.search_facet. --- install/ui/search.js | 370 +++++++++++++++++++++++++------------------------- 1 files changed, 185 insertions(+), 185 deletions(-) diff --git a/install/ui/search.js b/install/ui/search.js index ad74b812a1babd4fd0d4055eae95dc7ccbef138c..91ef5bde848e1558c8cf0600df26aa39c472ae23 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; }; -- 1.7.4
_______________________________________________ Freeipa-devel mailing list [email protected] https://www.redhat.com/mailman/listinfo/freeipa-devel
