metadataplayer: comparison src/js/widgets/createAnnotationWidget.js

Mercurial Mercurial > metadataplayer / comparison

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

src/js/widgets/createAnnotationWidget.js

branch	popcorn-port
changeset 841	8da49ff273e0
parent 840	ac66e2240e1e
child 842	4ae2247a59f4

equal deleted inserted replaced

-:ac66e2240e1e
+:8da49ff273e0
 "wait_while_processed": "Please wait while your request is being processed...",
 "error_while_contacting": "An error happened while contacting the server. Your annotation has not been saved.",
 "empty_annotation": "Your annotation is empty. Please write something before submitting.",
 "annotation_saved": "Thank you, your annotation has been saved.",
 "share_annotation": "Would you like to share it on social networks ?",
-"share_on": "Share on"
+"share_on": "Share on",
+"moar_tags": "More tags"
 },
 "fr": {
 "submit": "Envoyer",
 "add_keywords": "Ajouter des mots-clés",
 "add_polemic_keywords": "Ajouter des mots-clés polémiques",
 "wait_while_processed": "Veuillez patienter pendant le traitement de votre requête...",
 "error_while_contacting": "Une erreur s'est produite en contactant le serveur. Votre annotation n'a pas été enregistrée",
 "empty_annotation": "Votre annotation est vide. Merci de rédiger un texte avant de l'envoyer.",
 "annotation_saved": "Merci, votre annotation a été enregistrée.",
 "share_annotation": "Souhaitez-vous la partager sur les réseaux sociaux ?",
-"share_on": "Partager sur"
+"share_on": "Partager sur",
+"moar_tagz": "Plus de mots-clés"
 }
 }
 );
 IriSP.createAnnotationWidget = function(Popcorn, config, Serializer) {
 this.checkOption("polemics");
 this.checkOption("cinecast_version", false);
 this.checkOption("api_endpoint_template");
 this.checkOption("show_from_field", true);
 this.checkOption("api_method");
+this.checkOption("random_keywords");
+this.checkOption("disable_share", false);
 if (!IriSP.null_or_undefined(IriSP.user)) {
 if (!IriSP.null_or_undefined(IriSP.user.avatar)) {
 this.user_avatar = IriSP.user.avatar;
 }
 this.selector.find(".Ldt-SaDescription").text("");
 this.selector.find(".Ldt-SaKeywordText").text("");
 };
 IriSP.createAnnotationWidget.prototype.draw = function() {
+var _this = this;
+if (typeof this._config.remote_keywords != "undefined" && typeof this._config.remote_keywords) {
+IriSP.jQuery.getJSON(this._config.remote_keywords, function(_json) {
+_this.keywords = IriSP.underscore(_json.tags).map(function(_tag) {
+return _tag.meta.description;
+});
+_this.drawCallback();
+});
+} else {
+this.drawCallback();
+}
+}
+IriSP.createAnnotationWidget.prototype.drawCallback = function() {
 var _this = this;
 var annotationMarkup = IriSP.templToHTML(IriSP.createAnnotationWidget_template,
 this);
 if (!this.cinecast_version)
 this.selector.hide();
 else {
 this.showStartScreen();
 }
+if (this.random_keywords) {
+this.selector.find(".Ldt-createAnnotation-keywords li").hide();
+this.showMoarTagz();
+this.selector.find('.Ldt-createAnnotation-moar-keywordz').click(function() {
+_this.showMoarTagz();
+})
+}
 // Add onclick event to both polemic and keywords buttons
-this.selector.find(".Ldt-createAnnotation-btnblock button").click(function() {
+this.selector.find(".Ldt-createAnnotation-keyword-button, .Ldt-createAnnotation-polemic-button").click(function() {
 _this.addKeyword(IriSP.jQuery(this).text());
+return false;
 });
 // js_mod is a custom event because there's no simple way to test for a js
 // change in a textfield.
 this.selector.find(".Ldt-createAnnotation-Description")
-.bind("propertychange keyup input paste js_mod", IriSP.wrap(this, this.handleTextChanges));
+.bind("propertychange keyup input paste click js_mod", IriSP.wrap(this, this.handleTextChanges));
 /* the cinecast version of the player is supposed to pause when the user clicks on the button */
 /* the cinecast version expects the user to comment on a defined segment.
 As the widget is always shown, we need a way to update it's content as
 }
 ));
 }
 };
+IriSP.createAnnotationWidget.prototype.showMoarTagz = function() {
+for (var j=0; j < this.random_keywords; j++) {
+var _jq = this.selector.find(".Ldt-createAnnotation-keywords li:hidden");
+if (_jq.length > 1) {
+IriSP.jQuery(_jq[Math.floor(_jq.length*Math.random())]).show();
+} else {
+_jq.show();
+break;
+}
+}
+if (this.selector.find(".Ldt-createAnnotation-keywords li:hidden").length == 0) {
+this.selector.find('.Ldt-createAnnotation-moar-keywordz').hide();
+}
+}
 /* Handles adding keywords and polemics */
 IriSP.createAnnotationWidget.prototype.addKeyword = function(_keyword) {
 var _field = this.selector.find(".Ldt-createAnnotation-Description"),
 _rx = IriSP.regexpFromText(_keyword),
 _contents = _field.val();
 _contents = ( _rx.test(_contents)
 ? _contents.replace(_rx,"").replace("  "," ").trim()
 : _contents.trim() + " " + _keyword
 );
-_field.val(_contents);
+_field.val(_contents.trim());
 _field.trigger("js_mod");
 }
 /** handles clicks on the annotate button. Works only for the non-cinecast version */
 IriSP.createAnnotationWidget.prototype.handleAnnotateSignal = function() {
 /** watch for changes in the textfield and change the buttons accordingly */
 IriSP.createAnnotationWidget.prototype.handleTextChanges = function(event) {
 var contents = this.selector.find(".Ldt-createAnnotation-Description").val();
-if (this.cinecast_version && !this._Popcorn.media.paused) {
+if (this.cinecast_version) {
 this._Popcorn.pause();
 }
 this.selector.find(".Ldt-createAnnotation-btnblock button").each(function() {
 var _rx = IriSP.regexpFromText(IriSP.jQuery(this).text());
 if (_rx.test(contents)) {
 );
 meta.created = Date().toString();
 // All #hashtags are added to tags
-annotation.tags = contents.match(/#[^#\s]+\b/gim) || [];
+var _tags = contents.toLowerCase().match(/#[^#\s]+\b/gim) || [];
+this.selector.find('.Ldt-createAnnotation-keyword-button').each(function() {
+var _tx = IriSP.jQuery(this).text(),
+_rx = IriSP.regexpFromText(_tx);
+if (_rx.test(contents)) {
+_tags.push(_tx.toLowerCase())
+}
+});
+annotation.tags = IriSP.underscore.uniq(_tags);
 var jsonString = JSON.stringify(apiJson);
 var project_id = this._serializer._data.meta.id;
 //TODO: extract magic url
 delete annotation.content.data;
 annotation.id = json.annotations[0].id;
 annotation.meta = meta;
 annotation.meta["id-ref"] = json.annotations[0]["type"];
+} else {
+annotation.type = "cinecast:UserAnnotation";
 }
+annotation.is_new = true;
 // everything is shared so there's no need to propagate the change
 _this._serializer._data.annotations.push(annotation);
 _this._Popcorn.trigger("IriSP.createAnnotationWidget.addedAnnotation", annotation);
 callback(annotation);

metadataplayer