diff options
Diffstat (limited to 'install/ui/widget.js')
| -rw-r--r-- | install/ui/widget.js | 475 |
1 files changed, 0 insertions, 475 deletions
diff --git a/install/ui/widget.js b/install/ui/widget.js index 19dc4d12..ee5e4710 100644 --- a/install/ui/widget.js +++ b/install/ui/widget.js @@ -883,478 +883,3 @@ IPA.table_widget = function (spec) { return that; }; - -/** - * This is a base class for dialog boxes. - */ -IPA.dialog = function(spec) { - - spec = spec || {}; - - var that = {}; - - that.name = spec.name; - that.title = spec.title; - that.template = spec.template; - that._entity_name = spec.entity_name; - - that.width = spec.width || 400; - - that.buttons = {}; - - that.fields = []; - that.fields_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.fields.length; i++) { - that.fields[i].entity_name = entity_name; - } - }); - - that.add_button = function(name, handler) { - that.buttons[name] = handler; - }; - - that.get_field = function(name) { - return that.fields_by_name[name]; - }; - - that.add_field = function(field) { - that.fields.push(field); - that.fields_by_name[field.name] = field; - }; - - that.field = function(field){ - that.add_field(field); - return that; - }; - - that.init = function() { - for (var i=0; i<that.fields.length; i++) { - var field = that.fields[i]; - field.entity_name = that.entity_name; - field.init(); - } - }; - - /** - * Create content layout - */ - that.create = function() { - - var table = $('<table/>').appendTo(that.container); - - for (var i=0; i<that.fields.length; i++) { - var field = that.fields[i]; - - var tr = $('<tr/>').appendTo(table); - - var td = $('<td/>', { - style: 'vertical-align: top;', - title: field.label - }).appendTo(tr); - td.append(field.label+': '); - - td = $('<td/>', { - style: 'vertical-align: top;' - }).appendTo(tr); - - var span = $('<span/>', { 'name': field.name }).appendTo(td); - field.create(span); - } - }; - - /** - * Setup behavior - */ - that.setup = function() { - for (var i=0; i<that.fields.length; i++) { - var field = that.fields[i]; - - var span = $('span[name="'+field.name+'"]', that.container); - field.setup(span); - } - }; - - /** - * Open dialog - */ - that.open = function(container) { - - that.container = $('<div/>').appendTo(container); - - if (that.template) { - var template = IPA.get_template(that.template); - that.container.load( - template, - function(data, text_status, xhr) { - that.setup(); - that.container.dialog({ - 'title': that.title, - 'modal': true, - 'width': that.width, - 'height': that.height, - 'buttons': that.buttons - }); - } - ); - - } else { - that.create(); - that.setup(); - - that.container.dialog({ - 'title': that.title, - 'modal': true, - 'width': that.width, - 'height': that.height, - 'buttons': that.buttons - }); - } - }; - - that.option = function(name, value) { - that.container.dialog('option', name, value); - }; - - that.save = function(record) { - for (var i=0; i<that.fields.length; i++) { - var field = that.fields[i]; - var values = field.save(); - record[field.name] = values.join(','); - } - }; - - that.close = function() { - that.container.dialog('destroy'); - that.container.remove(); - }; - - that.reset = function() { - for (var i=0; i<that.fields.length; i++) { - var field = that.fields[i]; - field.reset(); - } - }; - - that.dialog_init = that.init; - that.dialog_create = that.create; - that.dialog_setup = that.setup; - that.dialog_open = that.open; - - return that; -}; - -/** - * This dialog provides an interface for searching and selecting - * values from the available results. - */ -IPA.adder_dialog = function (spec) { - - spec = spec || {}; - - var that = IPA.dialog(spec); - - that.width = spec.width || '600px'; - - that.columns = []; - that.columns_by_name = {}; - - that.get_column = function(name) { - return that.columns_by_name[name]; - }; - - that.add_column = function(column) { - that.columns.push(column); - that.columns_by_name[column.name] = column; - }; - - that.set_columns = function(columns) { - that.clear_columns(); - for (var i=0; i<columns.length; i++) { - that.add_column(columns[i]); - } - }; - - that.clear_columns = function() { - that.columns = []; - that.columns_by_name = {}; - }; - - that.create_column = function(spec) { - var column = IPA.column(spec); - that.add_column(column); - return column; - }; - - that.init = function() { - that.available_table = IPA.table_widget({ - name: 'available', - scrollable: true, - height: '151px' - }); - - that.available_table.set_columns(that.columns); - - that.available_table.init(); - - that.selected_table = IPA.table_widget({ - name: 'selected', - scrollable: true, - height: '151px' - }); - - that.selected_table.set_columns(that.columns); - - that.selected_table.init(); - - that.dialog_init(); - }; - - that.create = function() { - - // do not call that.dialog_create(); - - var search_panel = $('<div/>', { - 'class': 'adder-dialog-filter' - }).appendTo(that.container); - - $('<input/>', { - type: 'text', - name: 'filter', - style: 'width: 244px' - }).appendTo(search_panel); - - search_panel.append(' '); - - $('<input/>', { - type: 'button', - name: 'find', - value: 'Find' - }).appendTo(search_panel); - - $('<input/>', { - type: 'checkbox', - name: 'hidememb', - id: 'hidememb', - checked: 'checked', - style: 'margin-left: 5px; vertical-align: middle' - }).appendTo(search_panel); - - var label = $('<label/>', { - 'for': 'hidememb', - style: 'margin-left: 3px' - }); - - label.text('Hide already enrolled.'); - - label.appendTo(search_panel); - - search_panel.append(IPA.create_network_spinner()); - - var results_panel = $('<div/>', { - 'class': 'adder-dialog-results' - }).appendTo(that.container); - - var available_panel = $('<div/>', { - name: 'available', - 'class': 'adder-dialog-available' - }).appendTo(results_panel); - - $('<div/>', { - html: 'Available', - 'class': 'ui-widget-header' - }).appendTo(available_panel); - - that.available_table.create(available_panel); - - var buttons_panel = $('<div/>', { - name: 'buttons', - 'class': 'adder-dialog-buttons' - }).appendTo(results_panel); - - var p = $('<p/>').appendTo(buttons_panel); - $('<input />', { - type: 'button', - name: 'remove', - value: '<<' - }).appendTo(p); - - p = $('<p/>').appendTo(buttons_panel); - $('<input />', { - type: 'button', - name: 'add', - value: '>>' - }).appendTo(p); - - var selected_panel = $('<div/>', { - name: 'selected', - 'class': 'adder-dialog-selected' - }).appendTo(results_panel); - - $('<div/>', { - html: 'Prospective', - 'class': 'ui-widget-header' - }).appendTo(selected_panel); - - that.selected_table.create(selected_panel); - }; - - that.setup = function() { - - // do not call that.dialog_setup(); - - var available_panel = $('div[name=available]', that.container); - that.available_table.setup(available_panel); - - var selected_panel = $('div[name=selected]', that.container); - that.selected_table.setup(selected_panel); - - that.filter_field = $('input[name=filter]', that.container); - - var button = $('input[name=find]', that.container); - that.find_button = IPA.button({ - 'label': button.val(), - 'icon': 'ui-icon-search', - 'click': function() { that.search(); } - }); - button.replaceWith(that.find_button); - - button = $('input[name=remove]', that.container); - that.remove_button = IPA.button({ - 'label': button.val(), - 'click': function() { - that.remove(); - } - }); - button.replaceWith(that.remove_button); - - button = $('input[name=add]', that.container); - that.add_button = IPA.button({ - 'label': button.val(), - 'click': function() { - that.add(); - } - }); - button.replaceWith(that.add_button); - - that.search(); - }; - - that.open = function(container) { - that.buttons = { - 'Enroll': function() { - that.execute(); - }, - 'Cancel': function() { - that.close(); - } - }; - - that.dialog_open(container); - }; - - that.add = function() { - var rows = that.available_table.remove_selected_rows(); - that.selected_table.add_rows(rows); - }; - - that.remove = function() { - var rows = that.selected_table.remove_selected_rows(); - that.available_table.add_rows(rows); - }; - - that.get_filter = function() { - return that.filter_field.val(); - }; - - that.get_hide_checkbox = function() { - return that.hide_checkbox.checked; - }; - - that.clear_available_values = function() { - that.available_table.empty(); - }; - - that.clear_selected_values = function() { - that.selected_table.empty(); - }; - - that.add_available_value = function(record) { - that.available_table.add_record(record); - }; - - that.get_selected_values = function() { - return that.selected_table.save(); - }; - - that.close = function() { - that.container.dialog('close'); - }; - - that.adder_dialog_init = that.init; - that.adder_dialog_create = that.create; - that.adder_dialog_setup = that.setup; - - return that; -}; - -/** - * This dialog displays the values to be deleted. - */ -IPA.deleter_dialog = function (spec) { - - spec = spec || {}; - - var that = IPA.dialog(spec); - - that.title = spec.title || IPA.messages.button.remove; - that.remove = spec.remove; - - that.values = spec.values || []; - - that.add_value = function(value) { - that.values.push(value); - }; - - that.set_values = function(values) { - that.values = that.values.concat(values); - }; - - that.create = function() { - - $('<p/>', { - 'text': IPA.messages.search.delete_confirm - }).appendTo(that.container); - - var div = $('<div/>', { - style: 'overflow:auto; max-height: 100px' - }).appendTo(that.container); - - var ul = $('<ul/>'); - ul.appendTo(div); - - for (var i=0; i<that.values.length; i++) { - $('<li/>',{ - 'text': that.values[i] - }).appendTo(ul); - } - }; - - that.open = function(container) { - that.buttons = { - 'Delete': that.remove, - 'Cancel': that.close - }; - - that.dialog_open(container); - }; - - return that; -}; |