Files
freeipa/install/static/details.js
T
Pavel Zuna 1bb412239d Big webUI patch.
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
2010-09-17 19:42:40 -04:00

434 lines
13 KiB
JavaScript

/* Authors:
* Pavel Zuna <pzuna@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
*/
/* IPA Object Details - populating definiton lists from entry data */
/* REQUIRES: ipa.js */
var IPA_DETAILS_POPULATE = 1;
var IPA_DETAILS_UPDATE = 2;
var ipa_details_cache = {};
function ipa_details_create(obj_name, dls, container)
{
if (!container) {
alert('ERROR: ipa_details_create: Missing container argument!');
return;
}
container.attr('title', obj_name);
container.addClass('details-container');
container.append('<div class="details-buttons"></div>');
var jobj = container.children().last();
jobj.append('<a class="details-reset" href="jslink">Reset</a>');
jobj.append('<a class="details-update" href="jslink">Update</a>');
container.append('<hr />');
for (var i = 0; i < dls.length; ++i) {
var d = dls[i];
ipa_generate_dl(container.children().last(), d[0], d[1], d[2]);
}
container.append('<div class="details-back"></div>');
var jobj = container.children().last();
jobj.append('<a href="#details-viewtype">Back to Top</a>');
}
var _ipa_h2_template = '<h2 onclick="_h2_on_click(this)">&#8722; I</h2>';
var _ipa_dl_template = '<dl id="I" class="entryattrs"></dl>';
var _ipa_dt_template = '<dt title="T">N:</dt>';
function ipa_generate_dl(jobj, id, name, dts)
{
if (!dts)
return;
var obj_name = jobj.parent().attr('title');
jobj.after(_ipa_h2_template.replace('I', name));
jobj = jobj.next();
jobj.after(_ipa_dl_template.replace('I', id));
jobj = jobj.next();
for (var i = 0; i < dts.length; ++i) {
var label = '';
if (dts[i][0].indexOf('call_') != 0) {
var param_info = ipa_get_param_info(obj_name, dts[i][0]);
if (param_info)
label = param_info['label'];
}
if ((!label) && (dts[i].length > 1))
label = dts[i][1];
jobj.append(
_ipa_dt_template.replace('T', dts[i][0]).replace('N', label)
);
}
jobj.after('<hr />');
}
function ipa_details_load(obj_name, pkey, on_win, on_fail, sampleData)
{
function load_on_win(data, text_status, xhr) {
if (on_win)
on_win(data, text_status, xhr);
if (data.error)
return;
var result = data.result.result;
ipa_details_cache[obj_name] = $.extend(true, {}, result);
ipa_details_display(obj_name, result);
};
function load_on_fail(xhr, text_status, error_thrown) {
if (on_fail)
on_fail(xhr, text_status, error_thrown);
};
if (!pkey)
return;
ipa_cmd(
'show', [pkey], {all: true}, load_on_win, load_on_fail,
obj_name, sampleData
);
}
function ipa_details_update(obj_name, pkey, on_win, on_fail)
{
function update_on_win(data, text_status, xhr) {
if (on_win)
on_win(data, text_status, xhr);
if (data.error)
return;
var result = data.result.result;
ipa_details_cache[obj_name] = $.extend(true, {}, result);
ipa_details_display(obj_name, result);
};
function update_on_fail(xhr, text_status, error_thrown) {
if (on_fail)
on_fail(xhr, text_status, error_thrown);
};
if (!pkey)
return;
var selector = '.details-container[title=' + obj_name + ']';
var modlist = {'all': true, 'setattr': [], 'addattr': []};
var attrs_wo_option = {};
$(selector + ' .entryattrs input').each(function () {
var jobj = $(this);
var dt = jobj.parent().prevAll('dt').slice(0, 1);
if (!dt)
return;
var attr = dt.attr('title');
if (!attr || attr.indexOf('call_') == 0)
return;
var value = jQuery.trim(jobj.val());
var param_info = ipa_get_param_info(obj_name, attr);
if (param_info) {
modlist[attr] = value;
return;
}
if (!attrs_wo_option[attr])
attrs_wo_option[attr] = [];
attrs_wo_option[attr].push(value);
});
$(selector + ' .entryattrs dt').each(function () {
var jobj = $(this);
var attr = jobj.attr('title');
if (!attr)
return;
if (attr.indexOf('call_') == 0) {
var func = window[attr.substr(5)];
if (func)
func(jobj, modlist, IPA_DETAILS_UPDATE);
return;
}
var param_info = ipa_get_param_info(obj_name, attr);
if (param_info && param_info['primary_key'])
return;
var next = jobj.next('dd');
if ((!next.length) || (!next.children('input').length))
attrs_wo_option[attr] = [''];
});
for (attr in attrs_wo_option) {
var values = attrs_wo_option[attr];
modlist['setattr'].push(attr + '=' + values[0]);
for (var i = 1; i < values.length; ++i)
modlist['addattr'].push(attr + '=' + values[i]);
}
ipa_cmd('mod', [pkey], modlist, update_on_win, update_on_fail, obj_name);
}
/* HTML templates for ipa_details_display() */
var _ipa_a_add_template =
'<a href="jslink" onclick="return (_ipa_add_on_click(this))" title="A">Add</a>';
var _ipa_span_doc_template = '<span class="attrhint">Hint: D</span>';
/* populate definition lists with the class 'entryattrs' with entry attributes
*
* The list has to be specially crafted for this function to work properly:
* <dt> tags should have the 'title' attribute set to an LDAP attribute name
* OR to a javascript function name prefixed with 'call_', which will be given
* the <dt> object and entry_attrs as arguments.
* Example:
* <dl class="entryattrs">
* <dt title="givenname">First Name:</dt>
* <dt title="call_some_callback">Some Attribute:</dt>
* </dl>
*
* arguments:
* entry_attrs - 'result' field as returned by ipa *-show commnads
* (basically an associative array with attr:value pairs) */
function ipa_details_display(obj_name, entry_attrs)
{
var selector = '.details-container[title=' + obj_name + ']';
/* remove all <dd> tags i.e. all attribute values */
$(selector + ' .entryattrs dd').remove();
/* go through all <dt> tags and pair them with newly created <dd>s */
$(selector + ' .entryattrs dt').each(function () {
var jobj = $(this);
var attr = jobj.attr('title');
if (attr.indexOf('call_') == 0) {
/* title contains callback instead of attribute name */
var func = window[attr.substr(5)];
if (func)
func(jobj, entry_attrs, IPA_DETAILS_POPULATE);
else
jobj.after(_ipa_dd_first_template.replace('I', '-'));
} else {
/* title contains attribute name - default behaviour */
var multivalue = false;
var hint_span = '';
var param_info = ipa_get_param_info(obj_name, attr);
if (param_info) {
if (param_info['multivalue'] || param_info['class'] == 'List')
multivalue = true;
var hint = param_info['hint'];
if (hint)
hint_span = _ipa_span_hint_template.replace('D', hint);
}
var value = entry_attrs[attr];
if (value) {
ipa_insert_first_dd(
jobj, ipa_create_input(obj_name, attr, value[0]) + hint_span
);
for (var i = 1; i < value.length; ++i) {
jobj = jobj.next();
ipa_insert_other_dd(
jobj, ipa_create_input(obj_name, attr, value[i])
);
}
if (multivalue) {
ipa_insert_other_dd(
jobj.next(), _ipa_a_add_template.replace('A', attr)
);
}
} else {
if (multivalue) {
ipa_insert_first_dd(
jobj, _ipa_a_add_template.replace('A', attr) + hint_span
);
} else {
ipa_insert_first_dd(
jobj, ipa_create_input(obj_name, attr, '') + hint_span
);
}
}
}
});
}
var _ipa_dd_first_template = '<dd class="first">I</dd>';
function ipa_insert_first_dd(jobj, content)
{
jobj.after(_ipa_dd_first_template.replace('I', content));
}
var _ipa_dd_other_template = '<dd class="other">I</dd>';
function ipa_insert_other_dd(jobj, content)
{
jobj.after(_ipa_dd_other_template.replace('I', content));
}
/* mapping of parameter types to handlers used to create inputs */
var _ipa_param_type_2_handler_map = {
'Str': _ipa_create_text_input,
'Int': _ipa_create_text_input,
'Bool': _ipa_create_text_input,
'List': _ipa_create_text_input,
};
/* create an HTML element for displaying/editing an attribute
* arguments:
* attr - LDAP attribute name
* value - the attributes value */
function ipa_create_input(obj_name, attr, value)
{
var param_info = ipa_get_param_info(obj_name, attr);
if (!param_info) {
/* no information about the param is available, default to text input */
return (_ipa_create_text_input(attr, value, null));
}
/* check if the param value can be modified */
if (param_info['primary_key'] || ('no_update' in param_info['flags']))
return (value.toString());
/* call handler by param class */
var handler = _ipa_param_type_2_handler_map[param_info['class']];
if (handler) {
if (param_info['multivalue'] || param_info['class'] == 'List') {
return (
handler(attr, value, param_info) +
_ipa_create_remove_link(attr, param_info)
);
}
return (handler(attr, value, param_info));
}
/* no handler for this type? don't allow modification */
return (value.toString());
}
/* HTML template for _ipa_create_remove_link() */
var _ipa_a_remove_template =
'<a href="jslink" onclick="return (_ipa_remove_on_click(this))" title="A">Remove</a>';
/* creates a Remove link for deleting attribute values */
function _ipa_create_remove_link(attr, param_info)
{
if (!param_info)
return (_ipa_a_remove_template.replace('A', attr));
/* check if the param is required or of the Password type
* if it is, then we don't want people to be able to remove it */
if ((param_info['required']) || (param_info['class'] == 'Password'))
return ('');
return (_ipa_a_remove_template.replace('A', attr));
}
/* HTML template for _ipa_create_text_input() */
var _ipa_input_text_template =
'<input type="text" name="A" value="V" />';
/* creates a input box for editing a string attribute */
function _ipa_create_text_input(attr, value, param_info)
{
return (
_ipa_input_text_template.replace('A', attr).replace(
'V', value.toString()
)
);
}
function ipa_details_reset(obj_name)
{
if (ipa_details_cache[obj_name])
ipa_details_display(obj_name, ipa_details_cache[obj_name]);
}
/* Event handlers */
function _ipa_add_on_click(obj)
{
var jobj = $(obj);
var attr = jobj.attr('title');
var par = jobj.parent();
var obj_name = jobj.closest('.details-container').attr('title');
par.prepend(ipa_create_input(obj_name, attr, ''));
ipa_insert_other_dd(par, _ipa_a_add_template.replace('A', attr));
jobj.next('input').focus();
jobj.remove();
return (false);
}
function _ipa_remove_on_click(obj)
{
var jobj = $(obj);
var attr = jobj.attr('title');
var par = jobj.parent();
var next = par.next('dd');
if (next.length) {
if (par.hasClass('first')) {
var hint = par.children('span').detach();
next.append(hint);
next.addClass('first');
next.removeClass('other');
}
par.remove();
} else {
par.empty();
par.append(_ipa_a_add_template.replace('A', attr));
}
return (false);
}
function _h2_on_click(obj)
{
var jobj = $(obj);
var txt = jobj.text().replace(/^\s*/, '');
if (txt.charCodeAt(0) == 8722) {
obj.dl = jobj.next().detach();
jobj.text('+' + txt.substr(1));
} else {
if (obj.dl)
obj.dl.insertAfter(obj);
jobj.text(
String.fromCharCode(8722) + txt.substr(1)
);
}
}