| author | ymh <ymh.work@gmail.com> |
| Wed, 02 Mar 2011 15:47:19 +0100 | |
| branch | modal_update |
| changeset 33 | 3dd37cc8d8b3 |
| parent 32 | 7bb37c869d0d |
| child 37 | 3586af4092f3 |
| permissions | -rw-r--r-- |
| 0 | 1 |
$.fn.realVal = function() { |
| 32 | 2 |
var obj = $(this[0]); |
3 |
if(obj.val) { |
|
4 |
if(obj.val() == obj.attr('defaultText')) { |
|
5 |
return ''; |
|
6 |
} |
|
7 |
else { |
|
8 |
return obj.val(); |
|
9 |
} |
|
10 |
} |
|
11 |
else { |
|
12 |
return null; |
|
13 |
} |
|
| 0 | 14 |
}; |
15 |
||
| 24 | 16 |
|
| 0 | 17 |
function init_events_base(base_node, embed_url) { |
| 32 | 18 |
|
19 |
$('.ldt_link_embed',base_node).click(function(e) { |
|
20 |
e.preventDefault(); |
|
21 |
var link = $(e.target); |
|
22 |
var json_url = link.attr("href"); |
|
23 |
var player_id = link.attr("id"); |
|
24 |
var ldt_id = player_id.substring(15); |
|
25 |
$('<a />', { |
|
26 |
href: embed_url+'?json_url='+escape(json_url)+'&player_id='+escape(player_id)+'&ldt_id='+escape(ldt_id), |
|
27 |
target: "_blank" |
|
28 |
}).nyroModal({ |
|
29 |
filters: ['iframe'], |
|
30 |
sizes: { |
|
31 |
minW: '750', |
|
32 |
minH: '662' |
|
33 |
}, |
|
34 |
callbacks: { |
|
35 |
afterShowCont: function(nm) { |
|
36 |
nm.store.iframe.height(662); |
|
37 |
nm.store.iframe.width(750); |
|
38 |
} |
|
39 |
} |
|
40 |
}).trigger('nyroModal'); |
|
41 |
return false; |
|
42 |
}); |
|
| 0 | 43 |
|
44 |
||
| 32 | 45 |
$('.imageline',base_node).each(function(i) { |
46 |
var tr = $(this); |
|
47 |
tr.mouseover(function() { |
|
48 |
$('.cellimgdiv',this).css('visibility', 'visible'); |
|
49 |
}); |
|
50 |
tr.mouseout(function() { |
|
51 |
$('.cellimgdiv',this).css('visibility', 'hidden'); |
|
52 |
}); |
|
53 |
}); |
|
54 |
|
|
55 |
$('.cellimgdiv img').qtip({ |
|
56 |
style: { |
|
57 |
'name': 'dark', |
|
58 |
'filter':'alpha(opacity=70)', |
|
59 |
'-moz-opacity':'0.7', |
|
60 |
'-khtml-opacity': '0.7', |
|
61 |
'opacity': '0.7', |
|
62 |
'border': { |
|
63 |
'width' : '0', |
|
64 |
'color': '#505050' |
|
65 |
}, |
|
66 |
'tip': true |
|
67 |
} |
|
68 |
}); |
|
69 |
|
|
| 0 | 70 |
|
71 |
}; |
|
72 |
||
| 33 | 73 |
function testAndClose(close_fn) { |
| 32 | 74 |
|
75 |
return function(force) { |
|
76 |
// Here we ask LDT if the current work is modified and if the user want to save it. |
|
77 |
var ldtSwf = $('#ldtInitSwf',$.nmTop().store.iframe.contents()).get(0); |
|
78 |
// In the ldt_link_create case, the modal page can be the form, or the ldt swf. So we have to test. |
|
79 |
if (!force && ldtSwf && ldtSwf.name=="ldtInitSwf" && ldtSwf.isModified()=="true") { |
|
80 |
ldtSwf.askSave(); |
|
81 |
} |
|
82 |
else { |
|
| 33 | 83 |
close_fn.apply(this); |
| 32 | 84 |
} |
85 |
}; |
|
|
31
0d829ac13c4b
Update modal behavior, to test if LDT swf has a still not saved work. Update language files too.
Cavalie Thibaut <thibaut.cavalie@centrepompidou.fr>
parents:
24
diff
changeset
|
86 |
} |
|
0d829ac13c4b
Update modal behavior, to test if LDT swf has a still not saved work. Update language files too.
Cavalie Thibaut <thibaut.cavalie@centrepompidou.fr>
parents:
24
diff
changeset
|
87 |
|
| 0 | 88 |
|
89 |
function searchCallback(target, container_selector, url, timeout) { |
|
90 |
||
| 32 | 91 |
timeout = typeof(timeout) != 'undefined' ? timeout : 0; |
92 |
var target = $(target); |
|
93 |
|
|
94 |
// remove all qtip |
|
95 |
$(".qtip").remove(); |
|
96 |
|
|
97 |
if(target.realVal().length > 0) { |
|
98 |
target.nextAll(".searchclear").show(); |
|
99 |
} |
|
| 0 | 100 |
|
| 32 | 101 |
if(target.attr('timer')) { |
102 |
clearTimeout(target.attr('timer')); |
|
103 |
} |
|
| 0 | 104 |
|
| 32 | 105 |
target.attr( |
106 |
'timer', |
|
107 |
setTimeout(function() { |
|
108 |
target.next(".searchajaxloader").show(); |
|
109 |
target.nextAll(".searchclear").hide(); |
|
110 |
var filterVal = "_" + escape(target.realVal()); |
|
111 |
url = url.replace('__FILTER__',filterVal); |
|
112 |
$.ajax({ |
|
113 |
url: url, |
|
114 |
cache: false, |
|
115 |
success: function(data, status, request) { |
|
116 |
$(container_selector).html(data); |
|
117 |
target.next(".searchajaxloader").hide(); |
|
118 |
if(target.realVal().length > 0) { |
|
119 |
target.nextAll(".searchclear").show(); |
|
120 |
} |
|
121 |
init_events($(container_selector)); |
|
122 |
target.removeAttr('timer'); |
|
123 |
} |
|
124 |
}); |
|
125 |
}, |
|
126 |
300) |
|
127 |
); |
|
| 0 | 128 |
}; |
129 |
||
130 |
||
131 |
function init_events_contents(base_node, embed_url, content_filter_url) { |
|
132 |
||
| 32 | 133 |
init_events_base(base_node, embed_url); |
134 |
|
|
135 |
$('.content_link_create').each(function(i){ |
|
136 |
$(this).attr("target","_blank"); |
|
137 |
}); |
|
138 |
$('.content_link_create').nyroModal({ |
|
139 |
filters: ['iframe'], |
|
140 |
sizes: { |
|
141 |
minW: 770, |
|
142 |
minH: 500 |
|
143 |
}, |
|
144 |
callbacks: { |
|
145 |
afterClose: function(nm) { |
|
146 |
searchCallback($('#searchprojectsinput'), "#contentslistcontainer", content_filter_url); |
|
147 |
}, |
|
148 |
afterShowCont: function(nm) { |
|
149 |
nm.store.iframe.width(770); |
|
150 |
nm.store.iframe.height(500); |
|
151 |
nm.store.iframe.load(function() { |
|
152 |
var form_status = $(this).contents().find("#content_form_status").val(); |
|
153 |
if(form_status == 'saved' || form_status == 'deleted' ) { |
|
154 |
$.nmTop().close(); |
|
155 |
} |
|
156 |
}); |
|
157 |
} |
|
158 |
} |
|
159 |
}); |
|
| 0 | 160 |
|
| 32 | 161 |
$('.contenttitlelink').each(function(i){ |
162 |
$(this).attr("target","_blank"); |
|
163 |
}); |
|
164 |
$('.contenttitlelink').nyroModal({ |
|
165 |
filters: ['iframe'], |
|
166 |
sizes: { |
|
167 |
minW: 770, |
|
168 |
minH: 500 |
|
169 |
}, |
|
170 |
callbacks: { |
|
171 |
afterClose: function(nm) { |
|
172 |
searchCallback($("#searchcontentsinput"),"#contentslistcontainer",content_filter_url,0); |
|
173 |
}, |
|
174 |
afterShowCont: function(nm) { |
|
175 |
nm.store.iframe.width(770); |
|
176 |
nm.store.iframe.height(500); |
|
177 |
nm.store.iframe.load(function() { |
|
178 |
var form_status = $(this).contents().find("#content_form_status").val(); |
|
179 |
if(form_status == 'saved' || form_status == 'deleted') { |
|
180 |
$.nmTop().close(); |
|
181 |
} |
|
182 |
}); |
|
183 |
} |
|
184 |
} |
|
185 |
}); |
|
| 0 | 186 |
} |
187 |
||
188 |
function init_events_base_projects(base_node, embed_url, searchprojectfilterurl, publishprojecturl, unpublishprojecturl) { |
|
189 |
||
| 32 | 190 |
// These are the functions called when we display a project in an LDT modal window |
191 |
$('.ldt_link',base_node).each(function(i){ |
|
192 |
$(this).attr("target","_iri"); |
|
|
31
0d829ac13c4b
Update modal behavior, to test if LDT swf has a still not saved work. Update language files too.
Cavalie Thibaut <thibaut.cavalie@centrepompidou.fr>
parents:
24
diff
changeset
|
193 |
}); |
| 32 | 194 |
$('.ldt_link',base_node).nyroModal({ |
195 |
filters: ['iriIframe'], |
|
196 |
sizes: { |
|
197 |
minW: '1022', |
|
198 |
minH: '662' |
|
199 |
}, |
|
200 |
showCloseButton: true, |
|
201 |
closeOnEscape:false, |
|
202 |
closeOnClick:false, |
|
203 |
callbacks: { |
|
204 |
afterShowCont: function(nm) { |
|
205 |
nm.store.iframe.height(662); |
|
206 |
nm.store.iframe.width(1022); |
|
207 |
}, |
|
208 |
close: function(nm) { |
|
209 |
// We don't do anything here, we hack the callback directly from the close function. |
|
210 |
}, |
|
211 |
afterClose: function(nm) { |
|
212 |
// Can't do that because searchprojectfilterurl is not defined in init_events_base params |
|
213 |
searchCallback($('#searchprojectsinput'), "#projectslistcontainer", searchprojectfilterurl, 0); |
|
214 |
} |
|
215 |
}, |
|
216 |
}); |
|
217 |
||
218 |
$('.ldt_link',base_node).each(function(i, e) { |
|
219 |
nm = $(e).data('nmObj'); |
|
220 |
$(e).data('nmObj', $.extend(true, nm, { |
|
221 |
close: testAndClose(nm.close) |
|
222 |
})); |
|
223 |
}); |
|
|
31
0d829ac13c4b
Update modal behavior, to test if LDT swf has a still not saved work. Update language files too.
Cavalie Thibaut <thibaut.cavalie@centrepompidou.fr>
parents:
24
diff
changeset
|
224 |
|
|
0d829ac13c4b
Update modal behavior, to test if LDT swf has a still not saved work. Update language files too.
Cavalie Thibaut <thibaut.cavalie@centrepompidou.fr>
parents:
24
diff
changeset
|
225 |
|
| 32 | 226 |
$('.ldt_link_create',base_node).each(function(i){ |
227 |
$(this).attr("target","_iri"); |
|
228 |
}); |
|
229 |
$('.ldt_link_create',base_node).nyroModal({ |
|
230 |
|
|
231 |
filters: ['iriIframe'], |
|
232 |
sizes: { |
|
233 |
minW: '600', |
|
234 |
minH: '500' |
|
235 |
}, |
|
236 |
showCloseButton:true, |
|
237 |
closeOnEscape:false, |
|
238 |
closeOnClick:false, |
|
239 |
callbacks: { |
|
240 |
afterShowCont: function(nm) { |
|
241 |
nm.store.iframe.width(600); |
|
242 |
nm.store.iframe.height(500); |
|
243 |
var iframe = nm.store.iframe; |
|
244 |
iframe.load(function(){ |
|
245 |
var form_status = $(this).contents().find("#project_form_status").val(); |
|
246 |
if(form_status == 'saved' || form_status == 'deleted' ) { |
|
247 |
$.nmTop().close(); |
|
248 |
} |
|
249 |
var swfobject = $(this).contents().find("#ldtInitSwf"); |
|
250 |
if (swfobject.length) { |
|
251 |
nm['sizes']['initW'] = swfobject.width() + 21; |
|
252 |
nm['sizes']['initH'] = swfobject.height() + 31; |
|
253 |
nm.resize(); |
|
254 |
nm.store.iframe.height(swfobject.height() + 31); |
|
255 |
nm.store.iframe.width(swfobject.width() + 21); |
|
256 |
} |
|
257 |
}); |
|
258 |
}, |
|
259 |
afterClose: function(nm) { |
|
260 |
searchCallback($('#searchprojectsinput'), "#projectslistcontainer", searchprojectfilterurl, 0); |
|
261 |
} |
|
262 |
} |
|
263 |
}); |
|
264 |
$('.ldt_link_create',base_node).each(function(i, e) { |
|
265 |
nm = $(e).data('nmObj'); |
|
266 |
$(e).data('nmObj', $.extend(true, nm, { |
|
267 |
close: testAndClose(nm.close) |
|
268 |
})); |
|
269 |
}); |
|
270 |
||
271 |
|
|
272 |
$('.publishedproject', base_node).click(function(e) { |
|
273 |
e.preventDefault(); |
|
274 |
var target = $(e.target); |
|
275 |
var project_id = target.attr('id').replace('project_',''); |
|
276 |
var url = unpublishprojecturl.replace('__PROJECT_ID__', project_id); |
|
277 |
$.ajax({ |
|
278 |
url: url, |
|
279 |
type: 'POST', |
|
280 |
dataType: 'json', |
|
281 |
success: function(json, textStatus, XMLHttpRequest){ |
|
282 |
if(json.res) { |
|
283 |
searchCallback($('#searchprojectsinput'), "#projectslistcontainer", searchprojectfilterurl, 0); |
|
284 |
} |
|
285 |
} |
|
286 |
}); |
|
| 24 | 287 |
}); |
| 0 | 288 |
|
| 32 | 289 |
$('.unpublishedproject', base_node).click(function(e) { |
290 |
e.preventDefault(); |
|
291 |
var target = $(e.target); |
|
292 |
var project_id = target.attr('id').replace('project_',''); |
|
293 |
var url = publishprojecturl.replace('__PROJECT_ID__', project_id); |
|
294 |
$.ajax({ |
|
295 |
url: url, |
|
296 |
type: 'POST', |
|
297 |
dataType: 'json', |
|
298 |
success: function(json, textStatus, XMLHttpRequest){ |
|
299 |
if(json.res) { |
|
300 |
searchCallback($('#searchprojectsinput'), "#projectslistcontainer", searchprojectfilterurl, 0); |
|
301 |
} |
|
302 |
} |
|
303 |
}); |
|
304 |
}); |
|
| 0 | 305 |
|
| 32 | 306 |
$('.projecttitlelink').each(function(i){ |
307 |
$(this).attr("target","_blank"); |
|
308 |
}); |
|
309 |
$('.projecttitlelink').nyroModal({ |
|
310 |
filters: ['iframe'], |
|
311 |
sizes: { |
|
312 |
minH:680, |
|
313 |
minW:500 |
|
314 |
}, |
|
315 |
callbacks: { |
|
316 |
afterClose: function(nm) { |
|
317 |
searchCallback($('#searchprojectsinput'), "#projectslistcontainer", searchprojectfilterurl, 0); |
|
318 |
}, |
|
319 |
afterShowCont: function(nm) { |
|
320 |
nm.store.iframe.height(680); |
|
321 |
nm.store.iframe.width(600); |
|
322 |
var iframe = nm.store.iframe; |
|
323 |
iframe.load(function(){ |
|
324 |
var form_status = $(this).contents().find("#project_form_status").val(); |
|
325 |
if(form_status == 'saved' || form_status == 'deleted') { |
|
326 |
$.nmTop().close(); |
|
327 |
} |
|
328 |
}); |
|
329 |
} |
|
330 |
} |
|
331 |
}); |
|
332 |
|
|
| 0 | 333 |
} |
334 |
||
335 |
function init_events_projects(base_node, embed_url, searchprojectfilterurl, publishprojecturl, unpublishprojecturl) { |
|
| 32 | 336 |
|
337 |
init_events_base(base_node, embed_url); |
|
338 |
init_events_base_projects(base_node, embed_url, searchprojectfilterurl, publishprojecturl, unpublishprojecturl); |
|
| 0 | 339 |
} |
340 |
||
341 |
function init_events_all(base_node, embed_url, searchcontentfilterurl, searchprojectfilterurl, publishprojecturl, unpublishprojecturl) { |
|
| 32 | 342 |
|
343 |
init_events_contents(base_node, embed_url, searchcontentfilterurl); |
|
344 |
init_events_base_projects(base_node, embed_url, searchprojectfilterurl, publishprojecturl, unpublishprojecturl); |
|
| 0 | 345 |
} |
346 |
||
347 |
||
348 |
||
349 |
function searchFieldInit(input_list_init) { |
|
350 |
||
| 32 | 351 |
$(".searchfieldinputbase").keydown(function (e) { |
352 |
if(e.which == 27) { |
|
353 |
$(e.target).blur(); |
|
354 |
$(e.target).next(".searchajaxloader").hide(); |
|
355 |
} |
|
356 |
}); |
|
357 |
|
|
358 |
$('.searchfieldinput').each(function(i) { |
|
359 |
var sbox = $(this); |
|
360 |
if(sbox.val() != '') { |
|
361 |
sbox.attr('defaultText', sbox.val()); |
|
362 |
} |
|
363 |
|
|
364 |
sbox.focus(function() { |
|
365 |
box = $(this); |
|
366 |
if(box.val() == box.attr('defaultText')) { |
|
367 |
box.val(''); |
|
368 |
box.toggleClass("searchfieldinput"); |
|
369 |
} |
|
370 |
}); |
|
371 |
|
|
372 |
sbox.blur(function() { |
|
373 |
var box = $(this); |
|
374 |
if(box.val() == '' && box.attr('defaultText')) { |
|
375 |
box.val(box.attr('defaultText')); |
|
376 |
box.toggleClass("searchfieldinput"); |
|
377 |
} |
|
378 |
}); |
|
379 |
|
|
380 |
}); |
|
| 0 | 381 |
|
| 32 | 382 |
$.each(input_list_init, function(index, value) { |
383 |
$(value['input_selector']).keyup(function (e) { |
|
384 |
searchCallback(e.target, value['container_selector'], value['url']); |
|
385 |
}); |
|
386 |
}); |
|
387 |
|
|
388 |
$('.searchclear').click(function(e) { |
|
389 |
var box = $(e.target).parent().find("input"); |
|
390 |
box.val(box.attr('defaultText')); |
|
391 |
box.addClass("searchfieldinput"); |
|
392 |
box.blur(); |
|
393 |
box.keyup(); |
|
394 |
}); |
|
395 |
|
|
396 |
$('.searchclear').each(function(i) { |
|
397 |
$(this).hide(); |
|
398 |
}); |
|
| 0 | 399 |
|
400 |
} |