|
1 /* TODO: Add Social Network Sharing */ |
|
2 |
|
3 IriSP.Widgets.CreateAnnotation = function(player, config) { |
|
4 IriSP.Widgets.Widget.call(this, player, config); |
|
5 }; |
|
6 |
|
7 IriSP.Widgets.CreateAnnotation.prototype = new IriSP.Widgets.Widget(); |
|
8 |
|
9 IriSP.Widgets.CreateAnnotation.prototype.defaults = { |
|
10 show_title_field : true, |
|
11 show_creator_field : true, |
|
12 start_visible : true, |
|
13 always_visible : false, |
|
14 show_slice : true, |
|
15 show_arrow : true, |
|
16 show_mic_record: false, |
|
17 show_mic_play: false, |
|
18 minimize_annotation_widget : true, |
|
19 creator_name : "", |
|
20 creator_avatar : "", |
|
21 tags : false, |
|
22 tag_titles : false, |
|
23 pause_on_write : true, |
|
24 max_tags : 8, |
|
25 polemics : [{ |
|
26 keyword: "++", |
|
27 background_color: "#00a000", |
|
28 text_color: "#ffffff" |
|
29 },{ |
|
30 keyword: "--", |
|
31 background_color: "#c00000", |
|
32 text_color: "#ffffff" |
|
33 },{ |
|
34 keyword: "??", |
|
35 background_color: "#0000e0", |
|
36 text_color: "#ffffff" |
|
37 },{ |
|
38 keyword: "==", |
|
39 background_color: "#f0e000", |
|
40 text_color: "#000000" |
|
41 }], |
|
42 slice_annotation_type: "chap", |
|
43 annotation_type: "Contributions", |
|
44 api_serializer: "ldt_annotate", |
|
45 api_endpoint_template: "", |
|
46 api_method: "POST", |
|
47 after_send_timeout: 0, |
|
48 close_after_send: false, |
|
49 tag_prefix: "#" |
|
50 }; |
|
51 |
|
52 IriSP.Widgets.CreateAnnotation.prototype.messages = { |
|
53 en: { |
|
54 from_time: "from", |
|
55 to_time: "to", |
|
56 at_time: "at", |
|
57 submit: "Submit", |
|
58 add_keywords_: "Add keywords:", |
|
59 add_polemic_keywords_: "Add polemic attributes :", |
|
60 your_name_: "Your name:", |
|
61 annotate_video: "Annotate this video", |
|
62 type_title: "Annotation title", |
|
63 type_description: "Type the full contents of your annotation here.", |
|
64 wait_while_processing: "Please wait while your annotation is being processed...", |
|
65 error_while_contacting: "An error happened while contacting the server. Your annotation has not been saved.", |
|
66 annotation_saved: "Thank you, your annotation has been saved.", |
|
67 share_annotation: "Would you like to share it on social networks ?", |
|
68 close_widget: "Hide the annotation form", |
|
69 "polemic++": "Agree", |
|
70 "polemic--": "Disagree", |
|
71 "polemic??": "Question", |
|
72 "polemic==": "Reference" |
|
73 }, |
|
74 fr: { |
|
75 from_time: "de", |
|
76 to_time: "à", |
|
77 at_time: "à", |
|
78 submit: "Envoyer", |
|
79 add_keywords_: "Ajouter des mots-clés\u00a0:", |
|
80 add_polemic_keywords_: "Ajouter des attributs polémiques\u00a0:", |
|
81 your_name_: "Votre nom\u00a0:", |
|
82 annotate_video: "Annoter cette vidéo", |
|
83 type_title: "Titre de l'annotation", |
|
84 type_description: "Rédigez ici le contenu de votre annotation.", |
|
85 wait_while_processing: "Veuillez patienter pendant le traitement de votre annotation...", |
|
86 error_while_contacting: "Une erreur s'est produite en contactant le serveur. Votre annotation n'a pas été enregistrée.", |
|
87 annotation_saved: "Merci, votre annotation a été enregistrée.", |
|
88 share_annotation: "Souhaitez-vous la partager sur les réseaux sociaux ?", |
|
89 close_widget: "Cacher le formulaire de création d'annotations", |
|
90 "polemic++": "Accord", |
|
91 "polemic--": "Désaccord", |
|
92 "polemic??": "Question", |
|
93 "polemic==": "Référence" |
|
94 } |
|
95 }; |
|
96 |
|
97 IriSP.Widgets.CreateAnnotation.prototype.template = |
|
98 '{{#show_slice}}<div class="Ldt-CreateAnnotation-Slice"></div>{{/show_slice}}' |
|
99 + '{{^show_slice}}{{#show_arrow}}<div class="Ldt-CreateAnnotation-Arrow"></div>{{/show_arrow}}{{/show_slice}}' |
|
100 + '<div class="Ldt-CreateAnnotation"><div class="Ldt-CreateAnnotation-Inner">' |
|
101 + '<form class="Ldt-CreateAnnotation-Screen Ldt-CreateAnnotation-Main">' |
|
102 + '<h3><span class="Ldt-CreateAnnotation-h3Left">{{l10n.annotate_video}}{{#show_title_field}}</span></h3>' |
|
103 + '<h3><span class="Ldt-CreateAnnotation-h3Left"><input class="Ldt-CreateAnnotation-Title empty" placeholder="{{l10n.type_title}}" />{{/show_title_field}}' |
|
104 + '<span class="Ldt-CreateAnnotation-Times"> {{#show_slice}}{{l10n.from_time}} {{/show_slice}}{{^show_slice}}{{l10n.at_time}} {{/show_slice}} <span class="Ldt-CreateAnnotation-Begin">00:00</span>' |
|
105 + '{{#show_slice}} {{l10n.to_time}} <span class="Ldt-CreateAnnotation-End">{{end}}</span>{{/show_slice}}</span></span>' |
|
106 + '{{#show_creator_field}}{{l10n.your_name_}} <input class="Ldt-CreateAnnotation-Creator empty" value="{{creator_name}}" />{{/show_creator_field}}</h3>' |
|
107 + '<textarea class="Ldt-CreateAnnotation-Description empty" placeholder="{{l10n.type_description}}"></textarea>' |
|
108 + '<div class="Ldt-CreateAnnotation-Avatar"><img src="{{creator_avatar}}" title="{{creator_name}}"></img></div>' |
|
109 + '<input type="submit" class="Ldt-CreateAnnotation-Submit" value="{{l10n.submit}}" />' |
|
110 + '{{#show_mic_record}}<div class="Ldt-CreateAnnotation-RecBlock"><div class="Ldt-CreateAnnotation-RecLabel">Add voice annotation</div>' |
|
111 + ' <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="220" height="160">' |
|
112 + ' <param name="movie" value="{{record_swf}}" />' |
|
113 + ' <param name="quality" value="high" />' |
|
114 + ' <param name="bgcolor" value="#ffffff" />' |
|
115 + ' <param name="play" value="true" />' |
|
116 + ' <param name="loop" value="true" />' |
|
117 + ' <param name="wmode" value="transparent" />' |
|
118 + ' <param name="scale" value="showall" />' |
|
119 + ' <param name="menu" value="true" />' |
|
120 + ' <param name="devicefont" value="false" />' |
|
121 + ' <param name="salign" value="" />' |
|
122 + ' <param name="allowScriptAccess" value="always" />' |
|
123 + ' <param name="allowFullScreen" value="true" />' |
|
124 + ' <param name="flashvars" value="playVisible={{show_mic_play}}">' |
|
125 + ' <embed src="{{record_swf}}"" quality="high" bgcolor="#ffffff"' |
|
126 + ' width="220" height="160" name="ExternalInterfaceExample" align="middle"' |
|
127 + ' play="true" loop="false" quality="high" allowScriptAccess="always" ' |
|
128 + ' type="application/x-shockwave-flash" allowFullScreen="true" wmode="transparent" ' |
|
129 + ' flashvars="playVisible={{show_mic_play}}"' |
|
130 + ' pluginspage="http://www.macromedia.com/go/getflashplayer">' |
|
131 + ' </embed>' |
|
132 + ' </object>' |
|
133 + '</div>{{/show_mic_record}}' |
|
134 + '{{#tags.length}}<div class="Ldt-CreateAnnotation-Tags"><div class="Ldt-CreateAnnotation-TagTitle">{{l10n.add_keywords_}}</div><ul class="Ldt-CreateAnnotation-TagList">' |
|
135 + '{{#tags}}<li class="Ldt-CreateAnnotation-TagLi" tag-id="{{id}}" data-text="{{tag_prefix}}{{title}}"><span class="Ldt-CreateAnnotation-TagButton">{{title}}</span></li>{{/tags}}</ul></div>{{/tags.length}}' |
|
136 + '{{#polemics.length}}<div class="Ldt-CreateAnnotation-Polemics"><div class="Ldt-CreateAnnotation-PolemicTitle">{{l10n.add_polemic_keywords_}}</div><ul class="Ldt-CreateAnnotation-PolemicList">' |
|
137 + '{{#polemics}}<li class="Ldt-CreateAnnotation-PolemicLi" style="background-color: {{background_color}}; color: {{text_color}}" data-text="{{keyword}}">{{keyword}}</li>{{/polemics}}</ul></div>{{/polemics.length}}' |
|
138 + '<div style="clear: both;"></div></form>' |
|
139 + '<div class="Ldt-CreateAnnotation-Screen Ldt-CreateAnnotation-Wait"><div class="Ldt-CreateAnnotation-InnerBox">{{l10n.wait_while_processing}}</div></div>' |
|
140 + '<div class="Ldt-CreateAnnotation-Screen Ldt-CreateAnnotation-Error">{{^always_visible}}<a title="{{l10n.close_widget}}" class="Ldt-CreateAnnotation-Close" href="#"></a>{{/always_visible}}<div class="Ldt-CreateAnnotation-InnerBox">{{l10n.error_while_contacting}}</div></div>' |
|
141 + '<div class="Ldt-CreateAnnotation-Screen Ldt-CreateAnnotation-Saved">{{^always_visible}}<a title="{{l10n.close_widget}}" class="Ldt-CreateAnnotation-Close" href="#"></a>{{/always_visible}}<div class="Ldt-CreateAnnotation-InnerBox">{{l10n.annotation_saved}}</div></div>' |
|
142 + '</div></div>'; |
|
143 |
|
144 IriSP.Widgets.CreateAnnotation.prototype.draw = function() { |
|
145 var _this = this; |
|
146 |
|
147 this.begin = new IriSP.Model.Time(); |
|
148 this.end = this.source.getDuration(); |
|
149 |
|
150 this.tag_prefix = this.tag_prefix || ""; |
|
151 |
|
152 if (this.tag_titles && !this.tags) { |
|
153 if(!(this.tag_titles.length==1 && this.tag_titles[0]=="")){ |
|
154 this.tags = IriSP._(this.tag_titles).map(function(_tag_title) { |
|
155 var _tag, |
|
156 _tags = _this.source.getTags().searchByTitle(_tag_title, true); |
|
157 if (_tags.length) { |
|
158 _tag = _tags[0]; |
|
159 } else { |
|
160 _tag = new IriSP.Model.Tag(false, _this.source); |
|
161 _this.source.getTags().push(_tag); |
|
162 _tag.title = _tag_title; |
|
163 } |
|
164 return _tag; |
|
165 }); |
|
166 } |
|
167 else{ |
|
168 // we forced no tags if this.tag_titles = [''] (and not false) |
|
169 this.tags = true; |
|
170 } |
|
171 } |
|
172 if (!this.tags) { |
|
173 this.tags = this.source.getTags() |
|
174 .sortBy(function (_tag) { |
|
175 return -_tag.getAnnotations().length; |
|
176 }) |
|
177 .slice(0, this.max_tags) |
|
178 .map(function(_tag) { |
|
179 return _tag; |
|
180 }); |
|
181 /* We have to use the map function because Mustache doesn't like our tags object */ |
|
182 } |
|
183 this.record_swf = IriSP.getLib("recordMicSwf"); |
|
184 this.renderTemplate(); |
|
185 if (this.show_mic_record) { |
|
186 this.recorder = this.$.find("embed")[0]; |
|
187 |
|
188 window.setAudioUrl = function(_url) { |
|
189 _this.audio_url = _url; |
|
190 } |
|
191 } |
|
192 if (this.show_slice) { |
|
193 this.insertSubwidget( |
|
194 this.$.find(".Ldt-CreateAnnotation-Slice"), |
|
195 { |
|
196 type: "Slice", |
|
197 show_arrow: this.show_arrow, |
|
198 annotation_type: this.slice_annotation_type, |
|
199 onBoundsChanged: function(_from, _to) { |
|
200 _this.begin = new IriSP.Model.Time(_from || 0); |
|
201 _this.end = new IriSP.Model.Time(_to || 0); |
|
202 _this.$.find(".Ldt-CreateAnnotation-Begin").html(_this.begin.toString()); |
|
203 _this.$.find(".Ldt-CreateAnnotation-End").html(_this.end.toString()); |
|
204 } |
|
205 }, |
|
206 "slice" |
|
207 ); |
|
208 } else { |
|
209 if (this.show_arrow) { |
|
210 this.insertSubwidget(this.$.find(".Ldt-CreateAnnotation-Arrow"), {type: "Arrow"},"arrow"); |
|
211 } |
|
212 this.onMediaEvent("timeupdate", function(_time) { |
|
213 _this.begin = new IriSP.Model.Time(_time || 0); |
|
214 _this.end = new IriSP.Model.Time(_time || 0); |
|
215 _this.$.find(".Ldt-CreateAnnotation-Begin").html(_this.begin.toString()); |
|
216 if (_this.arrow) { |
|
217 _this.arrow.moveToTime(_time); |
|
218 } |
|
219 }); |
|
220 } |
|
221 this.$.find(".Ldt-CreateAnnotation-Close").click(function() { |
|
222 _this.close_after_send |
|
223 ? _this.hide() |
|
224 : _this.showScreen("Main"); |
|
225 return false; |
|
226 }); |
|
227 this.$.find(".Ldt-CreateAnnotation-TagLi, .Ldt-CreateAnnotation-PolemicLi").click(function() { |
|
228 _this.addKeyword(IriSP.jQuery(this).attr("data-text")); |
|
229 return false; |
|
230 }); |
|
231 this.$.find(".Ldt-CreateAnnotation-PolemicLi").each(function() { |
|
232 var _el = IriSP.jQuery(this), |
|
233 _kw = _el.attr("data-text"), |
|
234 _msg = _this.l10n["polemic" + _kw]; |
|
235 if (_msg) { |
|
236 _el.attr("title",_msg); |
|
237 } |
|
238 }); |
|
239 this.$.find(".Ldt-CreateAnnotation-Description").bind("change keyup input paste", this.functionWrapper("onDescriptionChange")); |
|
240 if (this.show_title_field) { |
|
241 this.$.find(".Ldt-CreateAnnotation-Title").bind("change keyup input paste", this.functionWrapper("onTitleChange")); |
|
242 } |
|
243 if (this.show_creator_field) { |
|
244 this.$.find(".Ldt-CreateAnnotation-Creator").bind("change keyup input paste", this.functionWrapper("onCreatorChange")); |
|
245 } |
|
246 |
|
247 if (this.start_visible) { |
|
248 this.show(); |
|
249 } else { |
|
250 this.$.hide(); |
|
251 this.hide(); |
|
252 } |
|
253 |
|
254 this.onMdpEvent("CreateAnnotation.toggle","toggle"); |
|
255 this.$.find("form").submit(this.functionWrapper("onSubmit")); |
|
256 }; |
|
257 |
|
258 IriSP.Widgets.CreateAnnotation.prototype.showScreen = function(_screenName) { |
|
259 this.$.find('.Ldt-CreateAnnotation-' + _screenName).show() |
|
260 .siblings().hide(); |
|
261 } |
|
262 |
|
263 IriSP.Widgets.CreateAnnotation.prototype.show = function() { |
|
264 this.visible = true; |
|
265 this.showScreen('Main'); |
|
266 this.$.find(".Ldt-CreateAnnotation-Description").val("").css("border-color", "#666666").addClass("empty"); |
|
267 if (this.show_title_field) { |
|
268 this.$.find(".Ldt-CreateAnnotation-Title").val("").css("border-color", "#666666").addClass("empty"); |
|
269 } |
|
270 if (this.show_creator_field) { |
|
271 this.$.find(".Ldt-CreateAnnotation-Creator").val(this.creator_name).css("border-color", "#666666"); |
|
272 if (!this.creator_name) { |
|
273 this.$.find(".Ldt-CreateAnnotation-Creator").addClass("empty"); |
|
274 } |
|
275 } |
|
276 this.$.find(".Ldt-CreateAnnotation-TagLi, .Ldt-CreateAnnotation-PolemicLi").removeClass("selected"); |
|
277 this.$.slideDown(); |
|
278 if (this.minimize_annotation_widget) { |
|
279 this.player.trigger("Annotation.minimize"); |
|
280 } |
|
281 }; |
|
282 |
|
283 IriSP.Widgets.CreateAnnotation.prototype.hide = function() { |
|
284 if (this.recorder) { |
|
285 this.recorder.stopRecord(); |
|
286 } |
|
287 if (!this.always_visible) { |
|
288 this.visible = false; |
|
289 this.$.slideUp(); |
|
290 if (this.minimize_annotation_widget) { |
|
291 this.player.trigger("Annotation.maximize"); |
|
292 } |
|
293 } |
|
294 }; |
|
295 |
|
296 IriSP.Widgets.CreateAnnotation.prototype.toggle = function() { |
|
297 if (!this.always_visible) { |
|
298 if (this.visible) { |
|
299 this.hide(); |
|
300 } else { |
|
301 this.show(); |
|
302 } |
|
303 } |
|
304 }; |
|
305 |
|
306 IriSP.Widgets.CreateAnnotation.prototype.addKeyword = function(_keyword) { |
|
307 var _field = this.$.find(".Ldt-CreateAnnotation-Description"), |
|
308 _rx = IriSP.Model.regexpFromTextOrArray(_keyword), |
|
309 _contents = _field.val(); |
|
310 _contents = ( !!_contents.match(_rx) |
|
311 ? _contents.replace(_rx,"") |
|
312 : _contents + " " + _keyword |
|
313 ); |
|
314 _field.val(_contents.replace(/\s{2,}/g,' ').replace(/(^\s+|\s+$)/g,'')); |
|
315 this.onDescriptionChange(); |
|
316 }; |
|
317 |
|
318 IriSP.Widgets.CreateAnnotation.prototype.pauseOnWrite = function() { |
|
319 if (this.pause_on_write && !this.media.getPaused()) { |
|
320 this.media.pause(); |
|
321 } |
|
322 }; |
|
323 |
|
324 IriSP.Widgets.CreateAnnotation.prototype.onDescriptionChange = function() { |
|
325 var _field = this.$.find(".Ldt-CreateAnnotation-Description"), |
|
326 _contents = _field.val(); |
|
327 _field.css("border-color", !!_contents ? "#666666" : "#ff0000"); |
|
328 if (!!_contents) { |
|
329 _field.removeClass("empty"); |
|
330 } else { |
|
331 _field.addClass("empty"); |
|
332 } |
|
333 this.$.find(".Ldt-CreateAnnotation-TagLi, .Ldt-CreateAnnotation-PolemicLi").each(function() { |
|
334 var _rx = IriSP.Model.regexpFromTextOrArray(IriSP.jQuery(this).attr("data-text")); |
|
335 if (_contents.match(_rx)) { |
|
336 IriSP.jQuery(this).addClass("selected"); |
|
337 } else { |
|
338 IriSP.jQuery(this).removeClass("selected"); |
|
339 } |
|
340 }); |
|
341 this.pauseOnWrite(); |
|
342 return !!_contents; |
|
343 }; |
|
344 |
|
345 IriSP.Widgets.CreateAnnotation.prototype.onTitleChange = function() { |
|
346 var _field = this.$.find(".Ldt-CreateAnnotation-Title"), |
|
347 _contents = _field.val(); |
|
348 _field.css("border-color", !!_contents ? "#666666" : "#ff0000"); |
|
349 if (!!_contents) { |
|
350 _field.removeClass("empty"); |
|
351 } else { |
|
352 _field.addClass("empty"); |
|
353 } |
|
354 this.pauseOnWrite(); |
|
355 return !!_contents; |
|
356 }; |
|
357 |
|
358 |
|
359 IriSP.Widgets.CreateAnnotation.prototype.onCreatorChange = function() { |
|
360 var _field = this.$.find(".Ldt-CreateAnnotation-Creator"), |
|
361 _contents = _field.val(); |
|
362 _field.css("border-color", !!_contents ? "#666666" : "#ff0000"); |
|
363 if (!!_contents) { |
|
364 _field.removeClass("empty"); |
|
365 } else { |
|
366 _field.addClass("empty"); |
|
367 } |
|
368 this.pauseOnWrite(); |
|
369 return !!_contents; |
|
370 }; |
|
371 |
|
372 /* Fonction effectuant l'envoi des annotations */ |
|
373 IriSP.Widgets.CreateAnnotation.prototype.onSubmit = function() { |
|
374 /* Si les champs obligatoires sont vides, on annule l'envoi */ |
|
375 if (!this.onDescriptionChange() || (this.show_title_field && !this.onTitleChange()) || (this.show_creator_field && !this.onCreatorChange())) { |
|
376 return false; |
|
377 } |
|
378 |
|
379 if (this.recorder) { |
|
380 this.recorder.stopRecord(); |
|
381 } |
|
382 |
|
383 var _this = this, |
|
384 _exportedAnnotations = new IriSP.Model.List(this.player.sourceManager), /* Création d'une liste d'annotations contenant une annotation afin de l'envoyer au serveur */ |
|
385 _export = this.player.sourceManager.newLocalSource({serializer: IriSP.serializers[this.api_serializer]}), /* Création d'un objet source utilisant un sérialiseur spécifique pour l'export */ |
|
386 _annotation = new IriSP.Model.Annotation(false, _export), /* Création d'une annotation dans cette source avec un ID généré à la volée (param. false) */ |
|
387 _annotationTypes = this.source.getAnnotationTypes().searchByTitle(this.annotation_type, true), /* Récupération du type d'annotation dans lequel l'annotation doit être ajoutée */ |
|
388 _annotationType = (_annotationTypes.length ? _annotationTypes[0] : new IriSP.Model.AnnotationType(false, _export)), /* Si le Type d'Annotation n'existe pas, il est créé à la volée */ |
|
389 _url = Mustache.to_html(this.api_endpoint_template, {id: this.source.projectId}); /* Génération de l'URL à laquelle l'annotation doit être envoyée, qui doit inclure l'ID du projet */ |
|
390 |
|
391 /* Si nous avons dû générer un ID d'annotationType à la volée... */ |
|
392 if (!_annotationTypes.length) { |
|
393 /* Il ne faudra pas envoyer l'ID généré au serveur */ |
|
394 _annotationType.dont_send_id = true; |
|
395 /* Il faut inclure le titre dans le type d'annotation */ |
|
396 _annotationType.title = this.annotation_type; |
|
397 } |
|
398 |
|
399 /* |
|
400 * Nous remplissons les données de l'annotation générée à la volée |
|
401 * ATTENTION: Si nous sommes sur un MASHUP, ces éléments doivent se référer AU MEDIA D'ORIGINE |
|
402 * */ |
|
403 _annotation.setMedia(this.source.currentMedia.id); /* Id du média annoté */ |
|
404 _annotation.setBegin(this.begin); /*Timecode de début */ |
|
405 _annotation.setEnd(this.end); /* Timecode de fin */ |
|
406 |
|
407 _annotation.setAnnotationType(_annotationType.id); /* Id du type d'annotation */ |
|
408 if (this.show_title_field) { |
|
409 /* Champ titre, seulement s'il est visible */ |
|
410 _annotation.title = this.$.find(".Ldt-CreateAnnotation-Title").val(); |
|
411 } |
|
412 _annotation.created = new Date(); /* Date de création de l'annotation */ |
|
413 _annotation.description = this.$.find(".Ldt-CreateAnnotation-Description").val(); /* Champ description */ |
|
414 |
|
415 var tagIds = Array.prototype.map.call( |
|
416 this.$.find(".Ldt-CreateAnnotation-TagLi.selected"), |
|
417 function(el) { return IriSP.jQuery(el).attr("tag-id")} |
|
418 ); |
|
419 |
|
420 IriSP._(_annotation.description.match(/#[^\s#.,;]+/g)).each(function(_tt) { |
|
421 var _tag, |
|
422 _tag_title = _tt.replace(/^#/,''), |
|
423 _tags = _this.source.getTags().searchByTitle(_tag_title, true); |
|
424 if (_tags.length) { |
|
425 _tag = _tags[0]; |
|
426 } else { |
|
427 _tag = new IriSP.Model.Tag(false, _this.source); |
|
428 _this.source.getTags().push(_tag); |
|
429 _tag.title = _tag_title; |
|
430 } |
|
431 if (tagIds.indexOf(_tag.id) === -1) { |
|
432 tagIds.push(_tag.id); |
|
433 } |
|
434 |
|
435 }) |
|
436 |
|
437 _annotation.setTags(IriSP._(tagIds).uniq()); /*Liste des ids de tags */ |
|
438 if (this.audio_url) { |
|
439 _annotation.audio = { |
|
440 src: "mic", |
|
441 mimetype: "audio/mp3", |
|
442 href: this.audio_url |
|
443 }; |
|
444 } |
|
445 if (this.show_creator_field) { |
|
446 _annotation.creator = this.$.find(".Ldt-CreateAnnotation-Creator").val(); |
|
447 } else { |
|
448 _annotation.creator = this.creator_name; |
|
449 } |
|
450 _exportedAnnotations.push(_annotation); /* Ajout de l'annotation à la liste à exporter */ |
|
451 _export.addList("annotation",_exportedAnnotations); /* Ajout de la liste à exporter à l'objet Source */ |
|
452 |
|
453 var _this = this; |
|
454 /* Envoi de l'annotation via AJAX au serveur ! */ |
|
455 IriSP.jQuery.ajax({ |
|
456 url: _url, |
|
457 type: this.api_method, |
|
458 contentType: 'application/json', |
|
459 data: _export.serialize(), /* L'objet Source est sérialisé */ |
|
460 success: function(_data) { |
|
461 _this.showScreen('Saved'); /* Si l'appel a fonctionné, on affiche l'écran "Annotation enregistrée" */ |
|
462 if (_this.after_send_timeout) { /* Selon les options de configuration, on revient à l'écran principal ou on ferme le widget, ou rien */ |
|
463 window.setTimeout( |
|
464 function() { |
|
465 _this.close_after_send |
|
466 ? _this.hide() |
|
467 : _this.show(); |
|
468 }, |
|
469 _this.after_send_timeout |
|
470 ); |
|
471 } |
|
472 _export.getAnnotations().removeElement(_annotation, true); /* Pour éviter les doublons, on supprime l'annotation qui a été envoyée */ |
|
473 _export.deSerialize(_data); /* On désérialise les données reçues pour les réinjecter */ |
|
474 _this.source.merge(_export); /* On récupère les données réimportées dans l'espace global des données */ |
|
475 if (_this.pause_on_write && _this.media.getPaused()) { |
|
476 _this.media.play(); |
|
477 } |
|
478 _this.player.trigger("AnnotationsList.refresh"); /* On force le rafraîchissement du widget AnnotationsList */ |
|
479 }, |
|
480 error: function(_xhr, _error, _thrown) { |
|
481 IriSP.log("Error when sending annotation", _thrown); |
|
482 _export.getAnnotations().removeElement(_annotation, true); |
|
483 _this.showScreen('Error'); |
|
484 window.setTimeout(function(){ |
|
485 _this.showScreen("Main") |
|
486 }, |
|
487 (_this.after_send_timeout || 5000)); |
|
488 } |
|
489 }); |
|
490 this.showScreen('Wait'); |
|
491 |
|
492 return false; |
|
493 }; |
|
494 |