cubicweb: web/data/cubicweb.ajax.box.js@b88221afe491 (annotated)

Mercurial Mercurial > pub > hg > cubicweb / annotate

summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help

web/data/cubicweb.ajax.box.js

author	Sylvain Thénault <sylvain.thenault@logilab.fr>
	Mon, 31 Jan 2011 17:28:51 +0100
branch	stable
changeset 6924	b88221afe491
parent 6448	8590d82e9b1b
child 6947	3d72028a6cd4
permissions	-rw-r--r--

[js utils] backport some generic code from comments cube to handle inline ajax form as you get to add comment to entities. Following stuff has been generalized and backported to ease such things: * lazy_view_holder() method on EntityCtxComponent class, to build place holder where the form will be inserted * ajax_composite_form() function in cw.web.views.ajaxedit, to build the form itself * reload() and reloadCtxComponentsSection() javascript function in cubicweb.ajax.js for the javascript processing side

5949 2a273c896a38 [box] provide a new generic base box class to edit relation to simple entities, backported from the 'tag' cube Sylvain Thénault <sylvain.thenault@logilab.fr> parents: diff changeset	1	/**
2a273c896a38 [box] provide a new generic base box class to edit relation to simple entities, backported from the 'tag' cube Sylvain Thénault <sylvain.thenault@logilab.fr> parents: diff changeset	2	* Functions for ajax boxes.
2a273c896a38 [box] provide a new generic base box class to edit relation to simple entities, backported from the 'tag' cube Sylvain Thénault <sylvain.thenault@logilab.fr> parents: diff changeset	3	*
2a273c896a38 [box] provide a new generic base box class to edit relation to simple entities, backported from the 'tag' cube Sylvain Thénault <sylvain.thenault@logilab.fr> parents: diff changeset	4	* :organization: Logilab
2a273c896a38 [box] provide a new generic base box class to edit relation to simple entities, backported from the 'tag' cube Sylvain Thénault <sylvain.thenault@logilab.fr> parents: diff changeset	5	* :copyright: 2010 LOGILAB S.A. (Paris, FRANCE), all rights reserved.
2a273c896a38 [box] provide a new generic base box class to edit relation to simple entities, backported from the 'tag' cube Sylvain Thénault <sylvain.thenault@logilab.fr> parents: diff changeset	6	* :contact: http://www.logilab.fr/ -- mailto:contact@logilab.fr
2a273c896a38 [box] provide a new generic base box class to edit relation to simple entities, backported from the 'tag' cube Sylvain Thénault <sylvain.thenault@logilab.fr> parents: diff changeset	7	*
2a273c896a38 [box] provide a new generic base box class to edit relation to simple entities, backported from the 'tag' cube Sylvain Thénault <sylvain.thenault@logilab.fr> parents: diff changeset	8	*/
2a273c896a38 [box] provide a new generic base box class to edit relation to simple entities, backported from the 'tag' cube Sylvain Thénault <sylvain.thenault@logilab.fr> parents: diff changeset	9
2a273c896a38 [box] provide a new generic base box class to edit relation to simple entities, backported from the 'tag' cube Sylvain Thénault <sylvain.thenault@logilab.fr> parents: diff changeset	10	function ajaxBoxValidateSelectorInput(boxid, eid, separator, fname, msg) {
2a273c896a38 [box] provide a new generic base box class to edit relation to simple entities, backported from the 'tag' cube Sylvain Thénault <sylvain.thenault@logilab.fr> parents: diff changeset	11	var holderid = cw.utils.domid(boxid) + eid + 'Holder';
2a273c896a38 [box] provide a new generic base box class to edit relation to simple entities, backported from the 'tag' cube Sylvain Thénault <sylvain.thenault@logilab.fr> parents: diff changeset	12	var value = $('#' + holderid + 'Input').val();
2a273c896a38 [box] provide a new generic base box class to edit relation to simple entities, backported from the 'tag' cube Sylvain Thénault <sylvain.thenault@logilab.fr> parents: diff changeset	13	if (separator) {
6215 759cf097f5aa [javascript] get rid of tabs Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 5949 diff changeset	14	value = $.map(value.split(separator), jQuery.trim);
5949 2a273c896a38 [box] provide a new generic base box class to edit relation to simple entities, backported from the 'tag' cube Sylvain Thénault <sylvain.thenault@logilab.fr> parents: diff changeset	15	}
2a273c896a38 [box] provide a new generic base box class to edit relation to simple entities, backported from the 'tag' cube Sylvain Thénault <sylvain.thenault@logilab.fr> parents: diff changeset	16	var d = loadRemote('json', ajaxFuncArgs(fname, null, eid, value));
2a273c896a38 [box] provide a new generic base box class to edit relation to simple entities, backported from the 'tag' cube Sylvain Thénault <sylvain.thenault@logilab.fr> parents: diff changeset	17	d.addCallback(function() {
6215 759cf097f5aa [javascript] get rid of tabs Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 5949 diff changeset	18	$('#' + holderid).empty();
759cf097f5aa [javascript] get rid of tabs Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 5949 diff changeset	19	var formparams = ajaxFuncArgs('render', null, 'boxes', boxid, eid);
759cf097f5aa [javascript] get rid of tabs Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 5949 diff changeset	20	$('#' + cw.utils.domid(boxid) + eid).loadxhtml('json', formparams);
759cf097f5aa [javascript] get rid of tabs Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 5949 diff changeset	21	if (msg) {
759cf097f5aa [javascript] get rid of tabs Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 5949 diff changeset	22	document.location.hash = '#header';
759cf097f5aa [javascript] get rid of tabs Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 5949 diff changeset	23	updateMessage(msg);
759cf097f5aa [javascript] get rid of tabs Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 5949 diff changeset	24	}
759cf097f5aa [javascript] get rid of tabs Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 5949 diff changeset	25	});
5949 2a273c896a38 [box] provide a new generic base box class to edit relation to simple entities, backported from the 'tag' cube Sylvain Thénault <sylvain.thenault@logilab.fr> parents: diff changeset	26	}
2a273c896a38 [box] provide a new generic base box class to edit relation to simple entities, backported from the 'tag' cube Sylvain Thénault <sylvain.thenault@logilab.fr> parents: diff changeset	27
2a273c896a38 [box] provide a new generic base box class to edit relation to simple entities, backported from the 'tag' cube Sylvain Thénault <sylvain.thenault@logilab.fr> parents: diff changeset	28	function ajaxBoxRemoveLinkedEntity(boxid, eid, relatedeid, delfname, msg) {
2a273c896a38 [box] provide a new generic base box class to edit relation to simple entities, backported from the 'tag' cube Sylvain Thénault <sylvain.thenault@logilab.fr> parents: diff changeset	29	var d = loadRemote('json', ajaxFuncArgs(delfname, null, eid, relatedeid));
2a273c896a38 [box] provide a new generic base box class to edit relation to simple entities, backported from the 'tag' cube Sylvain Thénault <sylvain.thenault@logilab.fr> parents: diff changeset	30	d.addCallback(function() {
6215 759cf097f5aa [javascript] get rid of tabs Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 5949 diff changeset	31	var formparams = ajaxFuncArgs('render', null, 'boxes', boxid, eid);
759cf097f5aa [javascript] get rid of tabs Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 5949 diff changeset	32	$('#' + cw.utils.domid(boxid) + eid).loadxhtml('json', formparams);
759cf097f5aa [javascript] get rid of tabs Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 5949 diff changeset	33	if (msg) {
759cf097f5aa [javascript] get rid of tabs Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 5949 diff changeset	34	document.location.hash = '#header';
759cf097f5aa [javascript] get rid of tabs Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 5949 diff changeset	35	updateMessage(msg);
759cf097f5aa [javascript] get rid of tabs Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 5949 diff changeset	36	}
5949 2a273c896a38 [box] provide a new generic base box class to edit relation to simple entities, backported from the 'tag' cube Sylvain Thénault <sylvain.thenault@logilab.fr> parents: diff changeset	37	});
2a273c896a38 [box] provide a new generic base box class to edit relation to simple entities, backported from the 'tag' cube Sylvain Thénault <sylvain.thenault@logilab.fr> parents: diff changeset	38	}
2a273c896a38 [box] provide a new generic base box class to edit relation to simple entities, backported from the 'tag' cube Sylvain Thénault <sylvain.thenault@logilab.fr> parents: diff changeset	39
2a273c896a38 [box] provide a new generic base box class to edit relation to simple entities, backported from the 'tag' cube Sylvain Thénault <sylvain.thenault@logilab.fr> parents: diff changeset	40	function ajaxBoxShowSelector(boxid, eid,
6215 759cf097f5aa [javascript] get rid of tabs Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 5949 diff changeset	41	unrelfname,
759cf097f5aa [javascript] get rid of tabs Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 5949 diff changeset	42	addfname, msg,
759cf097f5aa [javascript] get rid of tabs Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 5949 diff changeset	43	oklabel, cancellabel,
759cf097f5aa [javascript] get rid of tabs Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 5949 diff changeset	44	separator) {
5949 2a273c896a38 [box] provide a new generic base box class to edit relation to simple entities, backported from the 'tag' cube Sylvain Thénault <sylvain.thenault@logilab.fr> parents: diff changeset	45	var holderid = cw.utils.domid(boxid) + eid + 'Holder';
2a273c896a38 [box] provide a new generic base box class to edit relation to simple entities, backported from the 'tag' cube Sylvain Thénault <sylvain.thenault@logilab.fr> parents: diff changeset	46	var holder = $('#' + holderid);
2a273c896a38 [box] provide a new generic base box class to edit relation to simple entities, backported from the 'tag' cube Sylvain Thénault <sylvain.thenault@logilab.fr> parents: diff changeset	47	if (holder.children().length) {
6215 759cf097f5aa [javascript] get rid of tabs Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 5949 diff changeset	48	holder.empty();
5949 2a273c896a38 [box] provide a new generic base box class to edit relation to simple entities, backported from the 'tag' cube Sylvain Thénault <sylvain.thenault@logilab.fr> parents: diff changeset	49	}
2a273c896a38 [box] provide a new generic base box class to edit relation to simple entities, backported from the 'tag' cube Sylvain Thénault <sylvain.thenault@logilab.fr> parents: diff changeset	50	else {
6215 759cf097f5aa [javascript] get rid of tabs Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 5949 diff changeset	51	var inputid = holderid + 'Input';
759cf097f5aa [javascript] get rid of tabs Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 5949 diff changeset	52	var deferred = loadRemote('json', ajaxFuncArgs(unrelfname, null, eid));
759cf097f5aa [javascript] get rid of tabs Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 5949 diff changeset	53	deferred.addCallback(function (unrelated) {
759cf097f5aa [javascript] get rid of tabs Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 5949 diff changeset	54	var input = INPUT({'type': 'text', 'id': inputid, 'size': 20});
759cf097f5aa [javascript] get rid of tabs Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 5949 diff changeset	55	holder.append(input).show();
6448 8590d82e9b1b [javascript] update to jQuery 1.4.2 and jQuery-ui 1.8.5 Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 6215 diff changeset	56	var $input = $(input);
8590d82e9b1b [javascript] update to jQuery 1.4.2 and jQuery-ui 1.8.5 Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 6215 diff changeset	57	$input.keypress(function (evt) {
8590d82e9b1b [javascript] update to jQuery 1.4.2 and jQuery-ui 1.8.5 Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 6215 diff changeset	58	if (evt.keyCode == $.ui.keyCode.ENTER) {
6215 759cf097f5aa [javascript] get rid of tabs Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 5949 diff changeset	59	ajaxBoxValidateSelectorInput(boxid, eid, separator, addfname, msg);
759cf097f5aa [javascript] get rid of tabs Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 5949 diff changeset	60	}
759cf097f5aa [javascript] get rid of tabs Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 5949 diff changeset	61	});
6448 8590d82e9b1b [javascript] update to jQuery 1.4.2 and jQuery-ui 1.8.5 Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 6215 diff changeset	62	$input.cwautocomplete(unrelated, {multiple: true});
6215 759cf097f5aa [javascript] get rid of tabs Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 5949 diff changeset	63	var buttons = DIV({'class' : "sgformbuttons"},
6448 8590d82e9b1b [javascript] update to jQuery 1.4.2 and jQuery-ui 1.8.5 Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 6215 diff changeset	64	A({href : "javascript: noop();",
8590d82e9b1b [javascript] update to jQuery 1.4.2 and jQuery-ui 1.8.5 Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 6215 diff changeset	65	onclick : cw.utils.strFuncCall('ajaxBoxValidateSelectorInput',
6215 759cf097f5aa [javascript] get rid of tabs Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 5949 diff changeset	66	boxid, eid, separator, addfname, msg)},
6448 8590d82e9b1b [javascript] update to jQuery 1.4.2 and jQuery-ui 1.8.5 Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 6215 diff changeset	67	oklabel),
6215 759cf097f5aa [javascript] get rid of tabs Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 5949 diff changeset	68	' / ',
759cf097f5aa [javascript] get rid of tabs Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 5949 diff changeset	69	A({'href' : "javascript: noop();",
759cf097f5aa [javascript] get rid of tabs Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 5949 diff changeset	70	'onclick' : '$("#' + holderid + '").empty()'},
759cf097f5aa [javascript] get rid of tabs Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 5949 diff changeset	71	cancellabel));
759cf097f5aa [javascript] get rid of tabs Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 5949 diff changeset	72	holder.append(buttons);
759cf097f5aa [javascript] get rid of tabs Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 5949 diff changeset	73	$input.focus();
759cf097f5aa [javascript] get rid of tabs Adrien Di Mascio <Adrien.DiMascio@logilab.fr> parents: 5949 diff changeset	74	});
5949 2a273c896a38 [box] provide a new generic base box class to edit relation to simple entities, backported from the 'tag' cube Sylvain Thénault <sylvain.thenault@logilab.fr> parents: diff changeset	75	}
2a273c896a38 [box] provide a new generic base box class to edit relation to simple entities, backported from the 'tag' cube Sylvain Thénault <sylvain.thenault@logilab.fr> parents: diff changeset	76	}

cubicweb