metadataplayer: comparison src/widgets/Tweet.js

Mercurial Mercurial > metadataplayer / comparison

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

src/widgets/Tweet.js

branch	new-model
changeset 1020	198c2b79f5e1
parent 1019	3ab36f402b0c

equal deleted inserted replaced

-:3ab36f402b0c
+:198c2b79f5e1
 };
 IriSP.Widgets.Tweet.prototype = new IriSP.Widgets.Widget();
 IriSP.Widgets.Tweet.prototype.defaults = {
-hide_timeout: 10000,
+hide_timeout: 5000,
 polemics : [
 {
 "keywords" : [ "++" ],
 "color" : "#30d765"
 },
 {
 "keywords" : [ "??" ],
 "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: ",
+original_time: "Heure d'envoi&nbsp;: ",
-video_time: "Temps de la vidéo\u00a0: ",
+video_time: "Temps de la vidéo&nbsp;: ",
 show_original: "Voir l'original"
 },
 "en": {
 retweet: "Retweet",
 reply: "Reply",
 close_widget: "Close tweet display",
 original_time: "Tweet sent at: ",
 video_time: "Video time: ",
 show_original: "Show original"
 }
-};
+}
 IriSP.Widgets.Tweet.prototype.template =
 '<div class="Ldt-Tweet-Widget"><div class="Ldt-Tweet-Inner"><div class="Ldt-Tweet-PinClose-Buttons">'
 + '<a href="#" class="Ldt-Tweet-Pin Ldt-TraceMe{{#pin_at_start}} active" title="{{l10n.dont_keep_visible}}{{/pin_at_start}}{{^pin_at_start}}" title="{{l10n.keep_visible}}{{/pin_at_start}}"></a>'
 + '<a href="#" class="Ldt-Tweet-Close Ldt-TraceMe" title="{{l10n.close_widget}}"></a>'
 + '<a href="" target="_blank" class="Ldt-Tweet-Reply"><div class="Ldt-Tweet-Icon"></div>{{l10n.reply}}</a></div></div></div>';
 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();
 } else {
 _el.removeClass("active").attr("title",_this.l10n.keep_visible);
 });
 this.$.find(".Ldt-Tweet-Close").click(function() {
 _this.hide();
 });
 this.$.hide();
-this.getWidgetAnnotations().forEach(function(_annotation) {
+}
-_annotation.on("click", function() {
-_this.show(_annotation);
+IriSP.Widgets.Tweet.prototype.show = function(_id) {
-});
+var _tweet = this.source.getElement(_id);
-});
-};
-IriSP.Widgets.Tweet.prototype.show = function(_tweet) {
 if (typeof _tweet !== "undefined" && typeof _tweet.source !== "undefined") {
-var extend = [
+var _entities = [];
-[
+for (var _i = 0; _i < _tweet.source.entities.hashtags.length; _i++) {
-/#(\w+)/gm,
+var _hash = _tweet.source.entities.hashtags[_i];
-function(matches) {
+_entities.push({
-return '<a href="http://twitter.com/search?q=%23' + matches[1] + '" target="_blank">';
+is_link: true,
-},
+text: '#' + _hash.text,
-'</a>'
+url: 'http://twitter.com/search?q=%23' + encodeURIComponent(_hash.text),
-]
+indices: _hash.indices
-];
+});
-var _urls = IriSP._(_tweet.source.entities.urls).sortBy(function(_entity) {
+}
+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) {
+for (var _i = 0; _i < _entities.length; _i++) {
-if (_url.indices[0] >= _currentPos) {
+if (_entities[_i].indices[0] >= _currentPos) {
-_txt += _tweet.source.text.substring(_currentPos, _url.indices[0]);
+_txt += _tweet.source.text.substring(_currentPos, _entities[_i].indices[0]);
-_txt += (typeof _url.expanded_url !== "undefined" && _url.expanded_url !== null ? _url.expanded_url : _url.url);
+_currentPos = _entities[_i].indices[1];
-_currentPos = _url.indices[1];
+if (_entities[_i].is_link) {
+_txt += '<a href="' + _entities[_i].url + '" target="_blank">';
+} else {
+_txt += '<span style="background:' + _entities[_i].color + '">';
+}
+_txt += _entities[_i].text;
+if (_entities[_i].is_link) {
+_txt += '</a>';
+} else {
+_txt += '</span>';
+}
 }
-});
+}
 _txt += _tweet.source.text.substring(_currentPos);
+this.$.find(".Ldt-Tweet-Avatar").attr("src",_tweet.source.user.profile_image_url);
-for (var _i = 0; _i < this.polemics.length; _i++) {
+this.$.find(".Ldt-Tweet-ScreenName").html('@'+_tweet.source.user.screen_name);
-var rx = IriSP.Model.regexpFromTextOrArray(this.polemics[_i].keywords);
+this.$.find(".Ldt-Tweet-ProfileLink").attr("href", "https://twitter.com/" + _tweet.source.user.screen_name);
-extend.push([
+this.$.find(".Ldt-Tweet-FullName").html(_tweet.source.user.name);
-rx,
+this.$.find(".Ldt-Tweet-Contents").html(_txt);
-'<span style="background: ' + this.polemics[_i].color + '">',
-'</span>'
-]);
-}
-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-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.$.find(".Ldt-Tweet-Original").attr("href", "https://twitter.com/" + _tweet.source.user.screen_name + "/status/" + _tweet.source.id_str);
-this.player.trigger("Annotation.minimize");
+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.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);
-};
+}

metadataplayer