/*

 *  :organization: Logilab

 *  :copyright: 2003-2008 LOGILAB S.A. (Paris, FRANCE), all rights reserved.

 *  :contact: http://www.logilab.fr/ -- mailto:contact@logilab.fr

 */

CubicWeb.require('python.js');

CubicWeb.require('htmlhelpers.js');

CubicWeb.require('ajax.js');

//============= Eproperty form functions =====================================//

/* called on Eproperty key selection:

 * - get the selected value

 * - get a widget according to the key by a sync query to the server

 * - fill associated div with the returned html

 *

 * @param varname the name of the variable as used in the original creation form

 * @param tabindex the tabindex that should be set on the widget

 */

function setPropValueWidget(varname, tabindex) {

    var key = firstSelected(jQuery('#pkey:'+varname));

    if (key) {

	var args = _buildRemoteArgs('prop_widget', key, varname, tabindex);

	jQuery('#div:value:'+varname).loadxhtml(JSON_BASE_URL, args, 'post');

    }

}

// *** EDITION FUNCTIONS ****************************************** //

/*

 * this function is called when an AJAX form was generated to

 * make sure tabindex remains consistent

 */

function reorderTabindex(start) {

    var form = getNode('entityForm');

    var inputTypes = ['INPUT', 'SELECT', 'TEXTAREA'];

    var tabindex = (start==null)?15:start;

    nodeWalkDepthFirst(form, function(elem) {

        var tagName = elem.tagName.toUpperCase();

	if (inputTypes.contains(tagName)) {

	    if (getNodeAttribute(elem, 'tabindex') != null) {

		tabindex += 1;

		elem.setAttribute('tabindex', tabindex);

	    }

	    return null;

	}

	return filter(isElementNode, elem.childNodes);

    });

}

function showMatchingSelect(selectedValue, eid) {

    if (selectedValue) {

	divId = 'div' + selectedValue + '_' + eid;

	var divNode = jQuery('#' + divId);

	if (!divNode.length) {

	    var args = {vid: 'unrelateddivs', relation: selectedValue,

			rql: rql_for_eid(eid), pageid: pageid,

			'__notemplate': 1};

	    jQuery.get(JSON_BASE_URL, args, function(response) {

		// append generated HTML to the cell

		jQuery('#unrelatedDivs_' + eid).append(getDomFromResponse(response));

		_showMatchingSelect(eid, jQuery('#' + divId));

	    });

	    // deferred = doXHR(JSON_BASE_URL + queryString(args));

	    // deferred.addCallback(_buildAndShowMatchingSelect, eid, divId);

	} else {

	    _showMatchingSelect(eid, divNode);

	}

    }

    else {

	_showMatchingSelect(eid, null);

    }

}

// @param divStr a HTML string returned by the server

// function _buildAndShowMatchingSelect(eid, divId, req) {

//     var tdNode = jQuery('#unrelatedDivs_' + eid);

//     // append generated HTML to the cell

//     tdNode.appendChild(getDomFromRequest(req));

//     _showMatchingSelect(eid, jQuery('#' + divId));

// }

// @param divNode is a jQuery selection

function _showMatchingSelect(eid, divNode) {

    // hide all divs, and then show the matching one

    // (would actually be better to directly hide the displayed one)

    jQuery('#unrelatedDivs_' + eid).children().hide();

    // divNode not found means 'no relation selected' (i.e. first blank item)

    if (divNode && divNode.length) {

	divNode.show();

    }

}

// this function builds a Handle to cancel pending insertion

function buildPendingInsertHandle(elementId, element_name, selectNodeId, eid) {

   jscall = "javascript: cancelPendingInsert('" + [elementId, element_name, selectNodeId, eid].join("', '") + "')";

   return A({'class' : 'handle', 'href' : jscall,

	     'title' : _("cancel this insert")}, '[x]');

}

function buildEntityLine(relationName, selectedOptionNode, comboId, eid) {

   // textContent doesn't seem to work on selectedOptionNode

   var content = selectedOptionNode.firstChild.nodeValue;

   var handle = buildPendingInsertHandle(selectedOptionNode.id, 'tr', comboId, eid);

   var link = A({'href' : 'view?rql=' + selectedOptionNode.value,

	  	 'class' : 'editionPending', 'id' : 'a' + selectedOptionNode.id},

		content);

   var tr = TR({'id' : 'tr' + selectedOptionNode.id}, [ TH(null, relationName),

							TD(null, [handle, link])

						      ]);

   try {

      var separator = getNode('relationSelectorRow_' + eid);

      //dump('relationSelectorRow_' + eid) XXX warn dump is not implemented in konqueror (at least)

      // XXX Warning: separator.parentNode is not (always ?) the

      // table itself, but an intermediate node (TableSectionElement)

      var tableBody = separator.parentNode;

      tableBody.insertBefore(tr, separator);

   } catch(ex) {

      log("got exception(2)!" + ex);

   }

}

function buildEntityCell(relationName, selectedOptionNode, comboId, eid) {

    var handle = buildPendingInsertHandle(selectedOptionNode.id, 'div_insert_', comboId, eid);

    var link = A({'href' : 'view?rql=' + selectedOptionNode.value,

		  'class' : 'editionPending', 'id' : 'a' + selectedOptionNode.id},

		 content);

    var div = DIV({'id' : 'div_insert_' + selectedOptionNode.id}, [handle, link]);

    try {

	var td = jQuery('#cell'+ relationName +'_'+eid);

	td.appendChild(div);

    } catch(ex) {

	alert("got exception(3)!" + ex);

    }

}

function addPendingInsert(optionNode, eid, cell, relname) {

    var value = getNodeAttribute(optionNode, 'value');

    if (!value) {

	// occurs when the first element in the box is selected (which is not

	// an entity but the combobox title)

        return;

    }

    // 2nd special case

    if (value.indexOf('http') == 0) {

	document.location = value;

	return;

    }

    // add hidden parameter

    var entityForm = jQuery('#entityForm');

    var oid = optionNode.id.substring(2); // option id is prefixed by "id"

    remote_exec('add_pending_insert', oid.split(':'));

    var selectNode = optionNode.parentNode;

    // remove option node

    selectNode.removeChild(optionNode);

    // add line in table

    if (cell) {

      // new relation as a cell in multiple edit

      // var relation_name = relationSelected.getAttribute('value');

      // relation_name = relation_name.slice(0, relation_name.lastIndexOf('_'));

      buildEntityCell(relname, optionNode, selectNode.id, eid);

    }

    else {

	var relationSelector = getNode('relationSelector_'+eid);

	var relationSelected = relationSelector.options[relationSelector.selectedIndex];

	// new relation as a line in simple edit

	buildEntityLine(relationSelected.text, optionNode, selectNode.id, eid);

    }

}

function cancelPendingInsert(elementId, element_name, comboId, eid) {

    // remove matching insert element

    var entityView = jqNode('a' + elementId).text();

    jqNode(element_name + elementId).remove();

    if (comboId) {

	// re-insert option in combobox if it was taken from there

	var selectNode = getNode(comboId);

	if (selectNode){

	   var options = selectNode.options;

	   var node_id = elementId.substring(0, elementId.indexOf(':'));

	   options[options.length] = OPTION({'id' : elementId, 'value' : node_id}, entityView);

	}

    }

    remote_exec('remove_pending_insert', elementId.split(':'));

}

// this function builds a Handle to cancel pending insertion

function buildPendingDeleteHandle(elementId, eid) {

  var jscall = "javascript: addPendingDelete('" + elementId + ', ' + eid + "');";

  return A({'href' : jscall, 'class' : 'pendingDeleteHandle',

    'title' : _("delete this relation")}, '[x]');

}

// @param nodeId eid_from:r_type:eid_to

function addPendingDelete(nodeId, eid) {

    var d = async_remote_exec('add_pending_delete', nodeId.split(':'));

    d.addCallback(function () {

	// and strike entity view

	jqNode('span' + nodeId).addClass('pendingDelete');

	// replace handle text

	jqNode('handle' + nodeId).text('+');

    });

}

// @param nodeId eid_from:r_type:eid_to

function cancelPendingDelete(nodeId, eid) {

    var d = async_remote_exec('remove_pending_delete', nodeId.split(':'));

    d.addCallback(function () {

	// reset link's CSS class

	jqNode('span' + nodeId).removeClass('pendingDelete');

	// replace handle text

	jqNode('handle' + nodeId).text('x');

    });

}

// @param nodeId eid_from:r_type:eid_to

function togglePendingDelete(nodeId, eid) {

    // node found means we should cancel deletion

    if ( hasElementClass(getNode('span' + nodeId), 'pendingDelete') ) {

	cancelPendingDelete(nodeId, eid);

    } else {

	addPendingDelete(nodeId, eid);

    }

}

function selectForAssociation(tripletIdsString, originalEid) {

    var tripletlist = map(function (x) { return x.split(':'); },

			  tripletIdsString.split('-'));

    var d = async_remote_exec('add_pending_inserts', tripletlist);

    d.addCallback(function () {

	var args = {vid: 'edition', __mode: 'normal',

		    rql: rql_for_eid(originalEid)};

	document.location = 'view?' + as_url(args);

    });

}

function updateInlinedEntitiesCounters(rtype) {

    jQuery('#inline' + rtype + 'slot span.icounter').each(function (i) {

	this.innerHTML = i+1;

    });

    // var divnode = jQuery('#inline' + rtype + 'slot');

    // var iforms = getElementsByTagAndClassName('span', 'icounter', divnode);

    // for (var i=0; i<iforms.length; i++) {

    //   iforms[i].innerHTML = i+1;

    // }

}

/*

 * makes an AJAX request to get an inline-creation view's content

 * @param peid : the parent entity eid

 * @param ptype : the parent entity type

 * @param ttype : the target (inlined) entity type

 * @param rtype : the relation type between both entities

 */

function addInlineCreationForm(peid, ptype, ttype, rtype, role) {

    var d = async_rawremote_exec('inline_creation_form', peid, ptype, ttype, rtype, role);

    d.addCallback(function (response) {

	var linknode = getNode('add' + rtype + ':' + peid + 'link');

	var form = jQuery(getDomFromResponse(response));

	form.css('display', 'none');

	form.insertBefore(linknode.parentNode).slideDown('fast');

	// setStyle(form, {display: 'none'});

	// insertSiblingNodesBefore(linknode.parentNode, form);

	updateInlinedEntitiesCounters(rtype);

	// slideDown(form, {'duration':0.6});

	reorderTabindex();

	form.trigger('inlinedform-added');

	// MochiKit.Signal.signal(CubicWeb, 'inlinedform-added', form);

    });

    d.addErrback(function (xxx) {

	log('xxx =', xxx);

    });

}

/*

 * removes the part of the form used to edit an inlined entity

 */

function removeInlineForm(peid, rtype, eid) {

    jqNode(['div', peid, rtype, eid].join('-')).slideUp('fast', function() {

	$(this).remove();

	updateInlinedEntitiesCounters(rtype);

    });

}

/*

 * alternatively adds or removes the hidden input that make the

 * edition of the relation `rtype` possible between `peid` and `eid`

 * @param peid : the parent entity eid

 * @param rtype : the relation type between both entities

 * @param eid : the inlined entity eid

 */

function removeInlinedEntity(peid, rtype, eid) {

    var nodeid = ['rel', peid, rtype, eid].join('-');

    var divid = ['div', peid, rtype, eid].join('-');

    var noticeid = ['notice', peid, rtype, eid].join('-');

    var node = jqNode(nodeid);

    if (node && node.length) {

	node.remove();

	jqNode(divid).fadeTo('fast', 0.5);

	// setOpacity(divid, 0.4);

	jqNode(noticeid).fadeIn('fast');

	// appear(jQuery('#' + noticeid), {'duration': 0.5});

    }

}

function restoreInlinedEntity(peid, rtype, eid) {

    var nodeid = ['rel', peid, rtype, eid].join('-');

    var divid = ['div', peid, rtype, eid].join('-');

    var noticeid = ['notice', peid, rtype, eid].join('-');

    var node = jqNode(nodeid);

    if (!(node && node.length)) {

	node = INPUT({type: 'hidden', id: nodeid,

		      name: rtype+':'+peid, value: eid});

	jqNode(['fs', peid, rtype, eid].join('-')).append(node);

	// appendChildNodes(fs, node);

	jqNode(divid).fadeTo('fast', 1);

	// setOpacity(divid, 1);

	jqNode(noticeid).hide();

	// jQuery('#' + noticeid).hide();

    }

}

function _clearPreviousErrors(formid) {

    jQuery('#' + formid + ' span.error').remove();

}

function _displayValidationerrors(formid, eid, errors) {

    var globalerrors = [];

    var firsterrfield = null;

    for (fieldname in errors) {

	var errmsg = errors[fieldname];

	var fieldid = fieldname + ':' + eid;

	var field = jqNode(fieldname + ':' + eid);

	if (field && getNodeAttribute(field, 'type') != 'hidden') {

	    if ( !firsterrfield ) {

		firsterrfield = 'err-' + fieldid;

	    }

	    addElementClass(field, 'error');

	    var span = SPAN({'id': 'err-' + fieldid, 'class': "error"}, errmsg);

	    field.before(span);

	} else {

	    firsterrfield = formid;

	    globalerrors.push(fieldname + ': ' + errmsg);

	}

    }

    if (globalerrors.length) {

	if (globalerrors.length == 1) {