diff -r 07ab28bca482 -r d366aa22bd79 web/res/metadataplayer/Tweet.js --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/web/res/metadataplayer/Tweet.js Thu May 03 17:52:07 2012 +0200 @@ -0,0 +1,196 @@ +IriSP.Widgets.Tweet = function(player, config) { + IriSP.Widgets.Widget.call(this, player, config); + this.lastAnnotation = false; +}; + +IriSP.Widgets.Tweet.prototype = new IriSP.Widgets.Widget(); + +IriSP.Widgets.Tweet.prototype.defaults = { + hide_timeout: 5000, + polemics : [ + { + "keywords" : [ "++" ], + "description" : "positif", + "color" : "#30d765" + }, + { + "keywords" : [ "--" ], + "description" : "negatif", + "color" : "#f51123" + }, + { + "keywords" : [ "==" ], + "description" : "reference", + "color" : "#f1e24a" + }, + { + "keywords" : [ "??" ], + "description" : "question", + "color" : "#05aae6" + } + ] +} + +IriSP.Widgets.Tweet.prototype.messages = { + "fr": { + retweet: "Retweeter", + reply: "Répondre", + keep_visible: "Garder visible", + dont_keep_visible: "Permettre la fermeture automatique", + close_widget: "Fermer l'affichage du tweet", + original_time: "Heure d'envoi  ", + video_time: "Temps de la vidéo : " + }, + "en": { + retweet: "Retweet", + reply: "Reply", + keep_visible: "Keep visible", + dont_keep_visible: "Don't keep visible", + close_widget: "Close tweet display", + original_time: "Tweet sent at: ", + video_time: "Video time: " + } +} + +IriSP.Widgets.Tweet.prototype.template = + '
' + + '' + + '' + + '

' + + ' ()

'; + + +IriSP.Widgets.Tweet.prototype.draw = function() { + this.renderTemplate(); + this.bindPopcorn("IriSP.Tweet.show","show"); + this.pinned = false; + var _this = this; + this.$.find(".Ldt-Tweet-Pin").click(function() { + _this.pinned = !_this.pinned; + var _el = IriSP.jQuery(this) + if (_this.pinned) { + _el.addClass("active").attr("title",_this.l10n.dont_keep_visible); + _this.cancelTimeout(); + } else { + _el.removeClass("active").attr("title",_this.l10n.keep_visible); + _this.hideTimeout(); + } + }); + this.$.find(".Ldt-Tweet-Close").click(function() { + _this.hide(); + }); + this.$.hide(); +} + +IriSP.Widgets.Tweet.prototype.show = function(_id) { + var _tweet = this.source.getElement(_id); + if (typeof _tweet !== "undefined" && typeof _tweet.source !== "undefined") { + var _entities = []; + for (var _i = 0; _i < _tweet.source.entities.hashtags.length; _i++) { + var _hash = _tweet.source.entities.hashtags[_i]; + _entities.push({ + is_link: true, + text: '#' + _hash.text, + url: 'http://twitter.com/search?q=%23' + encodeURIComponent(_hash.text), + indices: _hash.indices + }); + } + for (var _i = 0; _i < _tweet.source.entities.urls.length; _i++) { + var _url = _tweet.source.entities.urls[_i], + _displayurl = (typeof _url.display_url !== "undefined" && _url.display_url !== null ? _url.display_url : _url.url), + _linkurl = (typeof _url.expanded_url !== "undefined" && _url.expanded_url !== null ? _url.expanded_url : _url.url); + _displayurl = _displayurl.replace(/^\w+:\/\//,''); + if (!/^\w+:\/\//.test(_linkurl)) { + _linkurl = 'http://' + _linkurl; + } + _entities.push({ + is_link: true, + text: _displayurl, + url: _linkurl, + indices: _url.indices + }); + } + for (var _i = 0; _i < _tweet.source.entities.user_mentions.length; _i++) { + var _user = _tweet.source.entities.user_mentions[_i]; + _entities.push({ + is_link: true, + text: '@' + _user.screen_name, + url: 'http://twitter.com/' + encodeURIComponent(_user.screen_name), + indices: _user.indices + }); + } + for (var _i = 0; _i < this.polemics.length; _i++) { + for (var _j = 0; _j < this.polemics[_i].keywords.length; _j++) { + var _p = _tweet.source.text.indexOf(this.polemics[_i].keywords[_j]); + while (_p !== -1) { + var _end = (_p + this.polemics[_i].keywords[_j].length); + _entities.push({ + is_link: false, + text: this.polemics[_i].keywords[_j], + color: this.polemics[_i].color, + indices: [_p, _end] + }); + _p = _tweet.source.text.indexOf(this.polemics[_i].keywords[_j], _end); + } + } + } + _entities = IriSP._(_entities).sortBy(function(_entity) { + return _entity.indices[0]; + }); + var _currentPos = 0, + _txt = ''; + for (var _i = 0; _i < _entities.length; _i++) { + if (_entities[_i].indices[0] >= _currentPos) { + _txt += _tweet.source.text.substring(_currentPos, _entities[_i].indices[0]); + _currentPos = _entities[_i].indices[1]; + if (_entities[_i].is_link) { + _txt += ''; + } else { + _txt += ''; + } + _txt += _entities[_i].text; + if (_entities[_i].is_link) { + _txt += ''; + } else { + _txt += ''; + } + } + } + _txt += _tweet.source.text.substring(_currentPos); + this.$.find(".Ldt-Tweet-Avatar").attr("src",_tweet.source.user.profile_image_url); + this.$.find(".Ldt-Tweet-ScreenName").html('@'+_tweet.source.user.screen_name); + this.$.find(".Ldt-Tweet-ProfileLink").attr("href", "http://twitter.com/" + _tweet.source.user.screen_name); + this.$.find(".Ldt-Tweet-FullName").html(_tweet.source.user.name); + this.$.find(".Ldt-Tweet-Contents").html(_txt); + this.$.find(".Ldt-Tweet-Time").html(this.l10n.original_time + new Date(_tweet.source.created_at).toLocaleTimeString() + " / " + this.l10n.video_time + _tweet.begin.toString()); + this.player.popcorn.trigger("IriSP.Annotation.minimize"); + this.$.slideDown(); + this.cancelTimeout(); + if (!this.pinned) { + this.hideTimeout(); + } + } else { + this.hide(); + } +} + +IriSP.Widgets.Tweet.prototype.hide = function() { + this.player.popcorn.trigger("IriSP.Annotation.maximize"); + this.$.slideUp(); + this.cancelTimeout(); +} + +IriSP.Widgets.Tweet.prototype.cancelTimeout = function() { + if (typeof this.hide_timer !== "undefined") { + window.clearTimeout(this.hide_timer); + this.hide_timer = undefined; + } +} + +IriSP.Widgets.Tweet.prototype.hideTimeout = function() { + this.cancelTimeout(); + this.hide_timer = window.setTimeout(this.functionWrapper("hide"), this.hide_timeout); +}