author | Sylvain Thénault <sylvain.thenault@logilab.fr> |
Fri, 09 Oct 2009 15:10:17 +0200 | |
branch | stable |
changeset 3625 | f03b55a18c43 |
parent 3120 | 57ceabc6dfbc |
child 3784 | 2465ef6aef5f |
permissions | -rw-r--r-- |
0 | 1 |
/* |
2 |
* :organization: Logilab |
|
1419 | 3 |
* :copyright: 2003-2009 LOGILAB S.A. (Paris, FRANCE), all rights reserved. |
0 | 4 |
* :contact: http://www.logilab.fr/ -- mailto:contact@logilab.fr |
5 |
*/ |
|
6 |
||
7 |
CubicWeb.require('python.js'); |
|
8 |
CubicWeb.require('htmlhelpers.js'); |
|
9 |
||
10 |
var JSON_BASE_URL = baseuri() + 'json?'; |
|
11 |
||
1512
c51ca5f49a78
fix insertion of head content on ajax queries
sylvain.thenault@logilab.fr
parents:
1498
diff
changeset
|
12 |
function _loadAjaxHtmlHead(node, head, tag, srcattr) { |
c51ca5f49a78
fix insertion of head content on ajax queries
sylvain.thenault@logilab.fr
parents:
1498
diff
changeset
|
13 |
var loaded = []; |
2257
2c9eceeaae6a
fix w/ tags without src/href
Sylvain Thénault <sylvain.thenault@logilab.fr>
parents:
1801
diff
changeset
|
14 |
var jqtagfilter = tag + '[' + srcattr + ']'; |
2c9eceeaae6a
fix w/ tags without src/href
Sylvain Thénault <sylvain.thenault@logilab.fr>
parents:
1801
diff
changeset
|
15 |
jQuery('head ' + jqtagfilter).each(function(i) { |
1512
c51ca5f49a78
fix insertion of head content on ajax queries
sylvain.thenault@logilab.fr
parents:
1498
diff
changeset
|
16 |
loaded.push(this.getAttribute(srcattr)); |
c51ca5f49a78
fix insertion of head content on ajax queries
sylvain.thenault@logilab.fr
parents:
1498
diff
changeset
|
17 |
}); |
c51ca5f49a78
fix insertion of head content on ajax queries
sylvain.thenault@logilab.fr
parents:
1498
diff
changeset
|
18 |
node.find(tag).each(function(i) { |
2257
2c9eceeaae6a
fix w/ tags without src/href
Sylvain Thénault <sylvain.thenault@logilab.fr>
parents:
1801
diff
changeset
|
19 |
if (this.getAttribute(srcattr)) { |
2c9eceeaae6a
fix w/ tags without src/href
Sylvain Thénault <sylvain.thenault@logilab.fr>
parents:
1801
diff
changeset
|
20 |
if (!loaded.contains(this.getAttribute(srcattr))) { |
2c9eceeaae6a
fix w/ tags without src/href
Sylvain Thénault <sylvain.thenault@logilab.fr>
parents:
1801
diff
changeset
|
21 |
jQuery(this).appendTo(head); |
2c9eceeaae6a
fix w/ tags without src/href
Sylvain Thénault <sylvain.thenault@logilab.fr>
parents:
1801
diff
changeset
|
22 |
} |
2c9eceeaae6a
fix w/ tags without src/href
Sylvain Thénault <sylvain.thenault@logilab.fr>
parents:
1801
diff
changeset
|
23 |
} else { |
1512
c51ca5f49a78
fix insertion of head content on ajax queries
sylvain.thenault@logilab.fr
parents:
1498
diff
changeset
|
24 |
jQuery(this).appendTo(head); |
c51ca5f49a78
fix insertion of head content on ajax queries
sylvain.thenault@logilab.fr
parents:
1498
diff
changeset
|
25 |
} |
c51ca5f49a78
fix insertion of head content on ajax queries
sylvain.thenault@logilab.fr
parents:
1498
diff
changeset
|
26 |
}); |
2257
2c9eceeaae6a
fix w/ tags without src/href
Sylvain Thénault <sylvain.thenault@logilab.fr>
parents:
1801
diff
changeset
|
27 |
node.find(jqtagfilter).remove(); |
1512
c51ca5f49a78
fix insertion of head content on ajax queries
sylvain.thenault@logilab.fr
parents:
1498
diff
changeset
|
28 |
} |
c51ca5f49a78
fix insertion of head content on ajax queries
sylvain.thenault@logilab.fr
parents:
1498
diff
changeset
|
29 |
|
642
2cf7b79d8e77
[javascript] rewrote loadxhtml() plugin in order to be able to pass the XHR object to postAjaxLoad
Adrien Di Mascio <Adrien.DiMascio@logilab.fr>
parents:
540
diff
changeset
|
30 |
/* |
2cf7b79d8e77
[javascript] rewrote loadxhtml() plugin in order to be able to pass the XHR object to postAjaxLoad
Adrien Di Mascio <Adrien.DiMascio@logilab.fr>
parents:
540
diff
changeset
|
31 |
* inspect dom response, search for a <div class="ajaxHtmlHead"> node and |
2cf7b79d8e77
[javascript] rewrote loadxhtml() plugin in order to be able to pass the XHR object to postAjaxLoad
Adrien Di Mascio <Adrien.DiMascio@logilab.fr>
parents:
540
diff
changeset
|
32 |
* put its content into the real document's head. |
2cf7b79d8e77
[javascript] rewrote loadxhtml() plugin in order to be able to pass the XHR object to postAjaxLoad
Adrien Di Mascio <Adrien.DiMascio@logilab.fr>
parents:
540
diff
changeset
|
33 |
* This enables dynamic css and js loading and is used by replacePageChunk |
2cf7b79d8e77
[javascript] rewrote loadxhtml() plugin in order to be able to pass the XHR object to postAjaxLoad
Adrien Di Mascio <Adrien.DiMascio@logilab.fr>
parents:
540
diff
changeset
|
34 |
*/ |
2cf7b79d8e77
[javascript] rewrote loadxhtml() plugin in order to be able to pass the XHR object to postAjaxLoad
Adrien Di Mascio <Adrien.DiMascio@logilab.fr>
parents:
540
diff
changeset
|
35 |
function loadAjaxHtmlHead(node) { |
1512
c51ca5f49a78
fix insertion of head content on ajax queries
sylvain.thenault@logilab.fr
parents:
1498
diff
changeset
|
36 |
var head = jQuery('head'); |
1563
b130c6cec8c2
loadJSON -> loadRemote, correctly handle json
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
1512
diff
changeset
|
37 |
node = jQuery(node).find('div.ajaxHtmlHead'); |
1512
c51ca5f49a78
fix insertion of head content on ajax queries
sylvain.thenault@logilab.fr
parents:
1498
diff
changeset
|
38 |
_loadAjaxHtmlHead(node, head, 'script', 'src'); |
c51ca5f49a78
fix insertion of head content on ajax queries
sylvain.thenault@logilab.fr
parents:
1498
diff
changeset
|
39 |
_loadAjaxHtmlHead(node, head, 'link', 'href'); |
c51ca5f49a78
fix insertion of head content on ajax queries
sylvain.thenault@logilab.fr
parents:
1498
diff
changeset
|
40 |
node.find('*').appendTo(head); |
c51ca5f49a78
fix insertion of head content on ajax queries
sylvain.thenault@logilab.fr
parents:
1498
diff
changeset
|
41 |
} |
c51ca5f49a78
fix insertion of head content on ajax queries
sylvain.thenault@logilab.fr
parents:
1498
diff
changeset
|
42 |
|
c51ca5f49a78
fix insertion of head content on ajax queries
sylvain.thenault@logilab.fr
parents:
1498
diff
changeset
|
43 |
function preprocessAjaxLoad(node, newdomnode) { |
c51ca5f49a78
fix insertion of head content on ajax queries
sylvain.thenault@logilab.fr
parents:
1498
diff
changeset
|
44 |
loadAjaxHtmlHead(newdomnode); |
642
2cf7b79d8e77
[javascript] rewrote loadxhtml() plugin in order to be able to pass the XHR object to postAjaxLoad
Adrien Di Mascio <Adrien.DiMascio@logilab.fr>
parents:
540
diff
changeset
|
45 |
} |
2cf7b79d8e77
[javascript] rewrote loadxhtml() plugin in order to be able to pass the XHR object to postAjaxLoad
Adrien Di Mascio <Adrien.DiMascio@logilab.fr>
parents:
540
diff
changeset
|
46 |
|
1407
75863d3ffd9b
cleanup (undue req param)
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
1320
diff
changeset
|
47 |
function postAjaxLoad(node) { |
540
e5c97f6f119d
[javascript] extract ajax postprocessing in a separate function
Adrien Di Mascio <Adrien.DiMascio@logilab.fr>
parents:
492
diff
changeset
|
48 |
// find sortable tables if there are some |
e5c97f6f119d
[javascript] extract ajax postprocessing in a separate function
Adrien Di Mascio <Adrien.DiMascio@logilab.fr>
parents:
492
diff
changeset
|
49 |
if (typeof(Sortable) != 'undefined') { |
e5c97f6f119d
[javascript] extract ajax postprocessing in a separate function
Adrien Di Mascio <Adrien.DiMascio@logilab.fr>
parents:
492
diff
changeset
|
50 |
Sortable.sortTables(node); |
e5c97f6f119d
[javascript] extract ajax postprocessing in a separate function
Adrien Di Mascio <Adrien.DiMascio@logilab.fr>
parents:
492
diff
changeset
|
51 |
} |
e5c97f6f119d
[javascript] extract ajax postprocessing in a separate function
Adrien Di Mascio <Adrien.DiMascio@logilab.fr>
parents:
492
diff
changeset
|
52 |
// find textareas and wrap them if there are some |
e5c97f6f119d
[javascript] extract ajax postprocessing in a separate function
Adrien Di Mascio <Adrien.DiMascio@logilab.fr>
parents:
492
diff
changeset
|
53 |
if (typeof(FCKeditor) != 'undefined') { |
3060
ea967a4f6ccb
avoid installing editor n times for n ajax loads
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
3011
diff
changeset
|
54 |
buildWysiwygEditors(); |
540
e5c97f6f119d
[javascript] extract ajax postprocessing in a separate function
Adrien Di Mascio <Adrien.DiMascio@logilab.fr>
parents:
492
diff
changeset
|
55 |
} |
e5c97f6f119d
[javascript] extract ajax postprocessing in a separate function
Adrien Di Mascio <Adrien.DiMascio@logilab.fr>
parents:
492
diff
changeset
|
56 |
if (typeof initFacetBoxEvents != 'undefined') { |
e5c97f6f119d
[javascript] extract ajax postprocessing in a separate function
Adrien Di Mascio <Adrien.DiMascio@logilab.fr>
parents:
492
diff
changeset
|
57 |
initFacetBoxEvents(node); |
e5c97f6f119d
[javascript] extract ajax postprocessing in a separate function
Adrien Di Mascio <Adrien.DiMascio@logilab.fr>
parents:
492
diff
changeset
|
58 |
} |
e5c97f6f119d
[javascript] extract ajax postprocessing in a separate function
Adrien Di Mascio <Adrien.DiMascio@logilab.fr>
parents:
492
diff
changeset
|
59 |
if (typeof buildWidgets != 'undefined') { |
e5c97f6f119d
[javascript] extract ajax postprocessing in a separate function
Adrien Di Mascio <Adrien.DiMascio@logilab.fr>
parents:
492
diff
changeset
|
60 |
buildWidgets(node); |
e5c97f6f119d
[javascript] extract ajax postprocessing in a separate function
Adrien Di Mascio <Adrien.DiMascio@logilab.fr>
parents:
492
diff
changeset
|
61 |
} |
2338
3f7c7fbae94e
call postAjaxLoad in reloadComponent; add corners only on reloaded elements
Katia Saurfelt <katia.saurfelt@logilab.fr>
parents:
2257
diff
changeset
|
62 |
if (typeof roundedCorners != 'undefined') { |
3f7c7fbae94e
call postAjaxLoad in reloadComponent; add corners only on reloaded elements
Katia Saurfelt <katia.saurfelt@logilab.fr>
parents:
2257
diff
changeset
|
63 |
roundedCorners(node); |
955 | 64 |
} |
1512
c51ca5f49a78
fix insertion of head content on ajax queries
sylvain.thenault@logilab.fr
parents:
1498
diff
changeset
|
65 |
loadDynamicFragments(node); |
3075
e9b7cd2e9012
allow treeview to work correctly in a tab #345293
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
3060
diff
changeset
|
66 |
// XXX simulates document.ready, but the former |
e9b7cd2e9012
allow treeview to work correctly in a tab #345293
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
3060
diff
changeset
|
67 |
// only runs once, this one potentially many times |
e9b7cd2e9012
allow treeview to work correctly in a tab #345293
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
3060
diff
changeset
|
68 |
// we probably need to unbind the fired events |
e9b7cd2e9012
allow treeview to work correctly in a tab #345293
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
3060
diff
changeset
|
69 |
// When this is done, jquery.treeview.js (for instance) |
e9b7cd2e9012
allow treeview to work correctly in a tab #345293
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
3060
diff
changeset
|
70 |
// can be unpatched. |
e9b7cd2e9012
allow treeview to work correctly in a tab #345293
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
3060
diff
changeset
|
71 |
jQuery(CubicWeb).trigger('ajax-loaded'); |
540
e5c97f6f119d
[javascript] extract ajax postprocessing in a separate function
Adrien Di Mascio <Adrien.DiMascio@logilab.fr>
parents:
492
diff
changeset
|
72 |
} |
e5c97f6f119d
[javascript] extract ajax postprocessing in a separate function
Adrien Di Mascio <Adrien.DiMascio@logilab.fr>
parents:
492
diff
changeset
|
73 |
|
3011 | 74 |
/* cubicweb loadxhtml plugin to make jquery handle xhtml response |
75 |
* |
|
76 |
* fetches `url` and replaces this's content with the result |
|
77 |
* |
|
78 |
* @param mode how the replacement should be done (default is 'replace') |
|
79 |
* Possible values are : |
|
80 |
* - 'replace' to replace the node's content with the generated HTML |
|
81 |
* - 'swap' to replace the node itself with the generated HTML |
|
82 |
* - 'append' to append the generated HTML to the node's content |
|
83 |
*/ |
|
0 | 84 |
jQuery.fn.loadxhtml = function(url, data, reqtype, mode) { |
85 |
var ajax = null; |
|
86 |
if (reqtype == 'post') { |
|
87 |
ajax = jQuery.post; |
|
88 |
} else { |
|
89 |
ajax = jQuery.get; |
|
90 |
} |
|
91 |
if (this.size() > 1) { |
|
92 |
log('loadxhtml was called with more than one element'); |
|
93 |
} |
|
642
2cf7b79d8e77
[javascript] rewrote loadxhtml() plugin in order to be able to pass the XHR object to postAjaxLoad
Adrien Di Mascio <Adrien.DiMascio@logilab.fr>
parents:
540
diff
changeset
|
94 |
var node = this.get(0); // only consider the first element |
0 | 95 |
mode = mode || 'replace'; |
96 |
var callback = null; |
|
97 |
if (data && data.callback) { |
|
98 |
callback = data.callback; |
|
99 |
delete data.callback; |
|
100 |
} |
|
101 |
ajax(url, data, function(response) { |
|
102 |
var domnode = getDomFromResponse(response); |
|
1512
c51ca5f49a78
fix insertion of head content on ajax queries
sylvain.thenault@logilab.fr
parents:
1498
diff
changeset
|
103 |
preprocessAjaxLoad(node, domnode); |
0 | 104 |
if (mode == 'swap') { |
105 |
var origId = node.id; |
|
106 |
node = swapDOM(node, domnode); |
|
107 |
if (!node.id) { |
|
108 |
node.id = origId; |
|
109 |
} |
|
110 |
} else if (mode == 'replace') { |
|
111 |
jQuery(node).empty().append(domnode); |
|
112 |
} else if (mode == 'append') { |
|
113 |
jQuery(node).append(domnode); |
|
114 |
} |
|
1407
75863d3ffd9b
cleanup (undue req param)
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
1320
diff
changeset
|
115 |
postAjaxLoad(node); |
0 | 116 |
while (jQuery.isFunction(callback)) { |
117 |
callback = callback.apply(this, [domnode]); |
|
118 |
} |
|
119 |
}); |
|
540
e5c97f6f119d
[javascript] extract ajax postprocessing in a separate function
Adrien Di Mascio <Adrien.DiMascio@logilab.fr>
parents:
492
diff
changeset
|
120 |
}; |
0 | 121 |
|
122 |
||
123 |
||
124 |
/* finds each dynamic fragment in the page and executes the |
|
125 |
* the associated RQL to build them (Async call) |
|
126 |
*/ |
|
1512
c51ca5f49a78
fix insertion of head content on ajax queries
sylvain.thenault@logilab.fr
parents:
1498
diff
changeset
|
127 |
function loadDynamicFragments(node) { |
c51ca5f49a78
fix insertion of head content on ajax queries
sylvain.thenault@logilab.fr
parents:
1498
diff
changeset
|
128 |
if (node) { |
c51ca5f49a78
fix insertion of head content on ajax queries
sylvain.thenault@logilab.fr
parents:
1498
diff
changeset
|
129 |
var fragments = jQuery(node).find('div.dynamicFragment'); |
c51ca5f49a78
fix insertion of head content on ajax queries
sylvain.thenault@logilab.fr
parents:
1498
diff
changeset
|
130 |
} else { |
c51ca5f49a78
fix insertion of head content on ajax queries
sylvain.thenault@logilab.fr
parents:
1498
diff
changeset
|
131 |
var fragments = jQuery('div.dynamicFragment'); |
c51ca5f49a78
fix insertion of head content on ajax queries
sylvain.thenault@logilab.fr
parents:
1498
diff
changeset
|
132 |
} |
0 | 133 |
if (fragments.length == 0) { |
134 |
return; |
|
135 |
} |
|
136 |
if (typeof LOADING_MSG == 'undefined') { |
|
137 |
LOADING_MSG = 'loading'; // this is only a safety belt, it should not happen |
|
138 |
} |
|
139 |
for(var i=0; i<fragments.length; i++) { |
|
140 |
var fragment = fragments[i]; |
|
141 |
fragment.innerHTML = '<h3>' + LOADING_MSG + ' ... <img src="data/loading.gif" /></h3>'; |
|
142 |
var rql = getNodeAttribute(fragment, 'cubicweb:rql'); |
|
143 |
var vid = getNodeAttribute(fragment, 'cubicweb:vid'); |
|
144 |
var extraparams = {}; |
|
145 |
var actrql = getNodeAttribute(fragment, 'cubicweb:actualrql'); |
|
146 |
if (actrql) { extraparams['actualrql'] = actrql; } |
|
147 |
var fbvid = getNodeAttribute(fragment, 'cubicweb:fallbackvid'); |
|
148 |
if (fbvid) { extraparams['fallbackvid'] = fbvid; } |
|
149 |
||
150 |
replacePageChunk(fragment.id, rql, vid, extraparams); |
|
151 |
} |
|
152 |
} |
|
153 |
||
1512
c51ca5f49a78
fix insertion of head content on ajax queries
sylvain.thenault@logilab.fr
parents:
1498
diff
changeset
|
154 |
jQuery(document).ready(function() {loadDynamicFragments();}); |
0 | 155 |
|
156 |
//============= base AJAX functions to make remote calls =====================// |
|
157 |
||
158 |
function remoteCallFailed(err, req) { |
|
159 |
if (req.status == 500) { |
|
160 |
updateMessage(err); |
|
161 |
} else { |
|
162 |
updateMessage(_("an error occured while processing your request")); |
|
163 |
} |
|
164 |
} |
|
165 |
||
166 |
||
167 |
/* |
|
1419 | 168 |
* This function will call **synchronously** a remote method on the cubicweb server |
169 |
* @param fname: the function name to call (as exposed by the JSONController) |
|
170 |
* |
|
171 |
* additional arguments will be directly passed to the specified function |
|
0 | 172 |
* |
1419 | 173 |
* It looks at http headers to guess the response type. |
0 | 174 |
*/ |
1419 | 175 |
function remoteExec(fname /* ... */) { |
176 |
setProgressCursor(); |
|
177 |
var props = {'fname' : fname, 'pageid' : pageid, |
|
178 |
'arg': map(jQuery.toJSON, sliceList(arguments, 1))}; |
|
179 |
var result = jQuery.ajax({url: JSON_BASE_URL, data: props, async: false}).responseText; |
|
180 |
if (result) { |
|
181 |
result = evalJSON(result); |
|
182 |
} |
|
183 |
resetCursor(); |
|
184 |
return result; |
|
0 | 185 |
} |
186 |
||
187 |
/* |
|
1419 | 188 |
* This function will call **asynchronously** a remote method on the json |
189 |
* controller of the cubicweb http server |
|
190 |
* |
|
0 | 191 |
* @param fname: the function name to call (as exposed by the JSONController) |
1419 | 192 |
* |
0 | 193 |
* additional arguments will be directly passed to the specified function |
1419 | 194 |
* |
0 | 195 |
* It looks at http headers to guess the response type. |
196 |
*/ |
|
1563
b130c6cec8c2
loadJSON -> loadRemote, correctly handle json
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
1512
diff
changeset
|
197 |
|
1419 | 198 |
function asyncRemoteExec(fname /* ... */) { |
1563
b130c6cec8c2
loadJSON -> loadRemote, correctly handle json
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
1512
diff
changeset
|
199 |
setProgressCursor(); |
1419 | 200 |
var props = {'fname' : fname, 'pageid' : pageid, |
201 |
'arg': map(jQuery.toJSON, sliceList(arguments, 1))}; |
|
1563
b130c6cec8c2
loadJSON -> loadRemote, correctly handle json
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
1512
diff
changeset
|
202 |
var deferred = loadRemote(JSON_BASE_URL, props, 'POST'); |
b130c6cec8c2
loadJSON -> loadRemote, correctly handle json
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
1512
diff
changeset
|
203 |
deferred = deferred.addErrback(remoteCallFailed); |
b130c6cec8c2
loadJSON -> loadRemote, correctly handle json
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
1512
diff
changeset
|
204 |
deferred = deferred.addErrback(resetCursor); |
b130c6cec8c2
loadJSON -> loadRemote, correctly handle json
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
1512
diff
changeset
|
205 |
deferred = deferred.addCallback(resetCursor); |
b130c6cec8c2
loadJSON -> loadRemote, correctly handle json
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
1512
diff
changeset
|
206 |
return deferred; |
0 | 207 |
} |
208 |
||
209 |
||
210 |
/* emulation of gettext's _ shortcut |
|
211 |
*/ |
|
212 |
function _(message) { |
|
1419 | 213 |
return remoteExec('i18n', [message])[0]; |
0 | 214 |
} |
215 |
||
216 |
function userCallback(cbname) { |
|
1419 | 217 |
asyncRemoteExec('user_callback', cbname); |
0 | 218 |
} |
219 |
||
220 |
function unloadPageData() { |
|
221 |
// NOTE: do not make async calls on unload if you want to avoid |
|
222 |
// strange bugs |
|
1419 | 223 |
remoteExec('unload_page_data'); |
0 | 224 |
} |
225 |
||
226 |
function openHash() { |
|
227 |
if (document.location.hash) { |
|
228 |
var nid = document.location.hash.replace('#', ''); |
|
229 |
var node = jQuery('#' + nid); |
|
230 |
if (node) { removeElementClass(node, "hidden"); } |
|
231 |
}; |
|
232 |
} |
|
233 |
jQuery(document).ready(openHash); |
|
234 |
||
235 |
function reloadComponent(compid, rql, registry, nodeid, extraargs) { |
|
236 |
registry = registry || 'components'; |
|
237 |
rql = rql || ''; |
|
238 |
nodeid = nodeid || (compid + 'Component'); |
|
239 |
extraargs = extraargs || {}; |
|
240 |
var node = getNode(nodeid); |
|
1419 | 241 |
var d = asyncRemoteExec('component', compid, rql, registry, extraargs); |
0 | 242 |
d.addCallback(function(result, req) { |
243 |
var domnode = getDomFromResponse(result); |
|
244 |
if (node) { |
|
245 |
// make sure the component is visible |
|
246 |
removeElementClass(node, "hidden"); |
|
247 |
swapDOM(node, domnode); |
|
2338
3f7c7fbae94e
call postAjaxLoad in reloadComponent; add corners only on reloaded elements
Katia Saurfelt <katia.saurfelt@logilab.fr>
parents:
2257
diff
changeset
|
248 |
postAjaxLoad(domnode); |
0 | 249 |
} |
250 |
}); |
|
251 |
d.addCallback(resetCursor); |
|
252 |
d.addErrback(function(xxx) { |
|
253 |
updateMessage(_("an error occured")); |
|
254 |
log(xxx); |
|
255 |
}); |
|
256 |
return d; |
|
257 |
} |
|
258 |
||
259 |
/* XXX: HTML architecture of cubicweb boxes is a bit strange */ |
|
260 |
function reloadBox(boxid, rql) { |
|
225
b90904dc3069
[javascript] reloadBox: return deferred for further callback chaining
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
12
diff
changeset
|
261 |
return reloadComponent(boxid, rql, 'boxes', boxid); |
0 | 262 |
} |
263 |
||
264 |
function userCallbackThenUpdateUI(cbname, compid, rql, msg, registry, nodeid) { |
|
1419 | 265 |
var d = asyncRemoteExec('user_callback', cbname); |
0 | 266 |
d.addCallback(function() { |
267 |
reloadComponent(compid, rql, registry, nodeid); |
|
268 |
if (msg) { updateMessage(msg); } |
|
269 |
}); |
|
270 |
d.addCallback(resetCursor); |
|
271 |
d.addErrback(function(xxx) { |
|
272 |
updateMessage(_("an error occured")); |
|
273 |
log(xxx); |
|
274 |
return resetCursor(); |
|
275 |
}); |
|
276 |
} |
|
277 |
||
278 |
function userCallbackThenReloadPage(cbname, msg) { |
|
1419 | 279 |
var d = asyncRemoteExec('user_callback', cbname); |
0 | 280 |
d.addCallback(function() { |
281 |
window.location.reload(); |
|
282 |
if (msg) { updateMessage(msg); } |
|
283 |
}); |
|
284 |
d.addCallback(resetCursor); |
|
285 |
d.addErrback(function(xxx) { |
|
286 |
updateMessage(_("an error occured")); |
|
287 |
log(xxx); |
|
288 |
return resetCursor(); |
|
289 |
}); |
|
290 |
} |
|
291 |
||
292 |
/* |
|
293 |
* unregisters the python function registered on the server's side |
|
294 |
* while the page was generated. |
|
295 |
*/ |
|
296 |
function unregisterUserCallback(cbname) { |
|
1419 | 297 |
var d = asyncRemoteExec('unregister_user_callback', cbname); |
0 | 298 |
d.addCallback(function() {resetCursor();}); |
299 |
d.addErrback(function(xxx) { |
|
300 |
updateMessage(_("an error occured")); |
|
301 |
log(xxx); |
|
302 |
return resetCursor(); |
|
303 |
}); |
|
304 |
} |
|
305 |
||
306 |
||
307 |
/* executes an async query to the server and replaces a node's |
|
308 |
* content with the query result |
|
309 |
* |
|
310 |
* @param nodeId the placeholder node's id |
|
311 |
* @param rql the RQL query |
|
312 |
* @param vid the vid to apply to the RQL selection (default if not specified) |
|
313 |
* @param extraparmas table of additional query parameters |
|
314 |
*/ |
|
315 |
function replacePageChunk(nodeId, rql, vid, extraparams, /* ... */ swap, callback) { |
|
316 |
var params = null; |
|
317 |
if (callback) { |
|
318 |
params = {callback: callback}; |
|
319 |
} |
|
320 |
||
321 |
var node = jQuery('#' + nodeId)[0]; |
|
322 |
var props = {}; |
|
323 |
if (node) { |
|
324 |
props['rql'] = rql; |
|
1498
2c6eec0b46b9
fix imports, cleanup, repair some ajax calls
sylvain.thenault@logilab.fr
parents:
1419
diff
changeset
|
325 |
props['fname'] = 'view'; |
0 | 326 |
props['pageid'] = pageid; |
327 |
if (vid) { props['vid'] = vid; } |
|
328 |
if (extraparams) { jQuery.extend(props, extraparams); } |
|
1419 | 329 |
// FIXME we need to do asURL(props) manually instead of |
0 | 330 |
// passing `props` directly to loadxml because replacePageChunk |
331 |
// is sometimes called (abusively) with some extra parameters in `vid` |
|
332 |
var mode = swap?'swap':'replace'; |
|
1419 | 333 |
var url = JSON_BASE_URL + asURL(props); |
0 | 334 |
jQuery(node).loadxhtml(url, params, 'get', mode); |
335 |
} else { |
|
336 |
log('Node', nodeId, 'not found'); |
|
337 |
} |
|
338 |
} |
|
339 |
||
3011 | 340 |
/* XXX deprecates? |
1801
672acc730ce5
ajax_replace_url becomes obsolete, req.build_ajax_replace_url should be used instead
Adrien Di Mascio <Adrien.DiMascio@logilab.fr>
parents:
1563
diff
changeset
|
341 |
* fetches `url` and replaces `nodeid`'s content with the result |
672acc730ce5
ajax_replace_url becomes obsolete, req.build_ajax_replace_url should be used instead
Adrien Di Mascio <Adrien.DiMascio@logilab.fr>
parents:
1563
diff
changeset
|
342 |
* @param replacemode how the replacement should be done (default is 'replace') |
672acc730ce5
ajax_replace_url becomes obsolete, req.build_ajax_replace_url should be used instead
Adrien Di Mascio <Adrien.DiMascio@logilab.fr>
parents:
1563
diff
changeset
|
343 |
* Possible values are : |
672acc730ce5
ajax_replace_url becomes obsolete, req.build_ajax_replace_url should be used instead
Adrien Di Mascio <Adrien.DiMascio@logilab.fr>
parents:
1563
diff
changeset
|
344 |
* - 'replace' to replace the node's content with the generated HTML |
672acc730ce5
ajax_replace_url becomes obsolete, req.build_ajax_replace_url should be used instead
Adrien Di Mascio <Adrien.DiMascio@logilab.fr>
parents:
1563
diff
changeset
|
345 |
* - 'swap' to replace the node itself with the generated HTML |
672acc730ce5
ajax_replace_url becomes obsolete, req.build_ajax_replace_url should be used instead
Adrien Di Mascio <Adrien.DiMascio@logilab.fr>
parents:
1563
diff
changeset
|
346 |
* - 'append' to append the generated HTML to the node's content |
672acc730ce5
ajax_replace_url becomes obsolete, req.build_ajax_replace_url should be used instead
Adrien Di Mascio <Adrien.DiMascio@logilab.fr>
parents:
1563
diff
changeset
|
347 |
*/ |
672acc730ce5
ajax_replace_url becomes obsolete, req.build_ajax_replace_url should be used instead
Adrien Di Mascio <Adrien.DiMascio@logilab.fr>
parents:
1563
diff
changeset
|
348 |
function loadxhtml(nodeid, url, /* ... */ replacemode) { |
672acc730ce5
ajax_replace_url becomes obsolete, req.build_ajax_replace_url should be used instead
Adrien Di Mascio <Adrien.DiMascio@logilab.fr>
parents:
1563
diff
changeset
|
349 |
jQuery('#' + nodeid).loadxhtml(url, null, 'post', replacemode); |
672acc730ce5
ajax_replace_url becomes obsolete, req.build_ajax_replace_url should be used instead
Adrien Di Mascio <Adrien.DiMascio@logilab.fr>
parents:
1563
diff
changeset
|
350 |
} |
672acc730ce5
ajax_replace_url becomes obsolete, req.build_ajax_replace_url should be used instead
Adrien Di Mascio <Adrien.DiMascio@logilab.fr>
parents:
1563
diff
changeset
|
351 |
|
0 | 352 |
/* XXX: this function should go in edition.js but as for now, htmlReplace |
353 |
* references it. |
|
354 |
* |
|
355 |
* replace all textareas with fckeditors. |
|
356 |
*/ |
|
357 |
function buildWysiwygEditors(parent) { |
|
358 |
jQuery('textarea').each(function () { |
|
3060
ea967a4f6ccb
avoid installing editor n times for n ajax loads
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
3011
diff
changeset
|
359 |
if (this.getAttribute('cubicweb:type') == 'wysiwyg') { |
ea967a4f6ccb
avoid installing editor n times for n ajax loads
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
3011
diff
changeset
|
360 |
// mark editor as instanciated, we may be called a number of times |
ea967a4f6ccb
avoid installing editor n times for n ajax loads
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
3011
diff
changeset
|
361 |
// (see postAjaxLoad) |
ea967a4f6ccb
avoid installing editor n times for n ajax loads
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
3011
diff
changeset
|
362 |
this.setAttribute('cubicweb:type', 'fckeditor'); |
0 | 363 |
if (typeof FCKeditor != "undefined") { |
364 |
var fck = new FCKeditor(this.id); |
|
365 |
fck.Config['CustomConfigurationsPath'] = fckconfigpath; |
|
366 |
fck.Config['DefaultLanguage'] = fcklang; |
|
367 |
fck.BasePath = "fckeditor/"; |
|
368 |
fck.ReplaceTextarea(); |
|
369 |
} else { |
|
370 |
log('fckeditor could not be found.'); |
|
371 |
} |
|
372 |
} |
|
373 |
}); |
|
374 |
} |
|
375 |
||
376 |
jQuery(document).ready(buildWysiwygEditors); |
|
377 |
||
378 |
||
1419 | 379 |
/* |
380 |
* takes a list of DOM nodes and removes all empty text nodes |
|
381 |
*/ |
|
382 |
function stripEmptyTextNodes(nodelist) { |
|
383 |
var stripped = []; |
|
384 |
for (var i=0; i < nodelist.length; i++) { |
|
385 |
var node = nodelist[i]; |
|
386 |
if (isTextNode(node) && !node.textContent.strip()) { |
|
387 |
continue; |
|
388 |
} else { |
|
389 |
stripped.push(node); |
|
390 |
} |
|
391 |
} |
|
392 |
return stripped; |
|
393 |
} |
|
394 |
||
3104 | 395 |
/* convenience function that returns a DOM node based on req's result. |
396 |
* XXX clarify the need to clone |
|
397 |
* */ |
|
0 | 398 |
function getDomFromResponse(response) { |
399 |
if (typeof(response) == 'string') { |
|
3073
09c6fe0db381
do postprocessing as in the xhtml case fix #345293
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
3060
diff
changeset
|
400 |
var doc = html2dom(response); |
09c6fe0db381
do postprocessing as in the xhtml case fix #345293
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
3060
diff
changeset
|
401 |
} else { |
09c6fe0db381
do postprocessing as in the xhtml case fix #345293
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
3060
diff
changeset
|
402 |
var doc = response.documentElement; |
0 | 403 |
} |
404 |
var children = doc.childNodes; |
|
405 |
if (!children.length) { |
|
406 |
// no child (error cases) => return the whole document |
|
3102
f2c4da6b008d
use node cloning method that works with IE (6,7)
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
3073
diff
changeset
|
407 |
return jQuery(doc).clone().context; |
0 | 408 |
} |
1419 | 409 |
children = stripEmptyTextNodes(children); |
0 | 410 |
if (children.length == 1) { |
411 |
// only one child => return it |
|
3102
f2c4da6b008d
use node cloning method that works with IE (6,7)
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
3073
diff
changeset
|
412 |
return jQuery(children[0]).clone().context; |
0 | 413 |
} |
414 |
// several children => wrap them in a single node and return the wrap |
|
3102
f2c4da6b008d
use node cloning method that works with IE (6,7)
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
3073
diff
changeset
|
415 |
return DIV(null, map(function(node) { |
f2c4da6b008d
use node cloning method that works with IE (6,7)
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
3073
diff
changeset
|
416 |
return jQuery(node).clone().context; |
f2c4da6b008d
use node cloning method that works with IE (6,7)
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
3073
diff
changeset
|
417 |
}, |
f2c4da6b008d
use node cloning method that works with IE (6,7)
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
3073
diff
changeset
|
418 |
children)); |
0 | 419 |
} |
420 |
||
421 |
function postJSON(url, data, callback) { |
|
422 |
return jQuery.post(url, data, callback, 'json'); |
|
423 |
} |
|
424 |
||
425 |
function getJSON(url, data, callback){ |
|
426 |
return jQuery.get(url, data, callback, 'json'); |
|
427 |
} |
|
428 |
||
429 |
CubicWeb.provide('ajax.js'); |