Endi S. Dewata
c854435a27
IPA commands now can be defined in these classes: - ipa_command: a single IPA command - ipa_batch_command: a batch command for executing multiple commands on the server side using the new batch plugin The dialog boxes for adding and removing entries have been refactored: - ipa_dialog: base class for dialog boxes - ipa_adder_dialog: generic adder dialog box - ipa_deleter_dialog: generic deleter dialog box - ipa_association_adder_dialog: adding entity association - ipa_association_deleter_dialog: removing entity association Dialog boxes for adding/deleting HBAC users, hosts, services, and sourcehosts are implemented using the association dialog boxes. The dialog box for adding access time is implemented using ipa_dialog and currently contains only a text field. This will be replaced with a custom dialog box in a separate patch. The dialog box for removing access time is implemented using the generic deleter class because it's not an association. Removing multiple access times is implemented using batch operations. New test data files for access times have been added.
758 lines
18 KiB
JavaScript
Executable File
758 lines
18 KiB
JavaScript
Executable File
/* Authors:
|
|
* Endi Sukma Dewata <edewata@redhat.com>
|
|
*
|
|
* Copyright (C) 2010 Red Hat
|
|
* see file 'COPYING' for use and warranty information
|
|
*
|
|
* This program is free software; you can redistribute it and/or
|
|
* modify it under the terms of the GNU General Public License as
|
|
* published by the Free Software Foundation; version 2 only
|
|
*
|
|
* This program is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU General Public License
|
|
* along with this program; if not, write to the Free Software
|
|
* Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
|
|
*/
|
|
|
|
/* REQUIRES: ipa.js */
|
|
|
|
function ipa_widget(spec) {
|
|
|
|
spec = spec || {};
|
|
|
|
var that = {};
|
|
|
|
that.id = spec.id;
|
|
that.name = spec.name;
|
|
that.label = spec.label;
|
|
that.read_only = spec.read_only;
|
|
that._entity_name = spec.entity_name;
|
|
|
|
that.create = spec.create || create;
|
|
that.setup = spec.setup || setup;
|
|
that.load = spec.load || load;
|
|
that.save = spec.save || save;
|
|
|
|
that.super = function(name) {
|
|
var method = that[name];
|
|
return function () {
|
|
return method.apply(that, arguments);
|
|
};
|
|
};
|
|
|
|
that.__defineGetter__("entity_name", function(){
|
|
return that._entity_name;
|
|
});
|
|
|
|
that.__defineSetter__("entity_name", function(entity_name){
|
|
that._entity_name = entity_name;
|
|
});
|
|
|
|
function create(container) {
|
|
}
|
|
|
|
function setup(container) {
|
|
}
|
|
|
|
function load(container, result) {
|
|
}
|
|
|
|
function save(container) {
|
|
return [];
|
|
}
|
|
|
|
return that;
|
|
}
|
|
|
|
function ipa_text_widget(spec) {
|
|
|
|
spec = spec || {};
|
|
|
|
var that = ipa_widget(spec);
|
|
|
|
that.load = function(container, result) {
|
|
that.value = result[that.name] || '';
|
|
var input = $('input[name="'+that.name+'"]', container);
|
|
|
|
var param_info = ipa_get_param_info(that.entity_name, that.name);
|
|
if (param_info.primary_key) {
|
|
input.replaceWith($('<label/>', { 'html': that.value.toString() }));
|
|
|
|
} else {
|
|
input.val(that.value);
|
|
}
|
|
};
|
|
|
|
that.save = function(container) {
|
|
var values = [];
|
|
|
|
if (that.value) {
|
|
values.push(that.value);
|
|
|
|
} else {
|
|
var input = $('input[name="'+that.name+'"]', container);
|
|
values.push(input.val());
|
|
}
|
|
|
|
return values;
|
|
};
|
|
|
|
return that;
|
|
}
|
|
|
|
function ipa_radio_widget(spec) {
|
|
|
|
spec = spec || {};
|
|
|
|
spec.setup = spec.setup || setup;
|
|
spec.load = spec.load || load;
|
|
spec.save = spec.save || save;
|
|
|
|
var that = ipa_widget(spec);
|
|
|
|
function setup(container) {
|
|
}
|
|
|
|
function load(container, result) {
|
|
var value = result[that.name] || '';
|
|
$('input[name="'+that.name+'"][value="'+value+'"]', container).attr('checked', 'checked');
|
|
}
|
|
|
|
function save(container) {
|
|
var values = [];
|
|
|
|
var value = $('input[name="'+that.name+'"]:checked', container).val();
|
|
values.push(value);
|
|
|
|
return values;
|
|
}
|
|
|
|
return that;
|
|
}
|
|
|
|
function ipa_textarea_widget(spec) {
|
|
|
|
spec = spec || {};
|
|
|
|
spec.setup = spec.setup || setup;
|
|
spec.load = spec.load || load;
|
|
spec.save = spec.save || save;
|
|
|
|
var that = ipa_widget(spec);
|
|
|
|
function setup(container) {
|
|
}
|
|
|
|
function load(container, result) {
|
|
var value = result[that.name] || '';
|
|
$('textarea[name="'+that.name+'"]', container).val(value);
|
|
}
|
|
|
|
function save(container) {
|
|
var values = [];
|
|
|
|
var value = $('textarea[name="'+that.name+'"]', container).val();
|
|
values.push(value);
|
|
|
|
return values;
|
|
}
|
|
|
|
return that;
|
|
}
|
|
|
|
function ipa_button_widget(spec) {
|
|
|
|
spec = spec || {};
|
|
|
|
spec.setup = spec.setup || setup;
|
|
spec.load = spec.load || load;
|
|
spec.save = spec.save || save;
|
|
|
|
var that = ipa_widget(spec);
|
|
|
|
that.click = spec.click;
|
|
|
|
function setup(container) {
|
|
var input = $('[name="'+that.name+'"]', container);
|
|
input.replaceWith(ipa_button({ 'label': that.label, 'click': that.click }));
|
|
}
|
|
|
|
function load(container, result) {
|
|
}
|
|
|
|
function save(container) {
|
|
var values = [];
|
|
return values;
|
|
}
|
|
|
|
return that;
|
|
}
|
|
|
|
function ipa_column_widget(spec) {
|
|
|
|
spec = spec || {};
|
|
|
|
var that = ipa_widget(spec);
|
|
|
|
that.primary_key = spec.primary_key;
|
|
that.link = spec.link;
|
|
|
|
return that;
|
|
}
|
|
|
|
function ipa_table_widget(spec) {
|
|
|
|
spec = spec || {};
|
|
|
|
spec.create = spec.create || create;
|
|
spec.setup = spec.setup || setup;
|
|
spec.load = spec.load || load;
|
|
spec.save = spec.save || save;
|
|
|
|
var that = ipa_widget(spec);
|
|
|
|
that.add = spec.add;
|
|
that.remove = spec.remove;
|
|
|
|
that.columns = [];
|
|
that.columns_by_name = {};
|
|
|
|
that.get_columns = function() {
|
|
return that.columns;
|
|
};
|
|
|
|
that.get_column = function(name) {
|
|
return that.columns_by_name[name];
|
|
};
|
|
|
|
that.add_column = function(column) {
|
|
column.entity_name = that.entity_name;
|
|
that.columns.push(column);
|
|
that.columns_by_name[column.name] = column;
|
|
};
|
|
|
|
that.create_column = function(spec) {
|
|
var column = ipa_column_widget(spec);
|
|
that.add_column(column);
|
|
return column;
|
|
};
|
|
|
|
function create(container) {
|
|
|
|
var div = $('#'+that.id, container);
|
|
if (div.children().length) {
|
|
// widget loaded from template
|
|
return;
|
|
}
|
|
|
|
div.empty();
|
|
|
|
var table = $('<table/>', {
|
|
'class': 'search-table'
|
|
}).appendTo(div);
|
|
|
|
var thead = $('<thead/>').appendTo(table);
|
|
|
|
var tr = $('<tr/>').appendTo(thead);
|
|
|
|
var th = $('<th/>', {
|
|
'style': 'width: 25px;'
|
|
}).appendTo(tr);
|
|
|
|
$('<input/>', {
|
|
'type': 'checkbox',
|
|
'name': 'select'
|
|
}).appendTo(th);
|
|
|
|
for (var i=0; i<that.columns.length; i++) {
|
|
th = $('<th/>').appendTo(tr);
|
|
|
|
$('<span/>', {
|
|
'style': 'float: left;',
|
|
'html': that.columns[i].label
|
|
}).appendTo(th);
|
|
|
|
if (i == that.columns.length-1) {
|
|
$('<span/>', {
|
|
'name': 'buttons',
|
|
'style': 'float: right;'
|
|
}).appendTo(th);
|
|
}
|
|
}
|
|
|
|
var tbody = $('<tbody/>').appendTo(table);
|
|
|
|
tr = $('<tr/>').appendTo(tbody);
|
|
|
|
var td = $('<td/>').appendTo(tr);
|
|
|
|
$('<input/>', {
|
|
'type': 'checkbox',
|
|
'name': 'select',
|
|
'value': 'user'
|
|
}).appendTo(td);
|
|
|
|
for (var i=0; i<that.columns.length; i++) {
|
|
td = $('<td/>').appendTo(tr);
|
|
|
|
$('<span/>', {
|
|
'name': that.columns[i].name
|
|
}).appendTo(td);
|
|
}
|
|
}
|
|
|
|
function setup(container) {
|
|
var div = $('#'+that.id, container);
|
|
that.table = $('table', div);
|
|
that.thead = $('thead', that.table);
|
|
that.tbody = $('tbody', that.table);
|
|
|
|
var select_all_checkbox = $('input[name=select]', that.thead);
|
|
select_all_checkbox.attr('title', 'Select All');
|
|
|
|
select_all_checkbox.click(function() {
|
|
var checked = select_all_checkbox.is(':checked');
|
|
select_all_checkbox.attr('title', checked ? 'Unselect All' : 'Select All');
|
|
var checkboxes = $('input[name=select]', that.tbody).get();
|
|
for (var i=0; i<checkboxes.length; i++) {
|
|
checkboxes[i].checked = checked;
|
|
}
|
|
});
|
|
|
|
var button = $('input[name=remove]', that.table);
|
|
button.replaceWith(ipa_button({
|
|
'label': button.val(),
|
|
'icon': 'ui-icon-trash',
|
|
'click': function() { that.remove(container); }
|
|
}));
|
|
|
|
button = $('input[name=add]', that.table);
|
|
button.replaceWith(ipa_button({
|
|
'label': button.val(),
|
|
'icon': 'ui-icon-plus',
|
|
'click': function() { that.add(container) }
|
|
}));
|
|
|
|
that.row = that.tbody.children().first();
|
|
that.row.detach();
|
|
}
|
|
|
|
function load(container, result) {
|
|
|
|
that.tbody.empty();
|
|
|
|
var values = result[that.name];
|
|
if (!values) return;
|
|
|
|
for (var i=0; i<values.length; i++) {
|
|
var record = that.get_record(result, i);
|
|
that.add_row(container, record);
|
|
}
|
|
}
|
|
|
|
function save(container) {
|
|
var values = [];
|
|
|
|
$('input[name="select"]', that.tbody).each(function() {
|
|
values.push($(this).val());
|
|
});
|
|
|
|
return values;
|
|
}
|
|
|
|
that.get_selected_values = function(container) {
|
|
var values = [];
|
|
|
|
$('input[name="select"]:checked', that.tbody).each(function() {
|
|
values.push($(this).val());
|
|
});
|
|
|
|
return values;
|
|
};
|
|
|
|
that.get_record = function(result, index) {
|
|
var record = {};
|
|
for (var i=0; i<that.columns.length; i++){
|
|
var name = that.columns[i].name;
|
|
record[name] = result[name][index];
|
|
}
|
|
return record;
|
|
};
|
|
|
|
that.add_row = function(container, record) {
|
|
|
|
var tr = that.row.clone();
|
|
tr.appendTo(that.tbody);
|
|
|
|
for (var i=0; i<that.columns.length; i++){
|
|
var column = that.columns[i];
|
|
|
|
var name = column.name;
|
|
var value = record[name];
|
|
|
|
var span = $('span[name="'+name+'"]', tr);
|
|
span.html(value);
|
|
|
|
if (column.primary_key) {
|
|
// set checkbox value
|
|
$('input[name="select"]', tr).val(value);
|
|
}
|
|
|
|
if (column.primary_key && column.link) {
|
|
// wrap value with a link
|
|
var link = $('<a/>', {
|
|
'click': function (value) {
|
|
return function() {
|
|
var state = {};
|
|
state[that.other_entity + '-facet'] = 'details';
|
|
state[that.other_entity + '-pkey'] = value;
|
|
//Before this will work, we need to set the tab one level up
|
|
//for example:
|
|
//state['identity'] = 0;
|
|
//but we have no way of getting the index.
|
|
|
|
$.bbq.pushState(state);
|
|
return false;
|
|
}
|
|
}(value)
|
|
});
|
|
span.before(link);
|
|
link.append(span);
|
|
}
|
|
}
|
|
};
|
|
|
|
that.refresh = function(container) {
|
|
|
|
function on_success(data, text_status, xhr) {
|
|
|
|
that.tbody.empty();
|
|
|
|
var column_name = that.columns[0].name;
|
|
var values = data.result.result[column_name];
|
|
//TODO, this is masking an error where the wrong
|
|
//direction association is presented upon page reload.
|
|
//if the values is unset, it is because
|
|
//form.associationColumns[0] doesn't exist in the results
|
|
if (!values) return;
|
|
|
|
for (var i = 0; i<values.length; i++){
|
|
var record = that.get_record(data.result.result, i);
|
|
that.add_row(container, record);
|
|
}
|
|
}
|
|
|
|
function on_error(xhr, text_status, error_thrown) {
|
|
var div = $('#'+that.id, container).empty();
|
|
div.append('<p>Error: '+error_thrown.name+'</p>');
|
|
div.append('<p>'+error_thrown.title+'</p>');
|
|
div.append('<p>'+error_thrown.message+'</p>');
|
|
}
|
|
|
|
var pkey = $.bbq.getState(that.entity_name + '-pkey', true) || '';
|
|
ipa_cmd('show', [pkey], {'rights': true}, on_success, on_error, that.entity_name);
|
|
};
|
|
|
|
if (spec.columns) {
|
|
for (var i=0; i<spec.columns; i++) {
|
|
that.create_column(spec.columns[i]);
|
|
}
|
|
}
|
|
|
|
return that;
|
|
}
|
|
|
|
/**
|
|
* This is a base class for dialog boxes.
|
|
*/
|
|
function ipa_dialog(spec) {
|
|
|
|
spec = spec || {};
|
|
|
|
var that = {};
|
|
|
|
that.title = spec.title;
|
|
that.parent = spec.parent;
|
|
that._entity_name = spec.entity_name;
|
|
|
|
that.container = $('<div/>').appendTo(that.parent);
|
|
that.width = spec.width || 400;
|
|
|
|
that.buttons = {};
|
|
|
|
that.fields = [];
|
|
that.fields_by_name = {};
|
|
|
|
that.super = function(name) {
|
|
var method = that[name];
|
|
return function () {
|
|
return method.apply(that, arguments);
|
|
};
|
|
};
|
|
|
|
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) {
|
|
field.entity_name = that.entity_name;
|
|
that.fields.push(field);
|
|
that.fields_by_name[field.name] = field;
|
|
};
|
|
|
|
/**
|
|
* Create content layout
|
|
*/
|
|
that.create = function() {
|
|
};
|
|
|
|
/**
|
|
* Setup behavior
|
|
*/
|
|
that.setup = function() {
|
|
};
|
|
|
|
/**
|
|
* Open dialog
|
|
*/
|
|
that.open = function() {
|
|
|
|
that.create();
|
|
that.setup();
|
|
|
|
that.container.dialog({
|
|
'title': that.title,
|
|
'modal': true,
|
|
'width': that.width,
|
|
'buttons': that.buttons
|
|
});
|
|
};
|
|
|
|
that.option = function(name, value) {
|
|
that.container.dialog('option', name, value);
|
|
};
|
|
|
|
that.close = function() {
|
|
that.container.dialog('destroy');
|
|
that.container.remove();
|
|
};
|
|
|
|
return that;
|
|
}
|
|
|
|
/**
|
|
* This dialog provides an interface for searching and selecting
|
|
* values from the available results.
|
|
*/
|
|
function ipa_adder_dialog(spec) {
|
|
|
|
spec = spec || {};
|
|
|
|
var that = ipa_dialog(spec);
|
|
|
|
that.width = spec.width || 600;
|
|
|
|
that.super_open = that.super('open');
|
|
|
|
that.create = function() {
|
|
|
|
var search_panel = $('<div/>').appendTo(that.container);
|
|
|
|
that.filter_field = $('<input/>', {
|
|
type: 'text'
|
|
}).appendTo(search_panel);
|
|
|
|
that.find_button = $('<input/>', {
|
|
type: 'button',
|
|
value: 'Find'
|
|
}).appendTo(search_panel);
|
|
|
|
var results_panel = $('<div/>').appendTo(that.container);
|
|
results_panel.css('border', '2px solid rgb(0, 0, 0)');
|
|
results_panel.css('position', 'relative');
|
|
results_panel.css('height', '200px');
|
|
|
|
var available_panel = $('<div/>').appendTo(results_panel);
|
|
available_panel.css('float', 'left');
|
|
|
|
$('<div/>', {
|
|
text: 'Available'
|
|
}).appendTo(available_panel);
|
|
|
|
that.available_list = $('<select/>', {
|
|
width: '150px',
|
|
size: '10',
|
|
multiple: 'true'
|
|
}).appendTo(available_panel);
|
|
|
|
var buttons_panel = $('<div/>').appendTo(results_panel);
|
|
buttons_panel.css('float', 'left');
|
|
|
|
var p = $('<p/>').appendTo(buttons_panel);
|
|
that.remove_button = $('<input />', {
|
|
type: 'button',
|
|
value: '<<'
|
|
}).appendTo(p);
|
|
|
|
p = $('<p/>').appendTo(buttons_panel);
|
|
that.add_button = $('<input />', {
|
|
type: 'button',
|
|
value: '>>'
|
|
}).appendTo(p);
|
|
|
|
var selected_panel = $('<div/>').appendTo(results_panel);
|
|
selected_panel.css('float', 'left');
|
|
|
|
$('<div/>', {
|
|
text: 'Prospective'
|
|
}).appendTo(selected_panel);
|
|
|
|
that.selected_list = $('<select/>', {
|
|
width: '150px',
|
|
size: '10',
|
|
multiple: 'true'
|
|
}).appendTo(selected_panel);
|
|
};
|
|
|
|
that.setup = function() {
|
|
|
|
that.add_button.click(function(){
|
|
var values = $(':selected', that.available_list).detach();
|
|
values.each(function(i, selected){
|
|
that.selected_list.append(selected);
|
|
});
|
|
});
|
|
|
|
that.remove_button.click(function(){
|
|
var values = $(':selected', that.selected_list).detach();
|
|
values.each(function(i, selected){
|
|
that.available_list.append(selected);
|
|
});
|
|
});
|
|
|
|
that.find_button.click(function(){
|
|
that.search();
|
|
});
|
|
};
|
|
|
|
that.open = function() {
|
|
that.buttons = {
|
|
'Enroll': that.add,
|
|
'Cancel': that.close
|
|
};
|
|
|
|
that.super_open();
|
|
};
|
|
|
|
that.get_filter = function() {
|
|
return that.filter_field.val();
|
|
};
|
|
|
|
that.clear_available_values = function() {
|
|
that.available_list.html('');
|
|
};
|
|
|
|
that.clear_selected_values = function() {
|
|
that.selected_list.html('');
|
|
};
|
|
|
|
that.add_available_value = function(value) {
|
|
$('<option></option>',{
|
|
'value': value,
|
|
'html': value
|
|
}).appendTo(that.available_list);
|
|
};
|
|
|
|
that.add_selected_value = function(value) {
|
|
$('<option></option>',{
|
|
'value': value,
|
|
'html': value
|
|
}).appendTo(that.available_list);
|
|
};
|
|
|
|
that.get_selected_values = function() {
|
|
var values = [];
|
|
that.selected_list.children().each(function (i, selected) {
|
|
values.push(selected.value);
|
|
});
|
|
return values;
|
|
};
|
|
|
|
that.close = function() {
|
|
that.container.dialog('close');
|
|
};
|
|
|
|
return that;
|
|
}
|
|
|
|
/**
|
|
* This dialog displays the values to be deleted.
|
|
*/
|
|
function ipa_deleter_dialog(spec) {
|
|
|
|
spec = spec || {};
|
|
|
|
var that = ipa_dialog(spec);
|
|
|
|
that.title = spec.title || IPA.messages.button.deletes;
|
|
that.remove = spec.remove;
|
|
|
|
that.super_open = that.super('open');
|
|
|
|
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() {
|
|
var ul = $('<ul/>');
|
|
ul.appendTo(that.container);
|
|
|
|
for (var i=0; i<that.values.length; i++) {
|
|
$('<li/>',{
|
|
'text': that.values[i]
|
|
}).appendTo(ul);
|
|
}
|
|
|
|
$('<p/>', {
|
|
'text': IPA.messages.search.delete_confirm
|
|
}).appendTo(that.container);
|
|
};
|
|
|
|
that.open = function() {
|
|
that.buttons = {
|
|
'Delete': that.remove,
|
|
'Cancel': that.close
|
|
};
|
|
|
|
that.super_open();
|
|
};
|
|
|
|
return that;
|
|
}
|