web/lib/metadataplayer/Tweet.js
author cavaliet
Fri, 18 Oct 2013 17:54:44 +0200
changeset 0 7f8907368bd5
permissions -rw-r--r--
first commit
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
     1
IriSP.Widgets.Tweet = function(player, config) {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
     2
    IriSP.Widgets.Widget.call(this, player, config);
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
     3
    this.lastAnnotation = false;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
     4
};
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
     5
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
     6
IriSP.Widgets.Tweet.prototype = new IriSP.Widgets.Widget();
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
     7
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
     8
IriSP.Widgets.Tweet.prototype.defaults = {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
     9
    hide_timeout: 10000,
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    10
    polemics : [
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    11
        {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    12
            "keywords" : [ "++" ],
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    13
            "color" : "#30d765"
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    14
        },
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    15
        {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    16
            "keywords" : [ "--" ],
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    17
            "color" : "#f51123"
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    18
        },
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    19
        {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    20
            "keywords" : [ "==" ],
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    21
            "color" : "#f1e24a"  
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    22
        },
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    23
        {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    24
            "keywords" : [ "??" ],
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    25
            "color" : "#05aae6"
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    26
        }
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    27
    ],
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    28
    annotation_type: "tweet",
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    29
    pin_at_start: false
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    30
};
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    31
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    32
IriSP.Widgets.Tweet.prototype.messages = {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    33
    "fr": {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    34
        retweet: "Retweeter",
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    35
        reply: "Répondre",
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    36
        keep_visible: "Empêcher la fermeture automatique",
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    37
        dont_keep_visible: "Permettre la fermeture automatique",
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    38
        close_widget: "Fermer l'affichage du tweet",
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    39
        original_time: "Heure d'envoi\u00a0: ",
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    40
        video_time: "Temps de la vidéo\u00a0: ",
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    41
        show_original: "Voir l'original"
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    42
    },
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    43
    "en": {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    44
        retweet: "Retweet",
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    45
        reply: "Reply",
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    46
        keep_visible: "Keep visible",
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    47
        dont_keep_visible: "Don't keep visible",
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    48
        close_widget: "Close tweet display",
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    49
        original_time: "Tweet sent at: ",
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    50
        video_time: "Video time: ",
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    51
        show_original: "Show original"
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    52
    }
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    53
};
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    54
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    55
IriSP.Widgets.Tweet.prototype.template =
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    56
    '<div class="Ldt-Tweet-Widget"><div class="Ldt-Tweet-Inner"><div class="Ldt-Tweet-PinClose-Buttons">'
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    57
    + '<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>'
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    58
    + '<a href="#" class="Ldt-Tweet-Close Ldt-TraceMe" title="{{l10n.close_widget}}"></a>'
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    59
    + '</div><div class="Ldt-Tweet-AvatarContainer"><a href="#" class="Ldt-Tweet-ProfileLink" target="_blank">'
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    60
    + '<img src="" class="Ldt-Tweet-Avatar"/></a></div><h3><a href="#" class="Ldt-Tweet-ProfileLink Ldt-Tweet-ScreenName" target="_blank">'
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    61
    + '</a> (<span class="Ldt-Tweet-FullName"></span>)</h3><p class="Ldt-Tweet-Contents"></p><div class="Ldt-Tweet-Bottom">'
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    62
    + '<span class="Ldt-Tweet-Time"></span>'
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    63
    + '<a class="Ldt-Tweet-Original" href="" target="_blank">{{l10n.show_original}}</a>'
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    64
    + '<a href="" target="_blank" class="Ldt-Tweet-Retweet"><div class="Ldt-Tweet-Icon"></div>{{l10n.retweet}}</a>'
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    65
    + '<a href="" target="_blank" class="Ldt-Tweet-Reply"><div class="Ldt-Tweet-Icon"></div>{{l10n.reply}}</a></div></div></div>';
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    66
    
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    67
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    68
IriSP.Widgets.Tweet.prototype.draw = function() {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    69
    this.renderTemplate();
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    70
    this.pinned = this.pin_at_start;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    71
    var _this = this;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    72
    this.$.find(".Ldt-Tweet-Pin").click(function() {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    73
        _this.pinned = !_this.pinned;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    74
        var _el = IriSP.jQuery(this);
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    75
        if (_this.pinned) {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    76
            _el.addClass("active").attr("title",_this.l10n.dont_keep_visible);
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    77
            _this.cancelTimeout();
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    78
        } else {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    79
            _el.removeClass("active").attr("title",_this.l10n.keep_visible);
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    80
            _this.hideTimeout();
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    81
        }
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    82
    });
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    83
    this.$.find(".Ldt-Tweet-Close").click(function() {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    84
        _this.hide();
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    85
    });
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    86
    this.$.hide();
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    87
    this.getWidgetAnnotations().forEach(function(_annotation) {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    88
        _annotation.on("click", function() {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    89
            _this.show(_annotation);
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    90
        });
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    91
    });
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    92
};
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    93
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    94
IriSP.Widgets.Tweet.prototype.show = function(_tweet) {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    95
    if (typeof _tweet !== "undefined" && typeof _tweet.source !== "undefined") {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    96
        var extend = [
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    97
            [
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    98
                /#(\w+)/gm,
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    99
                function(matches) {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   100
                    return '<a href="http://twitter.com/search?q=%23' + matches[1] + '" target="_blank">';
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   101
                },
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   102
                '</a>'
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   103
            ]
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   104
        ];
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   105
        var _urls = IriSP._(_tweet.source.entities.urls).sortBy(function(_entity) {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   106
            return _entity.indices[0];
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   107
        });
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   108
        
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   109
        var _currentPos = 0,
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   110
            _txt = '';
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   111
        IriSP._(_urls).each(function(_url) {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   112
            if (_url.indices[0] >= _currentPos) {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   113
                _txt += _tweet.source.text.substring(_currentPos, _url.indices[0]);
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   114
                _txt += (typeof _url.expanded_url !== "undefined" && _url.expanded_url !== null ? _url.expanded_url : _url.url);
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   115
                _currentPos = _url.indices[1];
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   116
            }
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   117
        });
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   118
        _txt += _tweet.source.text.substring(_currentPos);
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   119
        
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   120
        for (var _i = 0; _i < this.polemics.length; _i++) {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   121
            var rx = IriSP.Model.regexpFromTextOrArray(this.polemics[_i].keywords);
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   122
            extend.push([
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   123
                rx,
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   124
                '<span style="background: ' + this.polemics[_i].color + '">',
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   125
                '</span>'
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   126
            ]);
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   127
        }
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   128
        var rx = (_tweet.found ? (_this.source.getAnnotations().regexp || false) : false),
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   129
            profile_url = _tweet.source.user ? _tweet.source.user.profile_image_url : _tweet.source.profile_image_url,
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   130
            screen_name = _tweet.source.user ? _tweet.source.user.screen_name :_tweet.source.from_user,
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   131
            user_name = _tweet.source.user ? _tweet.source.user.name :_tweet.source.from_user_name;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   132
        this.$.find(".Ldt-Tweet-Avatar").attr("src", profile_url);
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   133
        this.$.find(".Ldt-Tweet-ScreenName").html('@' + screen_name);
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   134
        this.$.find(".Ldt-Tweet-ProfileLink").attr("href", "https://twitter.com/" + screen_name);
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   135
        this.$.find(".Ldt-Tweet-FullName").html(user_name);
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   136
        this.$.find(".Ldt-Tweet-Contents").html(IriSP.textFieldHtml(_txt, rx, extend));
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   137
        this.$.find(".Ldt-Tweet-Time").html(this.l10n.original_time + new Date(_tweet.source.created_at).toLocaleTimeString() + " / " + this.l10n.video_time + _tweet.begin.toString());
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   138
        this.$.find(".Ldt-Tweet-Retweet").attr("href", "https://twitter.com/intent/retweet?tweet_id=" + _tweet.source.id_str);
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   139
        this.$.find(".Ldt-Tweet-Reply").attr("href", "https://twitter.com/intent/tweet?in_reply_to=" + _tweet.source.id_str);
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   140
        this.$.find(".Ldt-Tweet-Original").attr("href", "https://twitter.com/" + screen_name + "/status/" + _tweet.source.id_str);
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   141
        this.player.trigger("Annotation.minimize");
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   142
        this.$.slideDown();
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   143
        this.cancelTimeout();
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   144
        if (!this.pinned) {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   145
            this.hideTimeout();
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   146
        }
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   147
    } else {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   148
        this.hide();
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   149
    }
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   150
};
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   151
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   152
IriSP.Widgets.Tweet.prototype.hide = function() {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   153
    this.player.trigger("Annotation.maximize");
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   154
    this.$.slideUp();
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   155
    this.cancelTimeout();
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   156
};
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   157
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   158
IriSP.Widgets.Tweet.prototype.cancelTimeout = function() {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   159
    if (typeof this.hide_timer !== "undefined") {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   160
        window.clearTimeout(this.hide_timer);
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   161
        this.hide_timer = undefined;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   162
    }  
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   163
};
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   164
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   165
IriSP.Widgets.Tweet.prototype.hideTimeout = function() {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   166
    this.cancelTimeout();
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   167
    this.hide_timer = window.setTimeout(this.functionWrapper("hide"), this.hide_timeout);
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   168
};