mirror of
https://salsa.debian.org/freeipa-team/freeipa.git
synced 2025-01-02 04:06:55 -06:00
1bb412239d
Quick summary: - use jQuery UI and jQuery BBQ libraries - code restructuring The patch has so many changes they can't be listed here. Many parts of the code have been rewritten from scrach. See freeipa-devel mailing list: webUI code restructuring [wall of text, diagrams, ... you've been warned!] 2010-09-07
363 lines
11 KiB
JavaScript
363 lines
11 KiB
JavaScript
/* Authors:
|
|
* Adam Young <ayoung@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 */
|
|
/* CURRENTLY ALSO REQUIRES search.js, because it reuses it's code to create
|
|
* the AssociationList elements; IT NEEDS IT'S OWN CODE! */
|
|
|
|
/**
|
|
*This associator is built for the case where each association requires a separate rpc
|
|
*/
|
|
function SerialAssociator(form, oneObjPkey, manyObjPkeys)
|
|
{
|
|
this.form = form;
|
|
this.manyObjPkeys = manyObjPkeys;
|
|
this.oneObjPkey = oneObjPkey;
|
|
|
|
this.associateNext = function(){
|
|
var form = this.form;
|
|
//TODO assert pre-conditions
|
|
var manyObjPkey = manyObjPkeys.shift();
|
|
if (manyObjPkey){
|
|
var options = {};
|
|
options[form.oneObj] = oneObjPkey;
|
|
var args = [manyObjPkey];
|
|
var associator = this;
|
|
|
|
ipa_cmd( form.method,args, options ,
|
|
function(){
|
|
associator.associateNext();
|
|
},
|
|
function(response){
|
|
alert("associateFailure");
|
|
},
|
|
form.manyObj );
|
|
}else{
|
|
var state = {};
|
|
state[form.oneObj + '-facet'] = 'associate';
|
|
state[form.oneObj + '-pkey'] = this.oneObjPkey;
|
|
$.bbq.pushState(state);
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
*This associator is for the common case where all the asociations can be sent
|
|
in a single rpc
|
|
*/
|
|
function BulkAssociator(form, pkey, manyObjPkeys)
|
|
{
|
|
this.form = form;
|
|
this.pkey = pkey;
|
|
this.manyObjPkeys = manyObjPkeys;
|
|
|
|
this.associateNext = function() {
|
|
var form = this.form;
|
|
var option = manyObjPkeys.shift();
|
|
while(manyObjPkeys.length > 0) {
|
|
option += "," + manyObjPkeys.shift();
|
|
}
|
|
|
|
var options = {
|
|
"all":true
|
|
};
|
|
options[form.manyObj] = option;
|
|
|
|
var args = [this.pkey];
|
|
|
|
ipa_cmd( form.method,args, options ,
|
|
function(response){
|
|
if (response.error){
|
|
alert("error adding memeber");
|
|
}else{
|
|
var state = {};
|
|
state[form.onObj + '-facet'] = 'associate';
|
|
state[form.oneObj + '-pkey'] = this.pkey;
|
|
$.bbq.pushState(state);
|
|
}
|
|
},
|
|
function(response){
|
|
alert("associateFailure");
|
|
},
|
|
form.oneObj );
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Create a form for a one to many association.
|
|
*
|
|
*/
|
|
function AssociationForm(oneObj, manyObj, pkey, jobj, associatorConstructor, method)
|
|
{
|
|
this.oneObj = oneObj;
|
|
this.manyObj = manyObj;
|
|
this.searchColumn = pkey;
|
|
this.parentTab = jobj
|
|
|
|
//An optional parameter to determine what ipa method to call to create
|
|
//the association
|
|
if (method)
|
|
this.method = method;
|
|
else
|
|
this.method = 'add_member';
|
|
|
|
if (associatorConstructor)
|
|
this.associatorConstructor = associatorConstructor;
|
|
else
|
|
this.associatorConstructor = SerialAssociator;
|
|
|
|
this.setup = function() {
|
|
association_form_create(this.parentTab);
|
|
this.parentTab.find('#availableList').html('');
|
|
this.parentTab.find('#enrollments').html('');
|
|
|
|
var currentObjToEnroll = $.bbq.getState(this.oneObj + '-pkey', true) || '';
|
|
var form = this;
|
|
|
|
$('h1').text('Enroll ' + this.oneObj + ' ' + currentObjToEnroll + ' in ' + this.manyObj + '.');
|
|
$('#enroll').click(function () {
|
|
form.associate();
|
|
});
|
|
$('#cancel').click(function () {
|
|
var state = {};
|
|
state[form.oneObj + '-facet'] = 'associate';
|
|
$.bbq.pushState(state);
|
|
});
|
|
$("#addToList").click(function(){
|
|
$('#availableList :selected').each(function(i, selected){
|
|
$("#enrollments").append(selected);
|
|
});
|
|
$('#availableList :selected').remove();
|
|
});
|
|
$("#removeFromList").click(function(){
|
|
$('#enrollments :selected').each(function(i, selected){
|
|
$("#availableList").append(selected);
|
|
});
|
|
$('#enrollments :selected').remove();
|
|
});
|
|
$("#find").click(function(){
|
|
form.search();
|
|
});
|
|
};
|
|
|
|
this.search = function() {
|
|
var form = this;
|
|
|
|
function search_on_win(data, text_status, xhr) {
|
|
var results = data.result;
|
|
$("#availableList").html("");
|
|
for (var i =0; i != results.count; i++){
|
|
var result = results.result[i];
|
|
$("<option></option>",{
|
|
value: result[form.searchColumn][0],
|
|
html: result[form.searchColumn][0]
|
|
}).appendTo( $("#availableList"));
|
|
}
|
|
};
|
|
|
|
function search_on_fail(xhr, text_status, errow_thrown) {
|
|
alert("associationSearchFailure");
|
|
};
|
|
|
|
var queryFilter = $('#associateFilter').val();
|
|
ipa_cmd('find', [queryFilter], {}, search_on_win, null, this.manyObj);
|
|
};
|
|
|
|
this.associate = function () {
|
|
var manyObjPkeys = [];
|
|
$('#enrollments').children().each(function (i, selected) {
|
|
manyObjPkeys.push(selected.value);
|
|
});
|
|
var pkey = $.bbq.getState(this.oneObj + '-pkey', true) || '';
|
|
var associator =
|
|
new this.associatorConstructor(this, pkey, manyObjPkeys);
|
|
associator.associateNext();
|
|
};
|
|
}
|
|
|
|
/**
|
|
A modfied version of search. It shows the associations for an object.
|
|
*/
|
|
function AssociationList(obj, assignFacet, associationColumns, jobj)
|
|
{
|
|
this.obj = obj;
|
|
this.associationColumns = associationColumns;
|
|
this.assignFacet = assignFacet;
|
|
this.parentTab = jobj;
|
|
|
|
this.populate = function(userData) {
|
|
var tbody = this.parentTab.find('.search-table tbody');
|
|
tbody.empty();
|
|
var associationList = userData.result.result[this.associationColumns[0].column];
|
|
for (var j = 0; j < associationList.length; j++){
|
|
var row = $("<tr/>").appendTo(tbody);
|
|
for (var k = 0; k < associationColumns.length ;k++){
|
|
var column = this.associationColumns[k].column;
|
|
$("<td></td>",{
|
|
html: userData.result.result[column][j]
|
|
}).appendTo(row);
|
|
}
|
|
}
|
|
}
|
|
|
|
this.setup = function() {
|
|
association_list_create(this.obj, this.parentTab);
|
|
var form = this;
|
|
var pkey_hash = this.obj + '-pkey';
|
|
var pkey = $.bbq.getState(pkey_hash, true) || '';
|
|
this.parentTab.find(".search-filter").css("display", "none");
|
|
this.parentTab.find(".search-buttons").html("");
|
|
$("<input/>", {
|
|
type: 'button',
|
|
value: 'enroll',
|
|
click: function() {
|
|
var state = {};
|
|
state[form.obj + '-facet'] = form.assignFacet;
|
|
$.bbq.pushState(state);
|
|
}
|
|
}).appendTo(this.parentTab.find(".search-buttons"));
|
|
var header = $("<tr></tr>").appendTo(this.parentTab.find('.search-table thead:last'));
|
|
for (var i =0 ; i != associationColumns.length ;i++){
|
|
$("<th></th>",{
|
|
html: associationColumns[i].title
|
|
}).appendTo(header);
|
|
}
|
|
ipa_cmd( 'show', [pkey], {},
|
|
function(result){
|
|
form.populate(result);
|
|
},
|
|
function(){
|
|
alert("associationListFailure");
|
|
},
|
|
this.obj);
|
|
}
|
|
}
|
|
|
|
/* FIXME: TEMPORARY FACET GENERATORS; WE NEED A BETTER WAY! */
|
|
|
|
function association_form_create(jobj)
|
|
{
|
|
var div = $('<div id="associations"></div>');
|
|
div.append($('<h1></h1>', {
|
|
text: 'Enroll in Groups'
|
|
}));
|
|
var form = $('<form></form>');
|
|
var form_div = $('<div></div>');
|
|
form_div.css('border-width', '1px');
|
|
var sub_div = $('<div></div>');
|
|
sub_div.append($('<input />', {
|
|
id: 'associateFilter',
|
|
type: 'text'
|
|
}));
|
|
sub_div.append($('<input />', {
|
|
id: 'find',
|
|
type: 'button',
|
|
value: 'Find'
|
|
}));
|
|
var but_span = $('<span></span>');
|
|
but_span.css('float', 'right');
|
|
but_span.append($('<input />', {
|
|
id: 'cancel',
|
|
type: 'button',
|
|
value: 'Cancel'
|
|
}));
|
|
but_span.append($('<input />', {
|
|
id: 'enroll',
|
|
type: 'button',
|
|
value: 'Enroll'
|
|
}));
|
|
sub_div.append(but_span);
|
|
form_div.append(sub_div);
|
|
form.append(form_div);
|
|
var form_div = $('<div id="results"></div>');
|
|
form_div.css('border', '2px solid rgb(0, 0, 0)');
|
|
form_div.css('position', 'relative');
|
|
form_div.css('height', '200px');
|
|
var sub_div = $('<div></div>');
|
|
sub_div.css('float', 'left');
|
|
sub_div.append($('<div></div>', {
|
|
text: 'Available'
|
|
}));
|
|
sub_div.append($('<select></select>', {
|
|
id: 'availableList',
|
|
width: '150px',
|
|
size: '10',
|
|
multiple: 'true'
|
|
}));
|
|
form_div.append(sub_div);
|
|
var sub_div = $('<div></div>');
|
|
sub_div.css('float', 'left');
|
|
var p = $('<p></p>');
|
|
p.append($('<input />', {
|
|
id: 'removeFromList',
|
|
type: 'button',
|
|
value: '<<'
|
|
}));
|
|
sub_div.append(p);
|
|
var p = $('<p></p>');
|
|
p.append($('<input />', {
|
|
id: 'addToList',
|
|
type: 'button',
|
|
value: '>>'
|
|
}));
|
|
sub_div.append(p);
|
|
form_div.append(sub_div);
|
|
var sub_div = $('<div></div>');
|
|
sub_div.css('float', 'left');
|
|
sub_div.append($('<div></div>', {
|
|
text: 'Prospective'
|
|
}));
|
|
sub_div.append($('<select></select>', {
|
|
id: 'enrollments',
|
|
width: '150px',
|
|
size: '10',
|
|
multiple: 'true'
|
|
}));
|
|
form_div.append(sub_div);
|
|
form.append(form_div);
|
|
form.append($('<hr />'));
|
|
form.append($('<div></div>', {
|
|
text: 'Message Area'
|
|
}));
|
|
form.append($('<hr />'));
|
|
var form_div = $('<div></div>');
|
|
var span = $('<span></span>');
|
|
span.css('float', 'left');
|
|
span.append($('<p></p>', {
|
|
text: '*Enter Group Names and Press Groups'
|
|
}));
|
|
span.append($('<p></p>', {
|
|
text: '*More stuff'
|
|
}));
|
|
span.append($('<p></p>', {
|
|
text: '*More stuff'
|
|
}));
|
|
form_div.append(span);
|
|
form.append(form_div);
|
|
div.append(form);
|
|
jobj.append(div);
|
|
}
|
|
|
|
function association_list_create(obj_name, jobj)
|
|
{
|
|
search_create(obj_name, [], jobj);
|
|
}
|
|
|