webconsole/src/main/resources/res/ui/config.js - onos-felix - Gitiles

 /*
  * Licensed to the Apache Software Foundation (ASF) under one or more
  * contributor license agreements.  See the NOTICE file distributed with
  * this work for additional information regarding copyright ownership.
  * The ASF licenses this file to You under the Apache License, Version 2.0
  * (the "License"); you may not use this file except in compliance with
  * the License.  You may obtain a copy of the License at
  *
  *      http://www.apache.org/licenses/LICENSE-2.0
  *
  * Unless required by applicable law or agreed to in writing, software
  * distributed under the License is distributed on an "AS IS" BASIS,
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */


 function configure() {
     var select = document.getElementById('configSelection_pid');
     var pid = select.options[select.selectedIndex].value;
     var parm = pluginRoot + '/' + pid;
 	$.post(parm, null, displayConfigForm, "json");
 }


 function create() {
     var select = document.getElementById('configSelection_factory');
     var pid = select.options[select.selectedIndex].value;
     var parm = pluginRoot + '/' + pid + '?create=true';
 	$.post(parm, null, displayConfigForm, "json");
 }

 function displayConfigForm(obj) {
 	var span1 = document.getElementById('configField');
 	var span2 = document.getElementById('factoryField');
 	if (!span1 && !span2) {
 		return;
 	}

     var parent = span1 ? span1.parentNode : span2.parentNode;

     clearChildren( parent );

     if (span1) {
         parent.appendChild( span1 );
     }
     if (span2) {
         parent.appendChild( span2 );
     }

     var trEl = tr( null );
     var tdEl = createElement( "th", null, { colSpan: "2" } );
     addText( tdEl, obj.title );
     trEl.appendChild( tdEl );
     parent.appendChild( trEl );

     trEl = tr( );
     parent.appendChild( trEl );

     tdEl = td( );
     addText( tdEl, "\u00a0" );
     trEl.appendChild( tdEl );

     tdEl = td( );
     trEl.appendChild( tdEl );

     var formEl = createElement( "form", null, {
             method: "POST",
             action: pluginRoot + "/" + obj.pid
         });
     tdEl.appendChild( formEl );

     var inputEl = createElement( "input", null, {
             type: "hidden",
             name: "apply",
             value: "true"
         });
     formEl.appendChild( inputEl );

     // add the factory PID as a hidden form field if present
     if (obj.factoryPid)
     {
         inputEl = createElement( "input", null, {
                 type: "hidden",
                 name: "factoryPid",
                 value: obj.factoryPid
             });
         formEl.appendChild( inputEl );
     }

     // add the PID filter as a hidden form field if present
     if (obj.pidFilter)
     {
         inputEl = createElement( "input", null, {
                 type: "hidden",
                 name: "pidFilter",
                 value: obj.pidFilter
             });
         formEl.appendChild( inputEl );
     }

     inputEl = createElement( "input", null, {
             type: "hidden",
             name: "action",
             value: "ajaxConfigManager"
         });
     formEl.appendChild( inputEl );

     var tableEl = createElement( "table", null, {
             border: 0,
             width: "100%"
         });
     formEl.appendChild( tableEl );

     var bodyEl = createElement( "tbody" );
     tableEl.appendChild( bodyEl );

     if (obj.description)
     {
         trEl = tr( );
         tdEl = td( null, { colSpan: "2" } );
         addText( tdEl, obj.description );
         trEl.appendChild( tdEl );
         bodyEl.appendChild( trEl );
     }

     if (obj.propertylist == 'properties')
     {
         printTextArea(bodyEl, obj.properties);
     }
     else
     {
         printForm(bodyEl, obj);
     }

     trEl = tr( );
     bodyEl.appendChild( trEl );

     tdEl = td( );
     addText( tdEl, "\u00a0" );
     trEl.appendChild( tdEl );

     tdEl = td( );
     trEl.appendChild( tdEl );

     // define this TD as innerHTML otherwise the onClick event handler
     // of the Delete button is not accepted by IE6 (!)...
     var innerHTML = '<input type="submit" name="submit" value="'+i18n.save+'" />';
     innerHTML += '&nbsp;&nbsp;&nbsp;';
     innerHTML += '<input type="reset" name="reset" value="'+i18n.reset+'" />';
     innerHTML += '&nbsp;&nbsp;&nbsp;';
     innerHTML += '<input type="submit" name="delete" value="'+i18n.del+'" onClick="return confirmDelete(\'' + obj.pid + '\', \'' + obj.bundleLocation + '\');"/>';
     tdEl.innerHTML = innerHTML;

     printConfigurationInfo(parent, obj);
 	initStaticWidgets($(parent));
 }

 function printTextArea(/* Element */ parent, props )
 {

     var propsValue = "";
     for (var key in props)
     {
         propsValue += key + ' =  ' + props[key] + '\r\n';
     }

     parent.appendChild(
         tr( null, null, [
             td( null, null, [
                 text( i18n.props_title )
             ]),
             td( null, { style: { width: "99%" } }, [
                 createElement( "textarea", null, {
                         name: "properties",
                         style: { height: "50%", width: "99%" }
                     }, [ text( propsValue ) ] ),
                 text( i18n.props_enter )
             ])
         ])
     );
 }

 function printForm( /* Element */ parent, obj ) {
     var propList;
     for (var idx in obj.propertylist)
     {
         var prop = obj.propertylist[idx];
         var attr = obj[prop];

         var trEl = tr( null, null, [
                 td( null, null, [ text( attr.name ) ] )
             ]);
         parent.appendChild( trEl );

         var tdEl = td( null, { style: { width: "99%" } } );
         trEl.appendChild( tdEl );

         if (attr.value != undefined)
         {
             // check is required to also handle empty strings, 0 and false
             tdEl.appendChild( createInput( prop, attr.value, attr.type, '99%' ) );
             tdEl.appendChild( createElement( "br" ) );
         }
         else if (typeof(attr.type) == 'object')
         {
         	// assume attr.values and multiselect
         	createMultiSelect( tdEl, prop, attr.values, attr.type, '99%' );
             tdEl.appendChild( createElement( "br" ) );
         }
         else if (attr.values.length == 0)
         {
             tdEl.appendChild( createSpan( prop, "", attr.type ) );
         }
         else
         {
             for (var i=0;i<attr.values.length;i++)
             {
                 tdEl.appendChild( createSpan( prop, attr.values[i], attr.type ) );
             }
         }

         if (attr.description)
         {
             addText( tdEl, attr.description );
         }

         if (propList) {
             propList += ',' + prop;
         } else {
             propList = prop;
         }
     }

     parent.appendChild( createElement( "input", null, {
             type: "hidden",
             name: "propertylist",
             value: propList
         })
     );
     // FIX for IE6 and above: checkbox can only be checked after it is in the DOM
     $(".checked_box").attr("checked", true).removeClass("checked_box");
 }

 function printConfigurationInfo( /* Element */ parent, obj )
 {
     parent.appendChild( tr( null, null, [
             createElement( "th", null, { colSpan: "2" }, [
                 text( i18n.cfg_title )
             ])
         ])
     );

     parent.appendChild( tr( null, null, [
             td( null, null, [
                 text( i18n.pid )
             ]),
             td( null, null, [
                 text( obj.pid )
             ])
         ])
     );

     if (obj.factoryPid)
     {
         parent.appendChild( tr( null, null, [
                 td( null, null, [
                     text( i18n.fpid )
                 ]),
                 td( null, null, [
                     text( obj.factoryPid )
                 ])
             ])
         );
     }

     var binding = obj.bundleLocation;
     if (!binding)
     {
         binding = i18n.unbound;
     }

     parent.appendChild( tr( null, null, [
             td( null, null, [
                 text( i18n.binding )
             ]),
             td( null, null, [
                 text( binding )
             ])
         ])
     );

     if (obj.bundleLocation)
     {
         var form = createElement( "form", null, {
                         method: "POST",
                         action: pluginRoot + "/" + obj.pid
                     });

         // define this form contents as innerHTML otherwise the onClick
         // event handler of the Unbind button is not accepted by IE6 (!)...
         var formInner = '<input type="hidden" name="unbind" value="true"/>';
         formInner += '<input type="submit" name="submit" value="'+i18n.unbind_btn+'" class="ui-state-default ui-corner-all" title="'+i18n.unbind_tip+'"  onClick="return confirmUnbind(\'' + obj.pid + '\', \'' + obj.bundleLocation + '\');"/>';
         form.innerHTML = formInner;

         parent.appendChild( tr( null, null, [
                 td( null, null, [
                     text( " " )
                 ]),
                 td( null, null, [ form ] )
             ])
         );
     }
 	//$(form).ready(initStaticWidgets);
 }


 var spanCounter = 0;
 /* Element */ function createSpan(prop, value, type) {
     spanCounter++;
     var newId = prop + spanCounter;

     var addButton = createElement("input", null,
     		{   type: "button",
     	        style: {width : "5%"},
     	        value: "+"
     	    }
       );
     $(addButton).click(function() {addValue(prop, newId)});
     var remButton = createElement("input", null,
     		{   type: "button",
     	        style: {width : "5%"},
     	        value: "-"
     	    }
       );
     $(remButton).click(function() {removeValue(newId)});
     var spanEl = createElement( "span", null, { id: newId }, [
         createInput( prop, value, type, '89%' ), addButton, remButton,
         createElement("br")
     ]);

     return spanEl;
 }

 /* Element */ function createInput(prop, value, type, width) {
     if (type == 11) { // AttributeDefinition.BOOLEAN

         var inputEl = createElement( "input", null, {
                 type: "checkbox",
                 name: prop,
                 value: "true"
             });

         if (value && typeof(value) != "boolean")
         {
             value = value.toString().toLowerCase() == "true";
         }
         if (value)
         {
         	$(inputEl).addClass("checked_box");
         }
         var hiddenEl = createElement( "input", null, {
             type: "hidden",
             name: prop,
             value: "false"
         });
         var divEl = createElement("div");
         divEl.appendChild(inputEl);
         divEl.appendChild(hiddenEl);
         return divEl;

     } else if (typeof(type) == "object") { // predefined values

         var selectEl = createElement( "select", null, {
                 name: prop,
                 style: { width: width }
             });

     	var labels = type.labels;
     	var values = type.values;
         for (var idx in labels) {
             var optionEl = createElement( "option", null, {
                     value: values[idx]
                 }, [ text( labels[idx] ) ]);

             if (value == values[idx])
             {
                 optionEl.setAttribute( "selected", true );
             }
             selectEl.appendChild( optionEl );
     	}

     	return selectEl;

     } else { // Simple
         return createElement( "input", null, {
                 type: "text",
                 name: prop,
                 value: value,
                 style: { width: width }
             });
     }
 }

 function createMultiSelect(/* Element */ parent, prop, values, options, width) {
     // convert value list into 'set'
     var valueSet = new Object();
     for (var idx in values) {
     	valueSet[ values[idx] ] = true;
     }

    	var labels = options.labels;
    	var values = options.values;
    	for (var idx in labels) {

         var inputEl = createElement( "input", null, {
                 type: "checkbox",
                 name: prop,
                 value: values[idx]
             });

         if (valueSet[ values[idx] ])
         {
             inputEl.setAttribute( "checked", true );
         }

         var labelEl = createElement( "label", "multiselect" );
         labelEl.appendChild( inputEl );
         addText( labelEl, labels[idx] );

         parent.appendChild( labelEl );
    	}
 }


 function addValue(prop, vidx)
 {
     var span = document.getElementById(vidx);
     if (!span)
     {
         return;
     }
     var newSpan = createSpan(prop, '');
     span.parentNode.insertBefore(newSpan, span.nextSibling);
     // FIX for IE6 and above: checkbox can only be checked after it is in the DOM
     $(".checked_box").attr("checked", true).removeClass("checked_box");
 	//$(span).ready(initStaticWidgets);
 }

 function removeValue(vidx)
 {
     var span = document.getElementById(vidx);
     if (!span)
     {
         return;
     }
     span.parentNode.removeChild(span);
 }

 function configConfirm(/* String */ message, /* String */ title, /* String */ location)
 {
     var message = i18n.del_ask;

     if (title) {
         message += "\r\n" + i18n.del_config + title;
     }
     if (location) {
         message += "\r\n" + i18n.del_bundle + location;
     }

     return confirm(message);
 }

 function confirmDelete(/* String */ title, /* String */ location)
 {
     return configConfirm(i18n.unbind_ask, title, location);
 }

 function confirmUnbind(/* String */ title, /* String */ location)
 {
     return configConfirm(i18n.unbind_ask, title, location);
 }

 function addOption(list, target)
 {
 	var html = "";
 	for (i in list) {
 		var sel = list[i].id == selectedPid ? '" selected="selected' : '';
 		html += '<option value="' + list[i].id + sel + '">' + list[i].name + '</option>';
 	}
 	if (html) target.html(html);
 }

 var configSelection_pid = false;
 var configSelection_factory = false;
 $(document).ready(function() {
 	configSelection_pid = $('#configSelection_pid');
 	configSelection_factory = $('#configSelection_factory');
 	$(".statline").html(configData.status ? i18n.stat_ok : i18n.stat_missing);
 	$("#config_content").css("display", configData.status ? "block" : "none");
 	if (configData.status) {
 		addOption(configData.pids, $("#configSelection_pid"));
 		addOption(configData.fpids, $("#configSelection_factory"));
 	}
 	if (selectedPid) configure();
 });
	/*
	* Licensed to the Apache Software Foundation (ASF) under one or more
	* contributor license agreements. See the NOTICE file distributed with
	* this work for additional information regarding copyright ownership.
	* The ASF licenses this file to You under the Apache License, Version 2.0
	* (the "License"); you may not use this file except in compliance with
	* the License. You may obtain a copy of the License at
	*
	* http://www.apache.org/licenses/LICENSE-2.0
	*
	* Unless required by applicable law or agreed to in writing, software
	* distributed under the License is distributed on an "AS IS" BASIS,
	* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
	* See the License for the specific language governing permissions and
	* limitations under the License.
	*/


	function configure() {
	var select = document.getElementById('configSelection_pid');
	var pid = select.options[select.selectedIndex].value;
	var parm = pluginRoot + '/' + pid;
	$.post(parm, null, displayConfigForm, "json");
	}


	function create() {
	var select = document.getElementById('configSelection_factory');
	var pid = select.options[select.selectedIndex].value;
	var parm = pluginRoot + '/' + pid + '?create=true';
	$.post(parm, null, displayConfigForm, "json");
	}

	function displayConfigForm(obj) {
	var span1 = document.getElementById('configField');
	var span2 = document.getElementById('factoryField');
	if (!span1 && !span2) {
	return;
	}

	var parent = span1 ? span1.parentNode : span2.parentNode;

	clearChildren( parent );

	if (span1) {
	parent.appendChild( span1 );
	}
	if (span2) {
	parent.appendChild( span2 );
	}

	var trEl = tr( null );
	var tdEl = createElement( "th", null, { colSpan: "2" } );
	addText( tdEl, obj.title );
	trEl.appendChild( tdEl );
	parent.appendChild( trEl );

	trEl = tr( );
	parent.appendChild( trEl );

	tdEl = td( );
	addText( tdEl, "\u00a0" );
	trEl.appendChild( tdEl );

	tdEl = td( );
	trEl.appendChild( tdEl );

	var formEl = createElement( "form", null, {
	method: "POST",
	action: pluginRoot + "/" + obj.pid
	});
	tdEl.appendChild( formEl );

	var inputEl = createElement( "input", null, {
	type: "hidden",
	name: "apply",
	value: "true"
	});
	formEl.appendChild( inputEl );

	// add the factory PID as a hidden form field if present
	if (obj.factoryPid)
	{
	inputEl = createElement( "input", null, {
	type: "hidden",
	name: "factoryPid",
	value: obj.factoryPid
	});
	formEl.appendChild( inputEl );
	}

	// add the PID filter as a hidden form field if present
	if (obj.pidFilter)
	{
	inputEl = createElement( "input", null, {
	type: "hidden",
	name: "pidFilter",
	value: obj.pidFilter
	});
	formEl.appendChild( inputEl );
	}

	inputEl = createElement( "input", null, {
	type: "hidden",
	name: "action",
	value: "ajaxConfigManager"
	});
	formEl.appendChild( inputEl );

	var tableEl = createElement( "table", null, {
	border: 0,
	width: "100%"
	});
	formEl.appendChild( tableEl );

	var bodyEl = createElement( "tbody" );
	tableEl.appendChild( bodyEl );

	if (obj.description)
	{
	trEl = tr( );
	tdEl = td( null, { colSpan: "2" } );
	addText( tdEl, obj.description );
	trEl.appendChild( tdEl );
	bodyEl.appendChild( trEl );
	}

	if (obj.propertylist == 'properties')
	{
	printTextArea(bodyEl, obj.properties);
	}
	else
	{
	printForm(bodyEl, obj);
	}

	trEl = tr( );
	bodyEl.appendChild( trEl );

	tdEl = td( );
	addText( tdEl, "\u00a0" );
	trEl.appendChild( tdEl );

	tdEl = td( );
	trEl.appendChild( tdEl );

	// define this TD as innerHTML otherwise the onClick event handler
	// of the Delete button is not accepted by IE6 (!)...
	var innerHTML = '<input type="submit" name="submit" value="'+i18n.save+'" />';
	innerHTML += '   ';
	innerHTML += '<input type="reset" name="reset" value="'+i18n.reset+'" />';
	innerHTML += '   ';
	innerHTML += '<input type="submit" name="delete" value="'+i18n.del+'" onClick="return confirmDelete(\'' + obj.pid + '\', \'' + obj.bundleLocation + '\');"/>';
	tdEl.innerHTML = innerHTML;

	printConfigurationInfo(parent, obj);
	initStaticWidgets($(parent));
	}

	function printTextArea(/* Element */ parent, props )
	{

	var propsValue = "";
	for (var key in props)
	{
	propsValue += key + ' = ' + props[key] + '\r\n';
	}

	parent.appendChild(
	tr( null, null, [
	td( null, null, [
	text( i18n.props_title )
	]),
	td( null, { style: { width: "99%" } }, [
	createElement( "textarea", null, {
	name: "properties",
	style: { height: "50%", width: "99%" }
	}, [ text( propsValue ) ] ),
	text( i18n.props_enter )
	])
	])
	);
	}

	function printForm( /* Element */ parent, obj ) {
	var propList;
	for (var idx in obj.propertylist)
	{
	var prop = obj.propertylist[idx];
	var attr = obj[prop];

	var trEl = tr( null, null, [
	td( null, null, [ text( attr.name ) ] )
	]);
	parent.appendChild( trEl );

	var tdEl = td( null, { style: { width: "99%" } } );
	trEl.appendChild( tdEl );

	if (attr.value != undefined)
	{
	// check is required to also handle empty strings, 0 and false
	tdEl.appendChild( createInput( prop, attr.value, attr.type, '99%' ) );
	tdEl.appendChild( createElement( "br" ) );
	}
	else if (typeof(attr.type) == 'object')
	{
	// assume attr.values and multiselect
	createMultiSelect( tdEl, prop, attr.values, attr.type, '99%' );
	tdEl.appendChild( createElement( "br" ) );
	}
	else if (attr.values.length == 0)
	{
	tdEl.appendChild( createSpan( prop, "", attr.type ) );
	}
	else
	{
	for (var i=0;i<attr.values.length;i++)
	{
	tdEl.appendChild( createSpan( prop, attr.values[i], attr.type ) );
	}
	}

	if (attr.description)
	{
	addText( tdEl, attr.description );
	}

	if (propList) {
	propList += ',' + prop;
	} else {
	propList = prop;
	}
	}

	parent.appendChild( createElement( "input", null, {
	type: "hidden",
	name: "propertylist",
	value: propList
	})
	);
	// FIX for IE6 and above: checkbox can only be checked after it is in the DOM
	$(".checked_box").attr("checked", true).removeClass("checked_box");
	}

	function printConfigurationInfo( /* Element */ parent, obj )
	{
	parent.appendChild( tr( null, null, [
	createElement( "th", null, { colSpan: "2" }, [
	text( i18n.cfg_title )
	])
	])
	);

	parent.appendChild( tr( null, null, [
	td( null, null, [
	text( i18n.pid )
	]),
	td( null, null, [
	text( obj.pid )
	])
	])
	);

	if (obj.factoryPid)
	{
	parent.appendChild( tr( null, null, [
	td( null, null, [
	text( i18n.fpid )
	]),
	td( null, null, [
	text( obj.factoryPid )
	])
	])
	);
	}

	var binding = obj.bundleLocation;
	if (!binding)
	{
	binding = i18n.unbound;
	}

	parent.appendChild( tr( null, null, [
	td( null, null, [
	text( i18n.binding )
	]),
	td( null, null, [
	text( binding )
	])
	])
	);

	if (obj.bundleLocation)
	{
	var form = createElement( "form", null, {
	method: "POST",
	action: pluginRoot + "/" + obj.pid
	});

	// define this form contents as innerHTML otherwise the onClick
	// event handler of the Unbind button is not accepted by IE6 (!)...
	var formInner = '<input type="hidden" name="unbind" value="true"/>';
	formInner += '<input type="submit" name="submit" value="'+i18n.unbind_btn+'" class="ui-state-default ui-corner-all" title="'+i18n.unbind_tip+'" onClick="return confirmUnbind(\'' + obj.pid + '\', \'' + obj.bundleLocation + '\');"/>';
	form.innerHTML = formInner;

	parent.appendChild( tr( null, null, [
	td( null, null, [
	text( " " )
	]),
	td( null, null, [ form ] )
	])
	);
	}
	//$(form).ready(initStaticWidgets);
	}


	var spanCounter = 0;
	/* Element */ function createSpan(prop, value, type) {
	spanCounter++;
	var newId = prop + spanCounter;

	var addButton = createElement("input", null,
	{ type: "button",
	style: {width : "5%"},
	value: "+"
	}
	);
	$(addButton).click(function() {addValue(prop, newId)});
	var remButton = createElement("input", null,
	{ type: "button",
	style: {width : "5%"},
	value: "-"
	}
	);
	$(remButton).click(function() {removeValue(newId)});
	var spanEl = createElement( "span", null, { id: newId }, [
	createInput( prop, value, type, '89%' ), addButton, remButton,
	createElement("br")
	]);

	return spanEl;
	}

	/* Element */ function createInput(prop, value, type, width) {
	if (type == 11) { // AttributeDefinition.BOOLEAN

	var inputEl = createElement( "input", null, {
	type: "checkbox",
	name: prop,
	value: "true"
	});

	if (value && typeof(value) != "boolean")
	{
	value = value.toString().toLowerCase() == "true";
	}
	if (value)
	{
	$(inputEl).addClass("checked_box");
	}
	var hiddenEl = createElement( "input", null, {
	type: "hidden",
	name: prop,
	value: "false"
	});
	var divEl = createElement("div");
	divEl.appendChild(inputEl);
	divEl.appendChild(hiddenEl);
	return divEl;

	} else if (typeof(type) == "object") { // predefined values

	var selectEl = createElement( "select", null, {
	name: prop,
	style: { width: width }
	});

	var labels = type.labels;
	var values = type.values;
	for (var idx in labels) {
	var optionEl = createElement( "option", null, {
	value: values[idx]
	}, [ text( labels[idx] ) ]);

	if (value == values[idx])
	{
	optionEl.setAttribute( "selected", true );
	}
	selectEl.appendChild( optionEl );
	}

	return selectEl;

	} else { // Simple
	return createElement( "input", null, {
	type: "text",
	name: prop,
	value: value,
	style: { width: width }
	});
	}
	}

	function createMultiSelect(/* Element */ parent, prop, values, options, width) {
	// convert value list into 'set'
	var valueSet = new Object();
	for (var idx in values) {
	valueSet[ values[idx] ] = true;
	}

	var labels = options.labels;
	var values = options.values;
	for (var idx in labels) {

	var inputEl = createElement( "input", null, {
	type: "checkbox",
	name: prop,
	value: values[idx]
	});

	if (valueSet[ values[idx] ])
	{
	inputEl.setAttribute( "checked", true );
	}

	var labelEl = createElement( "label", "multiselect" );
	labelEl.appendChild( inputEl );
	addText( labelEl, labels[idx] );

	parent.appendChild( labelEl );
	}
	}


	function addValue(prop, vidx)
	{
	var span = document.getElementById(vidx);
	if (!span)
	{
	return;
	}
	var newSpan = createSpan(prop, '');
	span.parentNode.insertBefore(newSpan, span.nextSibling);
	// FIX for IE6 and above: checkbox can only be checked after it is in the DOM
	$(".checked_box").attr("checked", true).removeClass("checked_box");
	//$(span).ready(initStaticWidgets);
	}

	function removeValue(vidx)
	{
	var span = document.getElementById(vidx);
	if (!span)
	{
	return;
	}
	span.parentNode.removeChild(span);
	}

	function configConfirm(/* String / message, / String / title, / String */ location)
	{
	var message = i18n.del_ask;

	if (title) {
	message += "\r\n" + i18n.del_config + title;
	}
	if (location) {
	message += "\r\n" + i18n.del_bundle + location;
	}

	return confirm(message);
	}

	function confirmDelete(/* String / title, / String */ location)
	{
	return configConfirm(i18n.unbind_ask, title, location);
	}

	function confirmUnbind(/* String / title, / String */ location)
	{
	return configConfirm(i18n.unbind_ask, title, location);
	}

	function addOption(list, target)
	{
	var html = "";
	for (i in list) {
	var sel = list[i].id == selectedPid ? '" selected="selected' : '';
	html += '<option value="' + list[i].id + sel + '">' + list[i].name + '</option>';
	}
	if (html) target.html(html);
	}

	var configSelection_pid = false;
	var configSelection_factory = false;
	$(document).ready(function() {
	configSelection_pid = $('#configSelection_pid');
	configSelection_factory = $('#configSelection_factory');
	$(".statline").html(configData.status ? i18n.stat_ok : i18n.stat_missing);
	$("#config_content").css("display", configData.status ? "block" : "none");
	if (configData.status) {
	addOption(configData.pids, $("#configSelection_pid"));
	addOption(configData.fpids, $("#configSelection_factory"));
	}
	if (selectedPid) configure();
	});