diff -r 3ab36f402b0c -r 198c2b79f5e1 src/widgets/Tweet.js --- a/src/widgets/Tweet.js Thu Jan 02 16:40:25 2014 +0100 +++ b/src/widgets/Tweet.js Thu Jan 02 16:49:20 2014 +0100 @@ -6,7 +6,7 @@ IriSP.Widgets.Tweet.prototype = new IriSP.Widgets.Widget(); IriSP.Widgets.Tweet.prototype.defaults = { - hide_timeout: 10000, + hide_timeout: 5000, polemics : [ { "keywords" : [ "++" ], @@ -25,19 +25,18 @@ "color" : "#05aae6" } ], - annotation_type: "tweet", pin_at_start: false -}; +} IriSP.Widgets.Tweet.prototype.messages = { "fr": { retweet: "Retweeter", reply: "Répondre", - keep_visible: "Empêcher la fermeture automatique", + keep_visible: "Garder visible", dont_keep_visible: "Permettre la fermeture automatique", close_widget: "Fermer l'affichage du tweet", - original_time: "Heure d'envoi\u00a0: ", - video_time: "Temps de la vidéo\u00a0: ", + original_time: "Heure d'envoi : ", + video_time: "Temps de la vidéo : ", show_original: "Voir l'original" }, "en": { @@ -50,7 +49,7 @@ video_time: "Video time: ", show_original: "Show original" } -}; +} IriSP.Widgets.Tweet.prototype.template = '
' @@ -67,11 +66,12 @@ IriSP.Widgets.Tweet.prototype.draw = function() { this.renderTemplate(); + this.bindPopcorn("IriSP.Tweet.show","show"); this.pinned = this.pin_at_start; var _this = this; this.$.find(".Ldt-Tweet-Pin").click(function() { _this.pinned = !_this.pinned; - var _el = IriSP.jQuery(this); + var _el = IriSP.jQuery(this) if (_this.pinned) { _el.addClass("active").attr("title",_this.l10n.dont_keep_visible); _this.cancelTimeout(); @@ -84,61 +84,93 @@ _this.hide(); }); this.$.hide(); - this.getWidgetAnnotations().forEach(function(_annotation) { - _annotation.on("click", function() { - _this.show(_annotation); - }); - }); -}; +} -IriSP.Widgets.Tweet.prototype.show = function(_tweet) { +IriSP.Widgets.Tweet.prototype.show = function(_id) { + var _tweet = this.source.getElement(_id); if (typeof _tweet !== "undefined" && typeof _tweet.source !== "undefined") { - var extend = [ - [ - /#(\w+)/gm, - function(matches) { - return ''; - }, - '' - ] - ]; - var _urls = IriSP._(_tweet.source.entities.urls).sortBy(function(_entity) { + 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 = ''; - IriSP._(_urls).each(function(_url) { - if (_url.indices[0] >= _currentPos) { - _txt += _tweet.source.text.substring(_currentPos, _url.indices[0]); - _txt += (typeof _url.expanded_url !== "undefined" && _url.expanded_url !== null ? _url.expanded_url : _url.url); - _currentPos = _url.indices[1]; + 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); - - for (var _i = 0; _i < this.polemics.length; _i++) { - var rx = IriSP.Model.regexpFromTextOrArray(this.polemics[_i].keywords); - extend.push([ - rx, - '', - '' - ]); - } - var rx = (_tweet.found ? (_this.source.getAnnotations().regexp || false) : false), - profile_url = _tweet.source.user ? _tweet.source.user.profile_image_url : _tweet.source.profile_image_url, - screen_name = _tweet.source.user ? _tweet.source.user.screen_name :_tweet.source.from_user, - user_name = _tweet.source.user ? _tweet.source.user.name :_tweet.source.from_user_name; - this.$.find(".Ldt-Tweet-Avatar").attr("src", profile_url); - this.$.find(".Ldt-Tweet-ScreenName").html('@' + screen_name); - this.$.find(".Ldt-Tweet-ProfileLink").attr("href", "https://twitter.com/" + screen_name); - this.$.find(".Ldt-Tweet-FullName").html(user_name); - this.$.find(".Ldt-Tweet-Contents").html(IriSP.textFieldHtml(_txt, rx, extend)); + 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", "https://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.$.find(".Ldt-Tweet-Retweet").attr("href", "https://twitter.com/intent/retweet?tweet_id=" + _tweet.source.id_str); this.$.find(".Ldt-Tweet-Reply").attr("href", "https://twitter.com/intent/tweet?in_reply_to=" + _tweet.source.id_str); - this.$.find(".Ldt-Tweet-Original").attr("href", "https://twitter.com/" + screen_name + "/status/" + _tweet.source.id_str); - this.player.trigger("Annotation.minimize"); + this.$.find(".Ldt-Tweet-Original").attr("href", "https://twitter.com/" + _tweet.source.user.screen_name + "/status/" + _tweet.source.id_str); + this.player.popcorn.trigger("IriSP.Annotation.minimize"); this.$.slideDown(); this.cancelTimeout(); if (!this.pinned) { @@ -147,22 +179,22 @@ } else { this.hide(); } -}; +} IriSP.Widgets.Tweet.prototype.hide = function() { - this.player.trigger("Annotation.maximize"); + 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); -}; +}