1 var display_state = "player"; |
|
2 |
|
3 function toggle_display() { |
|
4 $j.each(["player","ldt_iframe","seo_body","seo_meta","links"], function(i,display_str) { |
|
5 |
|
6 var div_selector = "#"+display_str+"_code"; |
|
7 if(display_str === display_state) { |
|
8 $j(div_selector).show(); |
|
9 } |
|
10 else { |
|
11 $j(div_selector).hide(); |
|
12 } |
|
13 }); |
|
14 } |
|
15 |
|
16 function init_events(){ |
|
17 toggle_display(); |
|
18 $j("#iframe_div_premode").toggle(false); |
|
19 $j("#embed_personnalisation").toggle(false); |
|
20 $j("#player_width").val(550); |
|
21 $j("#player_height").val(300); |
|
22 $j("#optionsExpArrow").toggle(true); |
|
23 $j("#optionsCollArrow").toggle(false); |
|
24 $j("#preModeExpArrow").toggle(true); |
|
25 $j("#preModeCollArrow").toggle(false); |
|
26 $j("#createannotation_block").toggle(false); |
|
27 $j("#player_id_code").select(); |
|
28 $j("#polemic_color_options").toggle(false); |
|
29 $j("#sparkline_color_options").toggle(false); |
|
30 $j("#social_options").toggle(false); |
|
31 $j("#displayPolemicOptions").toggle(false); |
|
32 $j("#displaySparklineOptions").toggle(false); |
|
33 $j("#polemic_default_color").val("#585858"); |
|
34 $j("#polemic_found_color").val("#fc00ff"); |
|
35 $j("#polemic_ok_color").val("#1d973d"); |
|
36 $j("#polemic_ko_color").val("#ce0a15"); |
|
37 $j("#polemic_ref_color").val("#c5a62d"); |
|
38 $j("#polemic_q_color").val("#036aae"); |
|
39 $j("#sparkline_line_color").val("#7492b4"); |
|
40 $j("#sparkline_fill_color").val("#aeaeb8"); |
|
41 var type_embed=document.getElementById("type_embed_div"); |
|
42 type_embed.checked=true; |
|
43 $j("#createannotation_options").toggle(false); |
|
44 mode1(); |
|
45 |
|
46 $j(".click_to_select").click(function(){ |
|
47 var i = $j(this).parent().find("input"); |
|
48 i.select(); |
|
49 }); |
|
50 |
|
51 $j('.ldt_json_link').click(function(e) { |
|
52 e.preventDefault(); |
|
53 link = $j(e.target); |
|
54 $j("#res_link_{{player_id}}").load(link.attr("href")); |
|
55 $j("#res_link_{{player_id}}").show(); |
|
56 return false; |
|
57 }); |
|
58 |
|
59 $j('#player_button').click(function(e) { |
|
60 display_state = "player"; |
|
61 toggle_display(); |
|
62 $j("#player_id_code").select(); |
|
63 }); |
|
64 $j('#ldt_iframe_button').click(function(e) { |
|
65 display_state = "ldt_iframe"; |
|
66 toggle_display(); |
|
67 $j("#ldt_iframe_id_code").select(); |
|
68 }); |
|
69 $j('#seo_body_button').click(function(e) { |
|
70 display_state = "seo_body"; |
|
71 toggle_display(); |
|
72 $j("#seo_body_id_code").select(); |
|
73 }); |
|
74 $j('#seo_meta_button').click(function(e) { |
|
75 display_state = "seo_meta"; |
|
76 toggle_display(); |
|
77 $j("#seo_meta_id_code").select(); |
|
78 }); |
|
79 $j('#links_button').click(function(e) { |
|
80 display_state = "links"; |
|
81 toggle_display(); |
|
82 }); |
|
83 |
|
84 $j("#copy_button").click(function(e) { |
|
85 alert($j("#"+display_state+"_code").html()); |
|
86 }); |
|
87 |
|
88 $j("#refresh_player_button").click(function(e){ |
|
89 refresh_player(); |
|
90 $j("#player_id_code").select(); |
|
91 }); |
|
92 |
|
93 |
|
94 $j('#links_button').click(function() { |
|
95 var range = document.createRange(); |
|
96 range.selectNode(document.getElementById('links_code')); |
|
97 window.getSelection().addRange(range); |
|
98 }); |
|
99 |
|
100 $j('#displayPreMode').click(function(){ |
|
101 $j("#iframe_div_premode").slideToggle("fast"); |
|
102 $j("#preModeExpArrow").toggle(); |
|
103 $j("#preModeCollArrow").toggle(); |
|
104 }); |
|
105 |
|
106 $j("#displayEmbedOptions").click(function(){ |
|
107 $j("#embed_personnalisation").slideToggle("fast"); |
|
108 $j("#optionsExpArrow").toggle(); |
|
109 $j("#optionsCollArrow").toggle(); |
|
110 |
|
111 }); |
|
112 |
|
113 $j("#displayPolemicColorOptions").click(function(){ |
|
114 $j("#polemic_color_options").slideToggle("fast"); |
|
115 }); |
|
116 |
|
117 $j("#displaySparklineOptions").click(function(){ |
|
118 $j("#sparkline_color_options").slideToggle("fast"); |
|
119 }); |
|
120 |
|
121 $('.infostooltip').each( function () { |
|
122 var desc = $(this).attr('data-desc'); |
|
123 if (desc == 'None') { |
|
124 desc = ''; |
|
125 } |
|
126 $(this).qtip({ |
|
127 content : { |
|
128 text: '<b>' + $(this).attr('data-title') + '</b><br />' + desc |
|
129 }, |
|
130 style: { |
|
131 classes: 'ui-tooltip-dark ui-tooltip-rounded qtipldt' |
|
132 }, |
|
133 border: { |
|
134 'width': 0, |
|
135 'color': '#505050' |
|
136 }, |
|
137 position: { |
|
138 my: 'top left', |
|
139 at: 'bottom left' |
|
140 } |
|
141 }); |
|
142 }); |
|
143 |
|
144 } |
|
145 |
|
146 function select_code(){ |
|
147 $j("#player_id_code").select(); |
|
148 } |
|
149 |
|
150 function generate_base_embed_code(){ |
|
151 var player_width_val=$j("#player_width").val(); |
|
152 base='\ |
|
153 <div> \n \ |
|
154 <div id="'+player_id+'_embed" style="float:left; width:'+player_width_val+';" class="iri_player_embed">\n\ |
|
155 </div>\n\ |
|
156 <script type="text/javascript" src="'+LdtPlayer_core+'"></script>\n\ |
|
157 <script type="text/javascript">\n\ |
|
158 if (typeof jQuery == "undefined") {\n\ |
|
159 jQuery = IriSP.jQuery;\n\ |
|
160 }\n\ |
|
161 var metadatas = {metadata: {url: "'+json_url+'"}};\n\ |
|
162 var metadata_key = "metadata";\n\ |
|
163 IriSP.libFiles.defaultDir = "'+defaultDir+'";\n\ |
|
164 IriSP.libFiles.locations.jwPlayerSWF = "'+jwPlayerSWF+'";\n\ |
|
165 IriSP.libFiles.locations.recordMicSwf = "'+recordMicSwf+'";\n\ |
|
166 IriSP.libFiles.locations.zeroClipboardSwf = "'+zeroClipboardSwf+'";\n\ |
|
167 IriSP.libFiles.locations.cssjQueryUI = "'+cssjQueryUI+'"\n\ |
|
168 IriSP.language = "'+LANGUAGE_CODE+'";\n\ |
|
169 \n\ |
|
170 IriSP.widgetsDir = "'+widgetsDir+'";\n\ |
|
171 var _metadata = {\n\ |
|
172 url: metadatas[metadata_key].url + "?callback=?",\n\ |
|
173 format: "ldt"\n\ |
|
174 };\n\ |
|
175 var _config = {\n\ |
|
176 width: "'+player_width_val+'",\n\ |
|
177 container: "'+player_id+'_embed",\n\ |
|
178 css: "'+configCss+'",\n\ |
|
179 default_options: {\n\ |
|
180 metadata: _metadata\n\ |
|
181 },\n'; |
|
182 |
|
183 return base; |
|
184 |
|
185 } |
|
186 |
|
187 function generate_widget_code(){ |
|
188 var annotationslist_val=document.getElementById('annotations_list_checkbox'); |
|
189 var slideshare_val=document.getElementById('slideshare_checkbox'); |
|
190 var social_val=document.getElementById('social_checkbox'); |
|
191 var annotation_val=document.getElementById('annotation_checkbox'); |
|
192 var tweet_val=document.getElementById('tweet_checkbox'); |
|
193 var segments_val=document.getElementById('segments_checkbox'); |
|
194 var polemic_val=document.getElementById('polemic_checkbox'); |
|
195 var sparkline_val=document.getElementById('sparkline_checkbox'); |
|
196 var tagcloud_val=document.getElementById('tagcloud_checkbox'); |
|
197 var player_height_val=$j('#player_height').val(); |
|
198 widget_code='\ |
|
199 widgets: [\n\ |
|
200 {\n\ |
|
201 type: "AutoPlayer",\n'; |
|
202 |
|
203 if (external_url!='None'){ |
|
204 widget_code+='\ |
|
205 video: "'+external_url+'",\n'; |
|
206 } |
|
207 |
|
208 widget_code+='\ |
|
209 height: '+player_height_val+',\n\ |
|
210 autostart: true\n\ |
|
211 }'; |
|
212 if (polemic_val.checked){ |
|
213 defaultcolor= $j("#polemic_default_color").val(); |
|
214 foundcolor=$j("#polemic_found_color").val(); |
|
215 ok_color=$j("#polemic_ok_color").val(); |
|
216 ko_color=$j("#polemic_ko_color").val(); |
|
217 ref_color=$j("#polemic_ref_color").val(); |
|
218 q_color=$j("#polemic_q_color").val(); |
|
219 tweet_type=document.getElementById("tweet_polemic"); |
|
220 widget_code+='\ |
|
221 ,{\n\ |
|
222 type: "Polemic",\n'; |
|
223 if(tweet_type.checked){ |
|
224 widget_code+='\ |
|
225 annotation_type: "tweet",\n'; |
|
226 } |
|
227 else{ |
|
228 widget_code+='\ |
|
229 annotation_type: false,\n'; |
|
230 } |
|
231 widget_code+='\ |
|
232 defaultcolor: "'+defaultcolor+'",\n\ |
|
233 foundcolor: "'+foundcolor+'",\n\ |
|
234 polemics : [\n\ |
|
235 {\n\ |
|
236 "name" : "OK",\n\ |
|
237 "keywords" : [ "++" ],\n\ |
|
238 "color" : "'+ok_color+'"\n\ |
|
239 },\n\ |
|
240 {\n\ |
|
241 "name" : "KO",\n\ |
|
242 "keywords" : [ "--" ],\n\ |
|
243 "color" : "'+ko_color+'"\n\ |
|
244 },\n\ |
|
245 {\n\ |
|
246 "name" : "REF",\n\ |
|
247 "keywords" : [ "==" ],\n\ |
|
248 "color" : "'+ref_color+'"\n\ |
|
249 },\n\ |
|
250 {\n\ |
|
251 "name" : "Q",\n\ |
|
252 "keywords" : [ "?" ],\n\ |
|
253 "color" : "'+q_color+'"\n\ |
|
254 },\n\ |
|
255 ]\n\ |
|
256 }'; |
|
257 } |
|
258 |
|
259 if(sparkline_val.checked){ |
|
260 linecolor=$j("#sparkline_line_color").val(); |
|
261 fillcolor=$j("#sparkline_fill_color").val(); |
|
262 widget_code+=',{\n\ |
|
263 type: "Sparkline",\n\ |
|
264 lineColor: "'+linecolor+'",\n\ |
|
265 fillColor: "'+fillcolor+'"\n\ |
|
266 }'; |
|
267 } |
|
268 |
|
269 if(segments_val.checked){ |
|
270 widget_code+=',{\n\ |
|
271 type: "Segments",\n\ |
|
272 annotation_type: ["chap","découpage"]\n\ |
|
273 }'; |
|
274 } |
|
275 widget_code+=',{\n\ |
|
276 type: "Slider"\n\ |
|
277 },{\n\ |
|
278 type: "Controller"\n\ |
|
279 },{\n\ |
|
280 type: "Mediafragment"\n\ |
|
281 }'; |
|
282 if(slideshare_val.checked){ |
|
283 widget_code+='\ |
|
284 ,{\n\ |
|
285 type: "Slideshare",\n\ |
|
286 container: "Slideshare_ext",\n\ |
|
287 embed_width: 400,\n\ |
|
288 embed_height: 334,\n\ |
|
289 annotation_type: "slide"\n\ |
|
290 }'; |
|
291 } |
|
292 |
|
293 if(social_val.checked){ |
|
294 show_url=document.getElementById("show_url_checkbox"); |
|
295 show_twitter=document.getElementById("show_twitter_checkbox"); |
|
296 show_fb=document.getElementById("show_fb_checkbox"); |
|
297 show_gplus=document.getElementById("show_gplus_checkbox"); |
|
298 show_mail=document.getElementById("show_mail_checkbox"); |
|
299 |
|
300 widget_code+='\ |
|
301 ,{\n\ |
|
302 type: "Social",\n\ |
|
303 container: "Social_ext",\n\ |
|
304 url: document.location.href.replace(/#.*$/,""),\n\ |
|
305 text: document.title,\n'; |
|
306 |
|
307 if(show_url.checked){ |
|
308 widget_code+='\ |
|
309 show_url: true,\n'; |
|
310 } |
|
311 else{ |
|
312 widget_code+='\ |
|
313 show_url: false,\n'; |
|
314 } |
|
315 if(show_twitter.checked){ |
|
316 widget_code+='\ |
|
317 show_twitter: true,\n'; |
|
318 } |
|
319 else{ |
|
320 widget_code+='\ |
|
321 show_twitter: false,\n'; |
|
322 } |
|
323 if(show_fb.checked){ |
|
324 widget_code+='\ |
|
325 show_fb: true,\n'; |
|
326 } |
|
327 else{ |
|
328 widget_code+='\ |
|
329 show_fb: false,\n'; |
|
330 } |
|
331 if(show_gplus.checked){ |
|
332 widget_code+='\ |
|
333 show_gplus: true,\n'; |
|
334 } |
|
335 else{ |
|
336 widget_code+='\ |
|
337 show_gplus: false,\n'; |
|
338 } |
|
339 if(show_mail.checked){ |
|
340 widget_code+='\ |
|
341 show_mail: true\n'; |
|
342 } |
|
343 else{ |
|
344 widget_code+='\ |
|
345 show_mail: false\n'; |
|
346 } |
|
347 |
|
348 widget_code+='}'; |
|
349 } |
|
350 if(annotation_val.checked){ |
|
351 widget_code+='\ |
|
352 ,{\n\ |
|
353 type: "Annotation",\n\ |
|
354 start_minimized: true,\n\ |
|
355 site_name : "Lignes de Temps",\n\ |
|
356 annotation_type: ["chap","découpage"]\n\ |
|
357 }'; |
|
358 } |
|
359 if(tweet_val.checked){ |
|
360 widget_code+='\ |
|
361 ,{\n\ |
|
362 type: "Tweet",\n\ |
|
363 hide_timeout: 5000\n\ |
|
364 }'; |
|
365 } |
|
366 |
|
367 if(annotationslist_val.checked){ |
|
368 widget_code+=',{\n\ |
|
369 type: "AnnotationsList",\n\ |
|
370 ajax_url: "'+segment_api+'",\n\ |
|
371 container: "AnnotationsList_ext",\n\ |
|
372 ajax_granularity : 300000,\n\ |
|
373 default_thumbnail : "'+default_thumbnail+'",\n\ |
|
374 show_audio: true,\n\ |
|
375 rtmp_streamer: "rtmp://media.iri.centrepompidou.fr/ddc_micro_record/"\n\ |
|
376 }'; |
|
377 } |
|
378 |
|
379 if(tagcloud_val.checked){ |
|
380 widget_code+=',{\n\ |
|
381 type: "Tagcloud",\n\ |
|
382 }'; |
|
383 } |
|
384 |
|
385 widget_code+=']\n\ |
|
386 };\n'; |
|
387 |
|
388 return widget_code; |
|
389 |
|
390 } |
|
391 |
|
392 function generate_div_code(){ |
|
393 var annotationslist_val=document.getElementById('annotations_list_checkbox'); |
|
394 var slideshare_val=document.getElementById('slideshare_checkbox'); |
|
395 var social_val=document.getElementById('social_checkbox'); |
|
396 code=generate_base_embed_code(); |
|
397 code+=generate_widget_code(); |
|
398 code+='\n\ |
|
399 _myPlayer = new IriSP.Metadataplayer(_config);\n\ |
|
400 </script>\n'; |
|
401 if(social_val.checked){ |
|
402 code+='\ |
|
403 <div id="Social_ext" class="Ldt-TraceMe Ldt-Widget" style="float:right; width:400px; height:24px;" widget-type="Social">\n\ |
|
404 </div>\n'; |
|
405 } |
|
406 if(slideshare_val.checked){ |
|
407 code+='\ |
|
408 <div id="Slideshare_ext" class="ext_widget Ldt-TraceMe Ldt-Widget" style="float:left; width:400px;" widget-type="Slideshare">\n\ |
|
409 </div>\n'; |
|
410 } |
|
411 |
|
412 if(annotationslist_val.checked){ |
|
413 code+='\ |
|
414 <div id="AnnotationsList_ext" class="ext_widget Ldt-TraceMe Ldt-Widget" style="float:left; width:400px;" widget-type="AnnotationsList"></div>\n'; |
|
415 } |
|
416 |
|
417 code+='\ |
|
418 </div>\n'; |
|
419 return code; |
|
420 } |
|
421 |
|
422 function put_new_code(){ |
|
423 var type_embed=document.getElementById("type_embed_div"); |
|
424 wrapper = "wrapper_"+player_id; |
|
425 wrapper_id = "#"+wrapper; |
|
426 var element = document.getElementById(wrapper); |
|
427 var code_embed=document.getElementById("player_id_code"); |
|
428 if(type_embed.checked){ |
|
429 var new_code=generate_div_code(); |
|
430 } |
|
431 else{ |
|
432 var new_code=generate_iframe_code(); |
|
433 } |
|
434 code_embed.value= new_code; |
|
435 $j("#player_id_code").select(); |
|
436 } |
|
437 |
|
438 function div_event(){ |
|
439 $j("#createannotation_block").toggle(false); |
|
440 put_new_code(); |
|
441 } |
|
442 |
|
443 function toggle() { |
|
444 wrapper="wrapper_"+player_id; |
|
445 wrapper_id="#"+wrapper; |
|
446 var player_div = document.getElementById("player_div"); |
|
447 var element = document.getElementById(wrapper); |
|
448 var text = document.getElementById("displayPlayer"); |
|
449 var type_embed=document.getElementById("type_embed_div"); |
|
450 if(player_div.style.display==="none") { |
|
451 if (type_embed.checked){ |
|
452 var new_code=generate_div_code(); |
|
453 $j(wrapper_id).html(new_code); |
|
454 } |
|
455 else{ |
|
456 display_iframe_player(); |
|
457 } |
|
458 player_div.style.display="block"; |
|
459 text.innerHTML = translate_hide; |
|
460 } |
|
461 else { |
|
462 $j(wrapper_id).html(''); |
|
463 player_div.style.display="none"; |
|
464 text.innerHTML = translate_show; |
|
465 } |
|
466 } |
|
467 |
|
468 function display_polemic(){ |
|
469 $j("#displayPolemicOptions").slideToggle("fast"); |
|
470 $j("#polemic_color_options").toggle(false); |
|
471 } |
|
472 |
|
473 function display_sparkline(){ |
|
474 $j("#displaySparklineOptions").slideToggle("fast"); |
|
475 $j("#sparkline_color_options").toggle(false); |
|
476 } |
|
477 |
|
478 function display_social(){ |
|
479 $j("#social_options").slideToggle("fast"); |
|
480 } |
|
481 |
|
482 function display_createannotation(){ |
|
483 $j("#createannotation_options").slideToggle("fast"); |
|
484 } |
|
485 |
|
486 function mode1(){ |
|
487 var annotationslist_val=document.getElementById('annotations_list_checkbox'); |
|
488 var slideshare_val=document.getElementById('slideshare_checkbox'); |
|
489 var social_val=document.getElementById('social_checkbox'); |
|
490 var annotation_val=document.getElementById('annotation_checkbox'); |
|
491 var tweet_val=document.getElementById('tweet_checkbox'); |
|
492 var segments_val=document.getElementById('segments_checkbox'); |
|
493 var polemic_val=document.getElementById('polemic_checkbox'); |
|
494 var sparkline_val=document.getElementById('sparkline_checkbox'); |
|
495 var tagcloud_val=document.getElementById('tagcloud_checkbox'); |
|
496 var createannotation_val=document.getElementById('createannotation_checkbox'); |
|
497 |
|
498 var type_embed=document.getElementById("type_embed_div"); |
|
499 |
|
500 if(type_embed.checked){ |
|
501 createannotation_val.checked=false; |
|
502 } |
|
503 else{ |
|
504 $j("#createannotation_options").toggle(true); |
|
505 createannotation_val.checked=true; |
|
506 var show_mic_record_val = document.getElementById('show_mic_record_checkbox'); |
|
507 show_mic_record_val.checked=false; |
|
508 } |
|
509 $j("#displayPolemicOptions").toggle(false); |
|
510 $j("#displaySparklineOptions").toggle(false); |
|
511 $j("#social_options").toggle(false); |
|
512 $j("#sparkline_color_options").toggle(false); |
|
513 polemic_val.checked=false; |
|
514 segments_val.checked=true; |
|
515 annotationslist_val.checked=false; |
|
516 slideshare_val.checked=false; |
|
517 social_val.checked=false; |
|
518 annotation_val.checked=false; |
|
519 tweet_val.checked=false; |
|
520 sparkline_val.checked=false; |
|
521 tagcloud_val.checked=false; |
|
522 put_new_code(); |
|
523 } |
|
524 |
|
525 function mode2(){ |
|
526 var annotationslist_val=document.getElementById('annotations_list_checkbox'); |
|
527 var slideshare_val=document.getElementById('slideshare_checkbox'); |
|
528 var social_val=document.getElementById('social_checkbox'); |
|
529 var annotation_val=document.getElementById('annotation_checkbox'); |
|
530 var tweet_val=document.getElementById('tweet_checkbox'); |
|
531 var segments_val=document.getElementById('segments_checkbox'); |
|
532 var polemic_val=document.getElementById('polemic_checkbox'); |
|
533 var sparkline_val=document.getElementById('sparkline_checkbox'); |
|
534 var tagcloud_val=document.getElementById('tagcloud_checkbox'); |
|
535 var createannotation_val=document.getElementById('createannotation_checkbox'); |
|
536 var type_embed=document.getElementById("type_embed_div"); |
|
537 $j("#displayPolemicOptions").toggle(false); |
|
538 $j("#displaySparklineOptions").toggle(false); |
|
539 $j("#social_options").toggle(false); |
|
540 $j("#sparkline_color_options").toggle(false); |
|
541 display_polemic(); |
|
542 display_sparkline(); |
|
543 |
|
544 if(type_embed.checked){ |
|
545 createannotation_val.checked=false; |
|
546 } |
|
547 else{ |
|
548 $j("#createannotation_options").toggle(true); |
|
549 createannotation_val.checked=true; |
|
550 var show_mic_record_val = document.getElementById('show_mic_record_checkbox'); |
|
551 show_mic_record_val.checked=false; |
|
552 |
|
553 } |
|
554 polemic_val.checked=true; |
|
555 segments_val.checked=true; |
|
556 annotationslist_val.checked=false; |
|
557 slideshare_val.checked=false; |
|
558 social_val.checked=false; |
|
559 annotation_val.checked=true; |
|
560 sparkline_val.checked=true; |
|
561 tweet_val.checked=false; |
|
562 tagcloud_val.checked=false; |
|
563 put_new_code(); |
|
564 |
|
565 } |
|
566 |
|
567 function mode3(){ |
|
568 var annotationslist_val=document.getElementById('annotations_list_checkbox'); |
|
569 var slideshare_val=document.getElementById('slideshare_checkbox'); |
|
570 var social_val=document.getElementById('social_checkbox'); |
|
571 var annotation_val=document.getElementById('annotation_checkbox'); |
|
572 var tweet_val=document.getElementById('tweet_checkbox'); |
|
573 var segments_val=document.getElementById('segments_checkbox'); |
|
574 var polemic_val=document.getElementById('polemic_checkbox'); |
|
575 var sparkline_val=document.getElementById('sparkline_checkbox'); |
|
576 var tagcloud_val=document.getElementById('tagcloud_checkbox'); |
|
577 var createannotation_val=document.getElementById('createannotation_checkbox'); |
|
578 var type_embed=document.getElementById("type_embed_div"); |
|
579 $j("#displayPolemicOptions").toggle(false); |
|
580 $j("#displaySparklineOptions").toggle(false); |
|
581 $j("#social_options").toggle(false); |
|
582 $j("#sparkline_color_options").toggle(false); |
|
583 display_polemic(); |
|
584 display_social(); |
|
585 display_sparkline(); |
|
586 if(type_embed.checked){ |
|
587 createannotation_val.checked=false; |
|
588 } |
|
589 else{ |
|
590 $j("#createannotation_options").toggle(true); |
|
591 createannotation_val.checked=true; |
|
592 var show_mic_record_val = document.getElementById('show_mic_record_checkbox'); |
|
593 show_mic_record_val.checked=false; |
|
594 } |
|
595 polemic_val.checked=true; |
|
596 segments_val.checked=true; |
|
597 annotationslist_val.checked=true; |
|
598 slideshare_val.checked=false; |
|
599 social_val.checked=true; |
|
600 annotation_val.checked=true; |
|
601 tweet_val.checked=false; |
|
602 sparkline_val.checked=true; |
|
603 tagcloud_val.checked=true; |
|
604 put_new_code(); |
|
605 |
|
606 } |
|
607 function iframe_event(){ |
|
608 $j("#createannotation_block").toggle(true); |
|
609 $j("#createannotation_options").toggle(true); |
|
610 var element = document.getElementById(wrapper); |
|
611 var createannotation_val=document.getElementById('createannotation_checkbox'); |
|
612 createannotation_val.checked=true; |
|
613 if(element.style.display=="block"){ |
|
614 display_iframe_player(); |
|
615 } |
|
616 iframe_code=generate_iframe_code(); |
|
617 $j("#player_id_code").val(iframe_code); |
|
618 $j("#player_id_code").select(); |
|
619 |
|
620 } |
|
621 |
|
622 function generate_iframeUrl(){ |
|
623 var createannotation_val=document.getElementById('createannotation_checkbox'); |
|
624 var annotationslist_val=document.getElementById('annotations_list_checkbox'); |
|
625 var slideshare_val=document.getElementById('slideshare_checkbox'); |
|
626 var social_val=document.getElementById('social_checkbox'); |
|
627 var annotation_val=document.getElementById('annotation_checkbox'); |
|
628 var tweet_val=document.getElementById('tweet_checkbox'); |
|
629 var segments_val=document.getElementById('segments_checkbox'); |
|
630 var polemic_val=document.getElementById('polemic_checkbox'); |
|
631 var sparkline_val=document.getElementById('sparkline_checkbox'); |
|
632 var tagcloud_val=document.getElementById('tagcloud_checkbox'); |
|
633 var createannotation_polemics_val=document.getElementById('createannotation_polemics_checkbox'); |
|
634 var concatenate_projects_val=document.getElementById('concatenate_projects_checkbox'); |
|
635 iframeUrl= iframe_url; |
|
636 |
|
637 if($j("#player_height").val()!=300) |
|
638 iframeUrl+="&player_height="+$j("#player_height").val(); |
|
639 if ($j("#player_width").val()!=550) |
|
640 iframeUrl+="&player_width="+$j("#player_width").val(); |
|
641 |
|
642 if(createannotation_val.checked){ |
|
643 iframeUrl+="&createannotation=True"; |
|
644 var show_mic_record_val = document.getElementById('show_mic_record_checkbox'); |
|
645 var set_tags_val=document.getElementById('set_tags'); |
|
646 if(show_mic_record_val.checked){ |
|
647 iframeUrl+="&show_mic_record=True"; |
|
648 } |
|
649 if(set_tags_val.checked){ |
|
650 iframeUrl+="&tag_titles="+$j("#tag_list").val(); |
|
651 } |
|
652 if(!createannotation_polemics_val.checked){ |
|
653 iframeUrl+="&createannotation_polemics=False"; |
|
654 } |
|
655 } |
|
656 if (polemic_val.checked){ |
|
657 tweet_type=document.getElementById("tweet_polemic"); |
|
658 if(tweet_type.checked){ |
|
659 iframeUrl+="&polemic=tweet"; |
|
660 } |
|
661 else{ |
|
662 iframeUrl+="&polemic=all"; |
|
663 } |
|
664 polemic_defaultColor=$j("#polemic_default_color").val(); |
|
665 defaultColor_code_array= polemic_defaultColor.split("#"); |
|
666 defaultColor_code=defaultColor_code_array[1]; |
|
667 polemic_foundColor=$j("#polemic_found_color").val(); |
|
668 foundColor_code_array = polemic_foundColor.split("#"); |
|
669 foundColor_code=foundColor_code_array[1]; |
|
670 polemic_okColor =$j("#polemic_ok_color").val(); |
|
671 polemic_okColor_code_array=polemic_okColor.split("#"); |
|
672 okColor_code=polemic_okColor_code_array[1]; |
|
673 polemic_koColor =$j("#polemic_ko_color").val(); |
|
674 polemic_koColor_code_array=polemic_koColor.split("#"); |
|
675 koColor_code=polemic_koColor_code_array[1]; |
|
676 polemic_refColor =$j("#polemic_ref_color").val(); |
|
677 polemic_refColor_code_array=polemic_refColor.split("#"); |
|
678 refColor_code=polemic_refColor_code_array[1]; |
|
679 polemic_qColor =$j("#polemic_q_color").val(); |
|
680 polemic_qColor_code_array=polemic_qColor.split("#"); |
|
681 qColor_code=polemic_qColor_code_array[1]; |
|
682 if(defaultColor_code!="585858") |
|
683 iframeUrl+="&polemic_defaultColor="+defaultColor_code; |
|
684 if(foundColor_code!="fc00ff") |
|
685 iframeUrl+="&polemic_foundColor="+foundColor_code; |
|
686 if(okColor_code!="1d973d") |
|
687 iframeUrl+="&polemic_okColor="+okColor_code; |
|
688 if(koColor_code!="ce0a15") |
|
689 iframeUrl+="&polemic_koColor="+koColor_code; |
|
690 if(refColor_code!="c5a62d") |
|
691 iframeUrl+="&polemic_refColor="+refColor_code; |
|
692 if(qColor_code!="036aae") |
|
693 iframeUrl+="&polemic_qColor="+qColor_code; |
|
694 |
|
695 } |
|
696 else{ |
|
697 iframeUrl+="&polemic=False"; |
|
698 } |
|
699 if(annotationslist_val.checked){ |
|
700 iframeUrl+="&annotations_list=True"; |
|
701 } |
|
702 if(annotation_val.checked){ |
|
703 iframeUrl+="&annotation=True"; |
|
704 } |
|
705 if(slideshare_val.checked){ |
|
706 iframeUrl+="&slideshare=True"; |
|
707 } |
|
708 if(social_val.checked){ |
|
709 show_url=document.getElementById("show_url_checkbox"); |
|
710 show_twitter=document.getElementById("show_twitter_checkbox"); |
|
711 show_fb=document.getElementById("show_fb_checkbox"); |
|
712 show_gplus=document.getElementById("show_gplus_checkbox"); |
|
713 show_mail=document.getElementById("show_mail_checkbox"); |
|
714 iframeUrl+="&social=True"; |
|
715 if(!show_url.checked){ |
|
716 iframeUrl+="&show_url=False"; |
|
717 } |
|
718 if(!show_twitter.checked){ |
|
719 iframeUrl+="&show_twitter=False"; |
|
720 } |
|
721 if(!show_fb.checked){ |
|
722 iframeUrl+="&show_fb=False"; |
|
723 } |
|
724 if(!show_gplus.checked){ |
|
725 iframeUrl+="&show_gplus=False"; |
|
726 } |
|
727 if(!show_mail.checked){ |
|
728 iframeUrl+="&show_mail=False"; |
|
729 } |
|
730 } |
|
731 if(tweet_val.checked){ |
|
732 iframeUrl+="&tweet=True"; |
|
733 } |
|
734 if(!segments_val.checked){ |
|
735 iframeUrl+="&segments=False"; |
|
736 } |
|
737 if(sparkline_val.checked){ |
|
738 iframeUrl+="&sparkline=True"; |
|
739 sparkline_lineColor=$j("#sparkline_line_color").val(); |
|
740 lineColor_code_array= sparkline_lineColor.split("#"); |
|
741 lineColor_code=lineColor_code_array[1]; |
|
742 sparkline_fillColor=$j("#sparkline_fill_color").val(); |
|
743 fillColor_code_array = sparkline_fillColor.split("#"); |
|
744 fillColor_code=fillColor_code_array[1]; |
|
745 if(lineColor_code!="7492b4") |
|
746 iframeUrl+="&sparkline_lineColor="+lineColor_code; |
|
747 if(fillColor_code!="aeaeb8") |
|
748 iframeUrl+="&sparkline_fillColor="+fillColor_code; |
|
749 } |
|
750 if(tagcloud_val.checked){ |
|
751 iframeUrl+="&tagcloud=True"; |
|
752 } |
|
753 if(concatenate_projects_val.checked){ |
|
754 iframeUrl+="&concatenate_projects=True"; |
|
755 } |
|
756 |
|
757 return iframeUrl; |
|
758 } |
|
759 |
|
760 function generate_iframe_code(){ |
|
761 var createannotation_val=document.getElementById('createannotation_checkbox'); |
|
762 var annotationslist_val=document.getElementById('annotations_list_checkbox'); |
|
763 var polemic_val=document.getElementById('polemic_checkbox'); |
|
764 var slideshare_val=document.getElementById('slideshare_checkbox'); |
|
765 var show_mic_record_val = document.getElementById('show_mic_record_checkbox'); |
|
766 iframeUrl=generate_iframeUrl(); |
|
767 player_width=parseInt($j("#player_width").val())+20; |
|
768 player_height=parseInt($j("#player_height").val())+130; |
|
769 if (createannotation_val.checked){ |
|
770 player_height+=281; |
|
771 } |
|
772 if(annotationslist_val.checked || slideshare_val.checked){ |
|
773 player_width+=430; |
|
774 } |
|
775 if(polemic_val.checked){ |
|
776 player_height+=100; |
|
777 |
|
778 } |
|
779 if(show_mic_record_val.checked){ |
|
780 |
|
781 player_height+=55; |
|
782 } |
|
783 iframe_code="<iframe src='"+iframeUrl+"' width='"+player_width+"' height='"+player_height+"' seamless='seamless'></iframe>"; |
|
784 |
|
785 return iframe_code; |
|
786 } |
|
787 |
|
788 function display_iframe_player(){ |
|
789 var createannotation_val=document.getElementById('createannotation_checkbox'); |
|
790 var annotationslist_val=document.getElementById('annotations_list_checkbox'); |
|
791 var polemic_val=document.getElementById('polemic_checkbox'); |
|
792 var slideshare_val=document.getElementById('slideshare_checkbox'); |
|
793 var show_mic_record_val = document.getElementById('show_mic_record_checkbox'); |
|
794 var code_embed=document.getElementById("player_id_code"); |
|
795 wrapper = "wrapper_"+player_id; |
|
796 wrapper_id = "#"+wrapper; |
|
797 iframeUrl= generate_iframeUrl(); |
|
798 player_width=parseInt($j("#player_width").val())+20; |
|
799 player_height=parseInt($j("#player_height").val())+130; |
|
800 if (createannotation_val.checked){ |
|
801 player_height+=300; |
|
802 player_width+=50; |
|
803 } |
|
804 if(annotationslist_val.checked || slideshare_val.checked){ |
|
805 player_width+=430; |
|
806 } |
|
807 if(polemic_val.checked){ |
|
808 player_height+=100; |
|
809 |
|
810 } |
|
811 if(show_mic_record_val.checked){ |
|
812 |
|
813 player_height+=55; |
|
814 } |
|
815 frame = document.createElement("iframe"); |
|
816 frame.width = player_width; |
|
817 frame.height = player_height; |
|
818 frame.src = iframeUrl; |
|
819 frame.frameBorder = 0; |
|
820 frame.seamless = "seamless"; |
|
821 $j(wrapper_id).html(frame); |
|
822 } |
|
823 |
|
824 function set_default_color(code){ |
|
825 $j("#polemic_default_color").val("#"+code); |
|
826 put_new_code(); |
|
827 } |
|
828 |
|
829 function set_found_color(code){ |
|
830 $j("#polemic_found_color").val("#"+code); |
|
831 put_new_code(); |
|
832 } |
|
833 |
|
834 function set_line_color(code){ |
|
835 $j("#sparkline_line_color").val("#"+code); |
|
836 put_new_code(); |
|
837 } |
|
838 |
|
839 function set_fill_color(code){ |
|
840 $j("#sparkline_fill_color").val("#"+code); |
|
841 put_new_code(); |
|
842 } |
|
843 |
|
844 function refresh_player(){ |
|
845 var type_embed=document.getElementById("type_embed_div"); |
|
846 if (type_embed.checked){ |
|
847 var new_code=generate_div_code(); |
|
848 $j(wrapper_id).html(new_code); |
|
849 } |
|
850 else{ |
|
851 display_iframe_player(); |
|
852 } |
|
853 } |
|