diff options
author | Endi S. Dewata <edewata@redhat.com> | 2011-01-28 16:46:19 -0500 |
---|---|---|
committer | Adam Young <ayoung@redhat.com> | 2011-01-29 13:36:03 -0500 |
commit | e806f32caeb517b12154bc1c02b8ad55b5b40f2d (patch) | |
tree | f2d2d946ad9ced5f317ad6eb3881340fd4298905 /install/ui/widget.js | |
parent | f72d8e506a82dc558f89a4d115f3aad261655ba8 (diff) | |
download | freeipa-e806f32caeb517b12154bc1c02b8ad55b5b40f2d.tar.gz freeipa-e806f32caeb517b12154bc1c02b8ad55b5b40f2d.tar.xz freeipa-e806f32caeb517b12154bc1c02b8ad55b5b40f2d.zip |
Add permission dialog adjustments.
The IPA.dialog has been modified to support sections. The add
dialog for permission has been modified to include the target
section. The base dialog classes have been moved from widget.js
into a new file called dialog.js.
This patch also includes ayoung's fix for parameter name and
format for the permission attributes.
https://fedorahosted.org/freeipa/ticket/791
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 19dc4d121..ee5e47107 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; -}; |