mirror of
https://salsa.debian.org/freeipa-team/freeipa.git
synced 2025-02-25 18:55:28 -06:00
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
This commit is contained in:
Endi S. Dewata
committed by
Adam Young
Adam Young
parent
f72d8e506a
commit
e806f32cae
@@ -14,6 +14,7 @@ app_DATA = \
|
||||
caution.png \
|
||||
centered-bg.png \
|
||||
check.png \
|
||||
dialog.js \
|
||||
ipa_logo_180x50.png \
|
||||
ipa.js \
|
||||
ipa.css \
|
||||
|
||||
@@ -323,12 +323,14 @@ IPA.rights_section = function () {
|
||||
|
||||
|
||||
IPA.target_section = function () {
|
||||
var spec = {
|
||||
|
||||
var spec = {
|
||||
'name':'target',
|
||||
'label': 'Target'
|
||||
};
|
||||
|
||||
var that = IPA.details_section(spec);
|
||||
|
||||
var groupings = ['aci_by_type', 'aci_by_query', 'aci_by_group',
|
||||
'aci_by_filter' ];
|
||||
var inputs = ['input', 'select', 'textarea'];
|
||||
@@ -575,6 +577,14 @@ IPA.target_section = function () {
|
||||
}
|
||||
};
|
||||
|
||||
that.init = function() {
|
||||
that.create_text({'name': 'targetgroup'});
|
||||
that.create_textarea({'name': 'subtree'});
|
||||
that.create_text({'name': 'type'});
|
||||
that.create_text({'name': 'attrs'});
|
||||
that.create_text({'name': 'filter'});
|
||||
};
|
||||
|
||||
that.save = function (record){
|
||||
|
||||
var record_type = $("input[name='type']:checked").attr('id');
|
||||
@@ -584,23 +594,13 @@ IPA.target_section = function () {
|
||||
$('#aci_target_group_select option:selected').val();
|
||||
}else if (record_type === 'aci_by_type'){
|
||||
record.type = $('#object_type_select option:selected').val();
|
||||
record.attrs = that.attribute_table.save().join(',');
|
||||
}else if (record_type === 'aci_by_query'){
|
||||
record.subtree = $('#aci_query_text').val();
|
||||
}else if (record_type === 'aci_by_filter'){
|
||||
var filter = $('#aci_filter').val();
|
||||
record.filter = filter;
|
||||
}
|
||||
|
||||
var attrs = $('.aci-attribute:checked').each(function(){
|
||||
var id = this.id.split('-')[1];
|
||||
|
||||
if (!record.attributes){
|
||||
record.attributes = "";
|
||||
}else{
|
||||
record.attributes += ",";
|
||||
}
|
||||
record.attributes += id;
|
||||
});
|
||||
};
|
||||
return that;
|
||||
};
|
||||
@@ -613,7 +613,8 @@ IPA.entity_factories.permission = function () {
|
||||
}).add_dialog(
|
||||
IPA.add_dialog({
|
||||
name: 'add',
|
||||
title: 'Add New Permission'
|
||||
title: 'Add New Permission',
|
||||
width: '700px'
|
||||
}).
|
||||
field(IPA.text_widget({
|
||||
name: 'cn',
|
||||
@@ -624,8 +625,7 @@ IPA.entity_factories.permission = function () {
|
||||
undo: false
|
||||
})).
|
||||
field(IPA.rights_widget({name:'permissions'})).
|
||||
field(IPA.hidden_widget(
|
||||
{name:'filter','value':'objectClass=changethisvalue'}))).
|
||||
section(IPA.target_section())).
|
||||
facet(IPA.search_facet().
|
||||
column({name:'cn'}).
|
||||
column({name:'description'})).
|
||||
|
||||
@@ -102,11 +102,13 @@ IPA.add_dialog = function (spec) {
|
||||
on_error: on_error
|
||||
});
|
||||
|
||||
var field, value;
|
||||
|
||||
for (var i=0; i<that.fields.length; i++) {
|
||||
var field = that.fields[i];
|
||||
field = that.fields[i];
|
||||
if (!field.valid) return;
|
||||
|
||||
var value = record[field.name];
|
||||
value = record[field.name];
|
||||
if (!value) continue;
|
||||
|
||||
if (field.name == pkey_name) {
|
||||
@@ -116,6 +118,24 @@ IPA.add_dialog = function (spec) {
|
||||
}
|
||||
}
|
||||
|
||||
for (var j=0; j<that.sections.length; j++) {
|
||||
var section = that.sections[j];
|
||||
|
||||
for (var k=0; k<section.fields.length; k++) {
|
||||
field = section.fields[k];
|
||||
if (!field.valid) return;
|
||||
|
||||
value = record[field.name];
|
||||
if (!value) continue;
|
||||
|
||||
if (field.name == pkey_name) {
|
||||
command.add_arg(value);
|
||||
} else {
|
||||
command.set_option(field.name, value);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//alert(JSON.stringify(command.to_json()));
|
||||
|
||||
command.execute();
|
||||
|
||||
@@ -523,6 +523,7 @@ IPA.details_facet = function (spec) {
|
||||
that.refresh = spec.refresh || IPA.details_refresh;
|
||||
|
||||
that.sections = [];
|
||||
|
||||
that.__defineGetter__("entity_name", function(){
|
||||
return that._entity_name;
|
||||
});
|
||||
|
||||
553
install/ui/dialog.js
Normal file
553
install/ui/dialog.js
Normal file
@@ -0,0 +1,553 @@
|
||||
/*jsl:import ipa.js */
|
||||
/* 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, either version 3 of the License, or
|
||||
* (at your option) any later version.
|
||||
*
|
||||
* 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, see <http://www.gnu.org/licenses/>.
|
||||
*/
|
||||
|
||||
/* REQUIRES: widget.js */
|
||||
|
||||
/**
|
||||
* 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 || '400px';
|
||||
|
||||
that.buttons = {};
|
||||
|
||||
that.fields = [];
|
||||
that.fields_by_name = {};
|
||||
|
||||
that.sections = [];
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
for (var j=0; j<that.sections.length; j++) {
|
||||
that.sections[j].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.add_section = function(section) {
|
||||
that.sections.push(section);
|
||||
return that;
|
||||
};
|
||||
|
||||
that.section = function(section) {
|
||||
that.add_section(section);
|
||||
return that;
|
||||
};
|
||||
|
||||
that.create_section = function(spec) {
|
||||
var section = IPA.details_section(spec);
|
||||
that.add_section(section);
|
||||
return section;
|
||||
};
|
||||
|
||||
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();
|
||||
}
|
||||
|
||||
for (var j=0; j<that.sections.length; j++) {
|
||||
var section = that.sections[j];
|
||||
section.entity_name = that.entity_name;
|
||||
section.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);
|
||||
}
|
||||
|
||||
for (var j=0; j<that.sections.length; j++) {
|
||||
var section = that.sections[j];
|
||||
|
||||
var div = $('<div/>', {
|
||||
'id': that.entity_name+'-'+that.name+'-'+section.name,
|
||||
'class': 'details-section'
|
||||
}).appendTo(that.container);
|
||||
|
||||
section.create(div);
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* 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);
|
||||
}
|
||||
|
||||
for (var j = 0; i<that.sections.length; j++) {
|
||||
var section = that.sections[j];
|
||||
|
||||
var div = $('#'+that.entity_name+'-'+that.name+'-'+section.name,
|
||||
that.container);
|
||||
|
||||
section.setup(div);
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* 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(',');
|
||||
}
|
||||
|
||||
for (var j=0; j<that.sections.length; j++) {
|
||||
var section = that.sections[j];
|
||||
|
||||
if (section.save) {
|
||||
section.save(record);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
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;
|
||||
};
|
||||
@@ -12,6 +12,7 @@
|
||||
|
||||
<script type="text/javascript" src="ipa.js"></script>
|
||||
<script type="text/javascript" src="widget.js"></script>
|
||||
<script type="text/javascript" src="dialog.js"></script>
|
||||
<script type="text/javascript" src="search.js"></script>
|
||||
<script type="text/javascript" src="details.js"></script>
|
||||
<script type="text/javascript" src="add.js"></script>
|
||||
|
||||
@@ -126,6 +126,7 @@
|
||||
#
|
||||
+process ipa.js
|
||||
+process widget.js
|
||||
+process dialog.js
|
||||
+process search.js
|
||||
+process details.js
|
||||
+process add.js
|
||||
|
||||
@@ -12,6 +12,7 @@
|
||||
<script type="text/javascript" src="../jquery-ui.js"></script>
|
||||
<script type="text/javascript" src="../ipa.js"></script>
|
||||
<script type="text/javascript" src="../widget.js"></script>
|
||||
<script type="text/javascript" src="../dialog.js"></script>
|
||||
<script type="text/javascript" src="../details.js"></script>
|
||||
<script type="text/javascript" src="../search.js"></script>
|
||||
<script type="text/javascript" src="../add.js"></script>
|
||||
|
||||
@@ -9,6 +9,7 @@
|
||||
<script type="text/javascript" src="../jquery-ui.js"></script>
|
||||
<script type="text/javascript" src="../ipa.js"></script>
|
||||
<script type="text/javascript" src="../widget.js"></script>
|
||||
<script type="text/javascript" src="../dialog.js"></script>
|
||||
<script type="text/javascript" src="../details.js"></script>
|
||||
<script type="text/javascript" src="../search.js"></script>
|
||||
<script type="text/javascript" src="../add.js"></script>
|
||||
|
||||
@@ -9,6 +9,7 @@
|
||||
<script type="text/javascript" src="../jquery-ui.js"></script>
|
||||
<script type="text/javascript" src="../ipa.js"></script>
|
||||
<script type="text/javascript" src="../widget.js"></script>
|
||||
<script type="text/javascript" src="../dialog.js"></script>
|
||||
<script type="text/javascript" src="../details.js"></script>
|
||||
<script type="text/javascript" src="../entity.js"></script>
|
||||
|
||||
|
||||
@@ -8,6 +8,7 @@
|
||||
<script type="text/javascript" src="../jquery.ba-bbq.js"></script>
|
||||
<script type="text/javascript" src="../ipa.js"></script>
|
||||
<script type="text/javascript" src="../widget.js"></script>
|
||||
<script type="text/javascript" src="../dialog.js"></script>
|
||||
<script type="text/javascript" src="../details.js"></script>
|
||||
<script type="text/javascript" src="../search.js"></script>
|
||||
<script type="text/javascript" src="../add.js"></script>
|
||||
|
||||
@@ -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;
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user