freeipa/install/static/associate.js

/*  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, manyObjPkeys, on_success)
{
    var associator = this;
    this.form = form;
    this.manyObjPkeys =  manyObjPkeys;
    this.on_success = on_success;

    this.associateNext = function(){
        var form = this.form;
        //TODO assert pre-conditions
        var  manyObjPkey =  manyObjPkeys.shift();
        if (manyObjPkey){
            var options = {};
            options[form.oneObj] = form.pkey;
            var args = [manyObjPkey];

            ipa_cmd( form.method,args, options ,
                     function(data, text_status, xhr) {
                         if (data.error){
                             alert("error adding member: "+data.error.message);
                         }else{
                             associator.associateNext();
                         }
                     },
                     function(xhr, text_status, error_thrown) {
                         alert("associateFailure");
                     },
                     form.manyObj );
        }else{
            associator.on_success();
        }
    }
}

/**
*This associator is for the common case where all the asociations can be sent
in a single rpc
*/
function BulkAssociator(form, manyObjPkeys, on_success)
{
    var associator = this;
    this.form = form;
    this.manyObjPkeys = manyObjPkeys;
    this.on_success = on_success;

    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 = [form.pkey];

        ipa_cmd( form.method,args, options ,
                 function(data, text_status, xhr) {
                     if (data.error){
                         alert("error adding member: "+data.error.message);
                     }else{
                         associator.on_success();
                     }
                 },
                 function(xhr, text_status, error_thrown) {
                     alert("associateFailure");
                 },
                 form.oneObj );
    }
}

/**
 *  Create a form for a one to many association.
 *
 */
function AssociationForm(oneObj, pkey, manyObj, on_success, associatorConstructor, method)
{
    var form = this;

    this.oneObj = oneObj;
    this.pkey = pkey;
    this.manyObj = manyObj;
    this.on_success = on_success;

    this.dialog = $('<div></div>');

    //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 = BulkAssociator;

    this.setup = function() {
        var label = ipa_objs[form.manyObj].label;

        form.dialog.attr('title', 'Enroll '+form.oneObj+' '+form.pkey+' in '+label);

        association_form_create(form.dialog);

        var availableList = $('#availableList', form.dialog);
        availableList.html('');

        var enrollments = $('#enrollments', form.dialog);
        enrollments.html('');

        $("#addToList", form.dialog).click(function(){
            $('#availableList :selected', form.dialog).each(function(i, selected){
                enrollments.append(selected);
            });
            $('#availableList :selected', form.dialog).remove();
        });
        $("#removeFromList", form.dialog).click(function(){
            $('#enrollments :selected', form.dialog).each(function(i, selected){
                availableList.append(selected);
            });
            $('#enrollments :selected', form.dialog).remove();
        });

        $("#find", form.dialog).click(function(){
            form.search();
        });

        form.dialog.dialog({
            modal: true,
            width: 600,
            buttons: {
                'Enroll': function(evt) {
                    form.associate(form.on_success);
                },
                'Cancel': form.close
            }
        });
    };

    this.close = function() {
        form.dialog.dialog('close');
    }

    this.search = function() {

        function search_on_win(data, text_status, xhr) {
            var results = data.result;
            var list = $("#availableList", form.dialog);
            list.html("");

            var searchColumn = ipa_objs[form.manyObj].primary_key;

            for (var i =0; i != results.count; i++){
                var result = results.result[i];
                $("<option></option>",{
                    value: result[searchColumn][0],
                    html: result[searchColumn][0]
                }).appendTo(list);
            }
        };

        function search_on_fail(xhr, text_status, errow_thrown) {
            alert("associationSearchFailure");
        };

        var queryFilter = $('#associateFilter', form.dialog).val();
        ipa_cmd('find', [queryFilter], {}, search_on_win, null, form.manyObj);
    };

    this.associate = function (on_success) {
        var manyObjPkeys = [];
        $('#enrollments', form.dialog).children().each(function (i, selected) {
            manyObjPkeys.push(selected.value);
        });
        var associator =
            new this.associatorConstructor(form, manyObjPkeys, on_success);
        associator.associateNext();
    };
}

/**
    A modfied version of search. It shows the  associations for an object.
*/
function AssociationList(obj, pkey, manyObj, associationColumns, jobj, associationConstructor, method)
{
    var form = this;

    this.obj = obj;
    this.pkey = pkey;
    this.associationColumns = associationColumns;
    this.manyObj = manyObj;
    this.container = jobj;
    this.associationConstructor = associationConstructor;
    this.method = method;

    this.refresh = function() {

        function refresh_on_success(data, text_status, xhr) {
            var tbody = form.container.find('.search-table tbody');
            tbody.empty();
            var associationList = data.result.result[form.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 = form.associationColumns[k].column;
                    $("<td></td>",{
                        html: data.result.result[column][j]
                    }).appendTo(row);
                }
            }
        }

        function refresh_on_error(xhr, text_status, error_thrown) {
            var search_results = $('.search-results', jobj).empty();
            search_results.append('<p>Error: '+error_thrown.name+'</p>');
            search_results.append('<p>URL: '+this.url+'</p>');
            search_results.append('<p>'+error_thrown.message+'</p>');
        }

        ipa_cmd('show', [this.pkey], {}, refresh_on_success, refresh_on_error, form.obj);
    }

    this.setup = function() {
        //TODO I18N
        var header_message = manyObj + "(s) enrolled in "  +
            this.obj + " " + pkey;
        this.container.append($("<h2/>",{html:  header_message }) );
        association_list_create(this.obj, this.container);
        this.container.find(".search-filter").css("display", "none");
        this.container.find(".search-buttons").html("");
        $("<input/>", {
            type:  'button',
            value: 'enroll',
            click: function() {
                form.show_enrollment_dialog();
            }
        }).appendTo(this.container.find(".search-buttons"));
        var header = $("<tr></tr>").appendTo(this.container.find('.search-table thead:last'));
        for (var i =0 ; i != associationColumns.length ;i++){
            $("<th></th>",{
                html: associationColumns[i].title
            }).appendTo(header);
        }
        this.refresh();
    }

    this.show_enrollment_dialog = function() {

        var enrollment_dialog = new AssociationForm(
            this.obj,
            this.pkey,
            this.manyObj,
            function() {
                form.refresh();
                enrollment_dialog.close();
            },
            this.associationConstructor,
            this.method
        );
        enrollment_dialog.setup();
    }
}


function association_form_create(jobj)
{
    var div = $('<div id="associations"></div>');

    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'
    }));

    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);
}