# HG changeset patch # User Raphael Velt # Date 1368628674 -7200 # Node ID 1c802a62425fcd73c272514e16772dcd76fb3b3d # Parent a78d44f5cb8bfca59671c2b8c6f10c28462d3246 Changes on Cineconf diff -r a78d44f5cb8b -r 1c802a62425f web/cineconf/config.php --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/web/cineconf/config.php Wed May 15 16:37:54 2013 +0200 @@ -0,0 +1,4 @@ + basename(__DIR__), +); \ No newline at end of file diff -r a78d44f5cb8b -r 1c802a62425f web/cineconf/index.php --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/web/cineconf/index.php Wed May 15 16:37:54 2013 +0200 @@ -0,0 +1,91 @@ + basename(__DIR__)); + +include_once '../common.php'; + +/** + * Do we already have a valid Access Token or need to go get one? + */ + +if (!isset($_SESSION['TWITTER_ACCESS_TOKEN'])) { + + $_SESSION['TWITTER_REDIRECT_URL'] = URL_ROOT . basename(__DIR__) . '/' . basename(__FILE__); + // Permanent redirection + header("HTTP/1.1 301 Moved Permanently"); + header("Location: client.php?CONNECT=true&rep=" . basename(__DIR__)); + exit(); + +} +?> + + + + + + Avant-Première Hanna Arendt : Tweet Wall + + + + + + + + + + + + + + + + + + + +
+
+ + + +
+ +
+
+ + + +
+
+
+ + +
+
+ Rechercher par polémique : +
+
+
+
+ +
+
    +
    +
    +
    +
    +
    +
    + +
    + + \ No newline at end of file diff -r a78d44f5cb8b -r 1c802a62425f web/cineconf/paris.php --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/web/cineconf/paris.php Wed May 15 16:37:54 2013 +0200 @@ -0,0 +1,88 @@ + basename(__DIR__)); + +include_once '../common.php'; + +/** + * Do we already have a valid Access Token or need to go get one? + */ + +if (!isset($_SESSION['TWITTER_ACCESS_TOKEN']) ) { + + $_SESSION['TWITTER_REDIRECT_URL'] = URL_ROOT . basename(__DIR__) . '/' . basename(__FILE__); + // Permanent redirection + header("HTTP/1.1 301 Moved Permanently"); + header("Location: client.php?CONNECT=true&rep=".basename(__DIR__)); + exit(); + +} + +?> + + + + + + Avant-Première Hanna Arendt : Tweet Wall + + + + + + + + + + + + + + + + + + + +
    +
    + +
    +
    + +
    +
    + + + +
    +
    +
    + + +
    +
    + Rechercher par polémique : +
    +
    +
    +
    + +
    +
      +
      +
      +
      +
      +
      +
      + +
      + + \ No newline at end of file diff -r a78d44f5cb8b -r 1c802a62425f web/cineconf/script.js --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/web/cineconf/script.js Wed May 15 16:37:54 2013 +0200 @@ -0,0 +1,1184 @@ +var tracking_keywords = [ "#AVPHannaArendt" ]; + +function rejectUser(username) { + return (/^[A-Z][a-z]{2,8}[0-9]{4,6}$/.test(username)) +} + +if (typeof annotations == "undefined" || !annotations) { + var annotations = { + "default" : { + "colors" : { + "h" : 0, + "s" : 0 + } + }, + "positive" : { + "display_name" : "++ | accord", + "keywords" : [ /\+\+/ ], + "colors" : { + "h" : .3, + "s" : .65 + } + }, + "negative" : { + "display_name" : "-- | désaccord", + "keywords" : [ /\-\-/ ], + "colors" : { + "h" : 0, + "s" : .8 + } + }, + "reference" : { + "display_name" : "== | référence", + "keywords" : [ /\=\=/ ], + "colors" : { + "h" : .16, + "s" : .8 + } + }, + "question" : { + "display_name" : "?? | question", + "keywords" : [ /\?\?/ ], + "colors" : { + "h" : .6, + "s" : .8 + } + } + } +} + +if (typeof l10n == "undefined") { + l10n = { "rechercher" : "Rechercher" } +} + +if (typeof suggested_keywords == "undefined") { + suggested_keywords = [ ]; +} + +if (typeof max_pages == "undefined" || !max_pages) { + max_pages = 2; +} + +tracking_keywords = _(tracking_keywords).map(function(_w) { + return _w.toLowerCase(); +}); + +var twCx = { + tlPaper : null, + followLast : true, + position : "0", + date_levels : [ + 3600 * 1000, + 15 * 60 * 1000, + 5 * 60 * 1000, + 60 * 1000 + ], + timeLevel : 1, + deltaX : 40, + tlWidth : 150, + tlHeight : 480, + globalWords : {}, + suggestCount : _(suggested_keywords).map(function(_w) { + return { + "word" : _w, + "rgxp" : new RegExp(_w.replace(/(\W)/g, '\\$1'), "im"), + "freq" : 0, + "annotations" : {} + } + }), + refMouse : { x : 0, y : 0}, + refPosTl : { x : 0, y : 0}, + tlMouseMoved : false, + tlMouseClicked : false, + filtre : null, + tlBuffer : '', + relHover : [], + wheelDelta : 0, + scrollEnabled : false, + scrollExtent : 8000 - 480, + lastScrollPos : 0, + urlRegExp : /https?:\/\/[0-9a-zA-Z\.%\/-_]+/g, + wordRegExp : /[^ \.&;,'"!\?\d\(\)\+\[\]\\\…\-«»:\/]{3,}/g, + stopWords : [ + 'aussi', 'and', 'avec', 'aux', 'bien', 'car', 'cette', 'comme', 'dans', 'donc', 'des', 'elle', 'encore', 'est', + 'être', 'eux', 'faire', 'fait', 'http', 'ici', 'ils', 'les', 'leur', 'leurs', 'mais', 'mes', 'même', 'mon', 'notre', + 'non', 'nos', 'nous', 'ont', 'oui', 'par', 'pas', 'peu', 'peut', 'plus', 'pour', 'que', 'qui', 'ses' ,'son', 'sont', 'sur', + 'tes', 'très', 'the', 'ton', 'tous', 'tout', 'une', 'votre', 'vos', 'vous' + ] + } + +function getTweets(options) { + + function getTweetUrl(url) { + $.getJSON(url, function(data) { + options.tweets = options.tweets.concat(data); + options.currentPage++; + if (options.cbData) { + options.cbData(); + } + var _isLast = true; + if (data.results && data.results.length) { + var _oldestTweetId = data.results[data.results.length - 1].id_str, + _maxId = _oldestTweetId; + if (options.currentPage < options.pages) { + _isLast = false; + getTweetUrl(baseurl + firstparams + '&max_id=' + _maxId + lastparams); + } + } + + if (_isLast) { + options.tweets.sort(function(a,b) { + return a.id - b.id; + }); + if (options.cbEnd) { + options.cbEnd(); + } + } + }); + } + + options.tweets = []; + options.pages || (options.pages = 1); + options.rpp || (options.rpp = 100); + options.currentPage = 0; + var baseurl = "search_tweets.php", + firstparams = "?endpoint=favorites/list" + (typeof favUser === "string" ? ("&screen_name=" + encodeURIComponent(favUser)) : "") + + "&count=" + options.rpp + "&include_entities=true", + lastparams = (options.since_id ? "&since_id=" + options.since_id : '' ) + "&callback=?", + jsonurl = baseurl + firstparams + lastparams; + getTweetUrl(jsonurl); +} + +function getColor(annotation, lum) { + return Raphael.hsl2rgb(annotations[annotation].colors.h, annotations[annotation].colors.s, lum); +} + +function tweetPopup(url) { + var popW = 550, + popH = 350, + scrW = screen.width, + scrH = screen.height, + posX = Math.round((scrW/2)-(popW/2)), + posY = (scrH > popH ? Math.round((scrH/2)-(popH/2)) : 0); + window.open(url, + '', + 'left=' + posX + ',top=' + posY + ',width=' + popW + ',height=' + popH + ',personalbar=0,toolbar=0,scrollbars=1,resizable=1'); +} + +function arc(source, target) { + var x3 = .3 * target.y - .3 * source.y + .8 * source.x + .2 * target.x; + var y3 = .8 * source.y + .2 * target.y - .3 * target.x + .3 * source.x; + var x4 = .3 * target.y - .3 * source.y + .2 * source.x + .8 * target.x; + var y4 = .2 * source.y + .8 * target.y - .3 * target.x + .3 * source.x; + return "M" + source.x + " " + source.y + "C" + [x3, y3, x4, y4, target.x, target.y].join(" "); +} + +function addTweet(tweet) { + if (!tweet) { + console.log(tweet); + return; + } + + if (rejectUser(tweet.from_user)) { + return; + } + + function backRef(source_id, target_id, type) { + var target = tweetById(target_id); + if (target) { + var brobj = { + "referenced_by_id" : source_id, + "type" : type + } + if (target.backRefs) { + target.backRefs.push(brobj); + } else { + target.backRefs = [ brobj ] + } + } + } + + _(['id', 'from_user_id', 'in_reply_to_status_id']).each(function(_i) { + tweet[_i] = tweet[_i + '_str']; + delete tweet[_i + '_str']; + }); + + if (_(twCx.idIndex).indexOf(tweet.id) != -1) { + return; + } + + tweet.html_parts = [] + + if (tweet.entities && tweet.entities.user_mentions) { + for (var _i = 0; _i < tweet.entities.user_mentions.length; _i++) { + var _m = tweet.entities.user_mentions[_i]; + tweet.html_parts.push({ + "text" : "@" + _m.screen_name, + "start" : _m.indices[0], + "end" : _m.indices[1], + "link" :'' + }); + } + } + + if (tweet.entities && tweet.entities.hashtags) { + for (var _i = 0; _i < tweet.entities.hashtags.length; _i++) { + var _m = tweet.entities.hashtags[_i], + _h = "#" + _m.text; + tweet.html_parts.push({ + "text" : _h, + "start" : _m.indices[0], + "end" : _m.indices[1], + "link" :'' + }); + } + } + + if (tweet.entities && tweet.entities.urls) { + for (var _i = 0; _i < tweet.entities.urls.length; _i++) { + var _m = tweet.entities.urls[_i]; + tweet.html_parts.push({ + "text" : _m.display_url || _m.url, + "start" : _m.indices[0], + "end" : _m.indices[1], + "link" :'' + }); + } + } + tweet.date_value = Date.parse(tweet.created_at.replace(/(\+|-)/,'UTC$1')); + + var ann = []; + for (var j in annotations) { + if (j != "default") { + for (var k in annotations[j].keywords) { + if (tweet.text.search(annotations[j].keywords[k]) != -1) { + ann.push(j); + break; + } + } + } + } + tweet.annotations = ann; + + if (tweet.in_reply_to_status_id) { + backRef( tweet.id, tweet.in_reply_to_status_id, "reply" ); + } + + if (tweet.retweeted_status && tweet.retweeted_status.id_str) { + tweet.retweeted_status_id = tweet.retweeted_status.id_str; + backRef( tweet.id, tweet.retweeted_status_id, "retweet" ); + } + + + var tab = tweet.text.replace(twCx.urlRegExp,'').match(twCx.wordRegExp); + _(tab).each(function(w) { + var word = w.toLowerCase(); + if (_(twCx.stopWords).indexOf(word) == -1 && _(tracking_keywords).indexOf(word) == -1 && word[0] != '@') { + if (twCx.globalWords[word]) { + twCx.globalWords[word].freq++; + } else { + twCx.globalWords[word] = { + "freq" : 1, + "annotations" : {} + } + for (var j in annotations) { + if (j != 'default') { + twCx.globalWords[word].annotations[j] = 0; + } + } + } + for (var j in ann) { + if (typeof twCx.globalWords[word].annotations != "undefined") { + twCx.globalWords[word].annotations[ann[j]]++; + } + } + } + }); + + _(twCx.suggestCount).each(function(_k) { + if (tweet.text.search(_k.rgxp) != -1) { + _k.freq++; + _(ann).each(function(_a) { + _k.annotations[_a] = 1 + ( _k.annotations[_a] || 0 ) + }) + } + }); + + + var p = twCx.idIndex.length; + while (p && tweet.id < twCx.idIndex[p-1]) { + p--; + } + twCx.tweets.splice(p, 0, tweet); + twCx.idIndex.splice(p, 0, tweet.id); + + if (!twCx.timeline.length) { + twCx.timeline = [ populateDateStruct(0, twCx.date_levels[0] * parseInt(tweet.date_value / twCx.date_levels[0])) ] + } + while (tweet.date_value > twCx.timeline[twCx.timeline.length - 1].end) { + twCx.timeline.push( populateDateStruct(0, twCx.timeline[twCx.timeline.length - 1].end) ); + } + + insertIntoDateStruct(twCx.timeline, tweet); +} + +function getSliceContent(slice) { + if (slice.slices) { + var result = []; + for (var i in slice.slices) { + result = result.concat(getSliceContent(slice.slices[i])); + } + } else { + var result = slice.tweets; + } + return result; +} + +function flattenDateStruct(slices, target_level) { + var current_level = slices[0].level, + result = []; + if (current_level < target_level) { + if (slices[0].slices) { + for (var i in slices) { + result = result.concat(flattenDateStruct(slices[i].slices, target_level)); + } + } + } + else { + for (var i in slices) { + result.push({ + "start" : slices[i].start, + "end" : slices[i].end, + "tweets" : getSliceContent(slices[i]) + }); + } + } + return result; +} + +function trimFDS() { + var slices = flattenDateStruct(twCx.timeline, twCx.timeLevel); + if (!slices || !slices.length) { + return []; + } + while (slices[0].tweets.length == 0) { + slices.splice(0,1); + } + while (slices[slices.length - 1].tweets.length == 0) { + slices.pop(); + } + var centralTweet = ( twCx.centralTweet ? twCx.centralTweet : twCx.tweets[twCx.tweets.length - 1] ), + delta = 30 * twCx.date_levels[twCx.timeLevel], + centre = Math.min(slices[slices.length - 1].end - delta , Math.max(slices[0].start + delta, centralTweet.date_value)), + min = centre - delta, + max = centre + delta; + while (slices[0].start < min) { + slices.splice(0,1); + } + while (slices[slices.length - 1].end > max) { + slices.pop(); + } + return slices; +} + +function populateDateStruct(level, start) { + var end = start + twCx.date_levels[level], + struct = { + "level" : level, + "start" : start, + "end" : end + }; + if (level < twCx.date_levels.length - 1) { + struct.slices = []; + var newstart = start; + while (newstart < end) { + struct.slices.push(populateDateStruct(level + 1, newstart)); + newstart += twCx.date_levels[level + 1]; + } + } else { + struct.tweets = []; + } + return struct; +} + +function insertIntoDateStruct(slices, tweet) { + var creadate = tweet.date_value; + for (var i in slices) { + if (creadate < slices[i].end) { + if (slices[i].slices) { + insertIntoDateStruct(slices[i].slices, tweet); + } else { + slices[i].tweets.push(tweet.id); + } + break; + } + } +} + +function placeHolder(className) { + return '
    • '; +} + +function tweetById(tweetid) { + var pos = _(twCx.idIndex).indexOf(tweetid); + return (pos == -1) ? false : twCx.tweets[pos]; +} + +function selectTweet(tweetid) { + twCx.position = tweetid; + twCx.followLast = (twCx.position == twCx.idIndex[twCx.tweets.length - 1]); + updateDisplay(); +} + +function goToPos(nPos) { + twCx.position = twCx.currentIdIndex[Math.min( twCx.currentIdIndex.length - 1, Math.max(0, nPos ) )]; + twCx.followLast = (!twCx.filtre && nPos == twCx.tweets.length - 1); + updateDisplay(); +} + +function movePos(delta) { + goToPos( delta + _(twCx.currentIdIndex).indexOf(twCx.position) ); +} + +function tweetToHtml(tweet, className, elName) { + + function highlight(texte) { + return ( twCx.filtre ? texte.replace(twCx.filtre, '$1' ) : texte ); + } + + if (!tweet) { + return placeHolder(className); + } + var el = (elName ? elName : 'li'); + var html = '<' + + el + + ' draggable="true" class="tweet ' + + className + + '" id="tweet_' + + tweet.id + + '" data-title="Tweet by ' + + _(tweet.user.name).escape() + + '" data-description="' + + _(tweet.text).escape() + + '" data-uri="http://twitter.com/' + + tweet.user.screen_name + + '/status/' + + tweet.id + + '"'; + if (className != 'full') { + html += ' onclick="selectTweet(\'' + tweet.id + '\'); return false;"'; + } + html += ' onmouseover="rolloverTweet(\'' + tweet.id + "', " + ( className == 'icons' ) + ');"'; + if (twCx.followLast && className == 'full' && el == 'li') { + html += ' style="display: none"'; + } + html += '>'; + if (tweet.annotations.length) { + html += '
      '; + for (var i in tweet.annotations) { + html += '
      '; + } + html += '
      '; + } + html += '
      '; + var a_user = ''; + html += '
      '; + if (className == 'full') { + html += '

      ' + new Date(tweet.date_value).toTimeString().substr(0,8) + '

      '; + } + html += '
      '; + if (className != 'icons') { + lastend = 0; + var txt = ''; + tweet.html_parts.sort(function(a, b) { return a.start - b.start }); + _(tweet.html_parts).each(function(_e) { + txt += highlight( tweet.text.substring(lastend, _e.start) ) + _e.link + highlight( _e.text ) + ''; + lastend = _e.end; + }); + txt += highlight( tweet.text.substring(lastend) ); + html += '

      ' + a_user + highlight('@' + tweet.user.screen_name) + '' + ( className == 'full' ? ' (' + tweet.user.name + ')
      ' : ' : ') + txt + '

      '; + } + html += '
      '; + return html; +} + +function tlIdFromPos(x, y, outside) { + if (!twCx.tlOnDisplay || !twCx.tlOnDisplay.length) { + return; + } + var ligne = Math.min( twCx.tlOnDisplay.length - 1, Math.max( 0, Math.floor(( twCx.tlHeight - y ) / twCx.scaleY) ) ), + colonne = Math.floor(( x - twCx.deltaX ) / twCx.scaleX ), + l = 0; + if (colonne >= twCx.tlOnDisplay[ligne].totalTweets || colonne < 0 ) { + if (outside) { + colonne = Math.min( twCx.tlOnDisplay[ligne].totalTweets - 1, Math.max( 0, colonne )); + } else { + return null; + } + } + for (var i in twCx.tlOnDisplay[ligne].displayData) { + var nl = l + twCx.tlOnDisplay[ligne].displayData[i].length; + if (colonne < nl) { + return { + "id" : twCx.tlOnDisplay[ligne].displayData[i][colonne - l], + "annotation" : i + } + } + l = nl; + } +} + +function tlPosTweet(tweet, annotation) { + if (!twCx.tweets) { + return; + } + var x, + y, + dt = tweet.date_value, + ann = ( annotation ? annotation : ( tweet.annotations.length ? tweet.annotations[0] : 'default' ) ); + for (var i = 0; i < twCx.tlOnDisplay.length; i++) { + if (twCx.tlOnDisplay[i].end > dt) { + y = twCx.tlHeight - (i + .5) * twCx.scaleY; + var l = 0; + for (var j in twCx.tlOnDisplay[i].displayData) { + if (j == ann) { + var p = _(twCx.tlOnDisplay[i].displayData[j]).indexOf(tweet.id); + if (p != -1) { + x = twCx.deltaX + twCx.scaleX * ( p + l + .5 ); + } + break; + } + l += twCx.tlOnDisplay[i].displayData[j].length; + } + break; + } + } + return ( x && y ? { "x" : x, "y" : y } : null); +} + +function rolloverTweet(tweetid, showPopup, annotation) { + var t = tweetById(tweetid); + if (!t) { + return; + } + var p = tlPosTweet(t, annotation); + if (!p) { + return; + } + var ptl = $("#timeline").offset(); + if (showPopup) { + $("#hovercontent").html(tweetToHtml(t, 'full', 'div')); + $("#hovertweet").css({ + "left" : parseInt(ptl.left + p.x) + "px", + "top" : parseInt(ptl.top + p.y), + "display" : "block"}); + } else { + $("#hovertweet").hide(); + } + for (var i in twCx.relHover) { + twCx.relHover[i].remove(); + } + twCx.relHover = drawTweetArcs(t, p, '#303030'); + twCx.relHover.push(drawTweetPos(p, '#ffffff')); +} + +function drawTweetPos(pos, color) { + var rel = twCx.tlPaper.rect(pos.x - .5 * twCx.scaleX, pos.y - .5 * twCx.scaleY, twCx.scaleX, twCx.scaleY); + rel.attr({ "stroke" : color, "fill" : color, "fill-opacity" : .25 }); + return rel; +} + +function drawTweetArcs(tweet, pos, color) { + + var res = []; + + function tweetAndArc(a, b, aorb) { + if (a && b) { + res.push(drawTweetPos(aorb ? a : b, color)); + var aa = twCx.tlPaper.path(arc(a,b)) + .attr({ "stroke" : color, "stroke-width" : 1.5, "stroke-opacity" : .8 }); + res.push(aa); + } + } + + if (tweet.retweeted_status_id) { + var t = tweetById(tweet.retweeted_status_id); + if (t) { + tweetAndArc(pos, tlPosTweet(t)); + } + } + + if (tweet.in_reply_to_status_id) { + var t = tweetById(tweet.in_reply_to_status_id); + if (t) { + tweetAndArc(pos, tlPosTweet(t)); + } + } + + if (tweet.backRefs) { + for (var i in tweet.backRefs) { + var t = tweetById(tweet.backRefs[i].referenced_by_id); + if (t) { + tweetAndArc(tlPosTweet(t), pos, true); + } + } + } + + return res; +} + +function mouseoverkw() { + var _jel = $(this), + _off = _jel.offset(); + _jel.css({ + color: "#0099ff" + }); + $("#hoverkw") + .css({ + "left" : _off.left + "px", + "top" : ( parseInt(_off.top) + ~~ (_jel.height() / 2) ) + "px", + "display" : "block" + }) + .attr("kw", _jel.text()); +} + +function mouseoutkw() { + $("#hoverkw").hide(); + $(this).css({ + color: "#000000" + }); +} + +function makeTagCloud(tab, div) { + var minfreq = _(tab).min( function(a) { return a.freq} ).freq, + maxfreq = Math.max(minfreq + .1, _(tab).max( function(a) { return a.freq} ).freq), + echfreq = 8 / Math.sqrt( maxfreq - minfreq ), + html = ''; + _(tab).each(function(_j) { + var maxann = 0, + ann = "default"; + for (var k in _j.annotations) { + if (_j.annotations[k] == maxann) { + ann = "default"; + } + if (_j.annotations[k] > maxann) { + ann = k; + maxann = _j.annotations[k]; + } + } + if (ann == "default") { + var coul = ''; + } else { + var c = getColor(ann, .6), + coul = "background: rgba(" + [ Math.floor(c.r), Math.floor(c.g), Math.floor(c.b), ( _j.annotations[ann] / _j.freq )].join(',') + ")"; + } + var fontsize = Math.floor( ( 12 + Math.sqrt( _j.freq - minfreq ) * echfreq ) ); + html += '' + _j.word + ' '; + }); + $(div).html(html); + $(div + " span") + .mouseover(mouseoverkw) + .mouseout(mouseoutkw) + .click(function() { + $("#hoverkw").toggle(); + }); +} + +function updateDisplay() { + if (!twCx.tweets) { + return; + } + if (twCx.filtre) { + var tweets = _(twCx.tweets).filter(function(tweet) { + var mention = '@' + tweet.user.screen_name; + return ( tweet.text.search(twCx.filtre) != -1 ) || ( mention.search(twCx.filtre) != -1 ); + }); + $("#inp_q").val(twCx.filtreTexte + ' (' + tweets.length + ' tweets)'); + if (tweets.length) { + var idIndex = _(tweets).map(function(tweet) { + return tweet.id; + }); + var p = _(idIndex).indexOf(twCx.position); + if (p == -1) { + for (p = idIndex.length - 1; p > 0 && idIndex[p] > twCx.position; p--) { + } + } + twCx.position = idIndex[p]; + twCx.currentIdIndex = idIndex; + } + + } else { + twCx.currentIdIndex = twCx.idIndex; + var tweets = twCx.tweets; + var p = _(twCx.idIndex).indexOf(twCx.position); + if (p == -1) { + p = (twCx.followLast ? twCx.idIndex.length - 1 : 0); + } + } + + + var l = tweets.length, + lines = 0, + ppy = 0, + html = '', + tweetsOnDisplay = []; + + function pushTweet(tp, className) { + + if (tp < l && tp >= 0) { + + html += tweetToHtml(tweets[tp], className); + + tweetsOnDisplay.push(tp); + + } else { + html += placeHolder(className); + } + } + + if (l) { + + twCx.lastScrollPos = Math.floor( twCx.scrollExtent * ( 1 - ( p / l ) ) ); + $("#scrollcont").scrollTop(twCx.lastScrollPos); + + for (var i = p + 2; i >= p - 2; i--) { + pushTweet(i, i === p ? 'full current' : 'full'); + } + + if (html != twCx.tlBuffer) { + $("#tweetlist").html(html); + $(".tweet.full").show(); + twCx.tlBuffer = html; + } + + if (twCx.suggestCount.length) { + makeTagCloud(twCx.suggestCount, "#suggkw"); + } + + var tab = _(twCx.globalWords).chain() + .map(function(v, k) { + return { + "word": k, + "freq" : v.freq, + "annotations" : v.annotations + }; + }).filter(function(v) { + return v.freq > 3; + }).value(); + + if (tab.length) { + + tab = _(tab).sortBy( function(a) { return ( - a.freq ) }).slice(0,40); + makeTagCloud(tab,"#motscles"); + } else { + $("#motscles").html(''); + } + twCx.centralTweet = tweets[p]; + } else { + $("#tweetlist").html(''); + twCx.tlBuffer = ''; + $("#motscles").html(''); + } + + twCx.tlOnDisplay = trimFDS(); + if (!twCx.tlOnDisplay || !twCx.tlOnDisplay.length) { + return; + } + twCx.scaleY = twCx.tlHeight / twCx.tlOnDisplay.length; + var maxTweets = 0, + startTl = 0, + endTl = twCx.tlOnDisplay.length - 1; + if (l) { + var startTw = tweets[tweetsOnDisplay[tweetsOnDisplay.length - 1]].date_value, + endTw = tweets[tweetsOnDisplay[0]].date_value; + } + for (var i = 0; i < twCx.tlOnDisplay.length; i++) { + if (l) { + if (startTw >= twCx.tlOnDisplay[i].start && startTw < twCx.tlOnDisplay[i].end) { + startTl = i; + } + if (endTw >= twCx.tlOnDisplay[i].start && endTw < twCx.tlOnDisplay[i].end) { + endTl = i; + } + } + var displayData = {}; + for (var j in annotations) { + displayData[j] = []; + } + for (var j in twCx.tlOnDisplay[i].tweets) { + var tweetid = twCx.tlOnDisplay[i].tweets[j], + tweet = tweetById(tweetid); + if (tweet) { + if (tweet.annotations.length) { + for (var k in tweet.annotations) { + displayData[tweet.annotations[k]].push(tweetid); + } + } else { + displayData['default'].push(tweetid); + } + } + } + var nbT = 0; + for (var j in displayData) { + nbT += displayData[j].length; + } + maxTweets = Math.max(maxTweets, nbT); + twCx.tlOnDisplay[i].displayData = displayData; + twCx.tlOnDisplay[i].totalTweets = nbT; + } + twCx.scaleX = ( twCx.tlWidth - twCx.deltaX ) / maxTweets; + twCx.tlPaper.clear(); + twCx.relHover = null; + + // Dessin de la correspondance liste-timeline + if (l) { + var startY = twCx.tlHeight - startTl * twCx.scaleY, + endY = twCx.tlHeight - ( endTl + 1 ) * twCx.scaleY, + path = "M0 " + twCx.tlHeight + "C" + .7*twCx.deltaX + " " + twCx.tlHeight + " " + .3*twCx.deltaX + " " + startY + " " + twCx.deltaX + " " + startY + "L" + twCx.tlWidth + " " + startY + "L" + twCx.tlWidth + " " + endY + "L" + twCx.deltaX + " " + endY + "C" + .3*twCx.deltaX + " " + endY + " " + .7*twCx.deltaX + " 0 0 0"; + twCx.tlPaper.path( path ).attr({ "stroke" : "none", "fill" : "#8080c0", "opacity" : .2 }); + } + // dessin de la date de début + + twCx.tlPaper.text(twCx.deltaX / 2, twCx.tlHeight - 7, new Date(twCx.tlOnDisplay[0].start).toTimeString().substr(0,5)) + .attr({ "text-anchor" : "middle", "font-size": "9px", "fill": "#cccccc" }); + + // dessin de la date de fin + + twCx.tlPaper.text(twCx.deltaX / 2, 7, new Date(twCx.tlOnDisplay[twCx.tlOnDisplay.length - 1].end).toTimeString().substr(0,5)) + .attr({ "text-anchor" : "middle", "font-size": "9px", "fill": "#cccccc" }); + + for (var i = 0; i < twCx.tlOnDisplay.length; i++) { + var n = 0, + posY = twCx.tlHeight - ( i + 1 ) * twCx.scaleY; + for (var j in twCx.tlOnDisplay[i].displayData) { + var ll = twCx.tlOnDisplay[i].displayData[j].length; + if (ll > 0) { + twCx.tlPaper.rect( twCx.deltaX + n * twCx.scaleX, posY, ll * twCx.scaleX, twCx.scaleY ) + .attr({"stroke" : "none", "fill" : getColor(j, .4).hex }); + n += ll; + } + } + + // Si on est à une demi-heure, on trace un axe secondaire + heure + + if (i < twCx.tlOnDisplay.length - 1 && !(twCx.tlOnDisplay[i].end % 1800000)) { + twCx.tlPaper.path("M0 "+posY+"L" + twCx.tlWidth +" "+posY).attr({"stroke":"#555"}); + twCx.tlPaper.text(twCx.deltaX / 2, posY, new Date(twCx.tlOnDisplay[i].end).toTimeString().substr(0,5)).attr({ "text-anchor" : "middle", "font-size": "9px", "fill": "#cccccc" }); + } + } + + // dessin du tweet courant + + if (l) { + + if (twCx.filtre) { + for (var i = 0; i < tweets.length; i++) { + if (i != p) { + var pos = tlPosTweet(tweets[i]); + if (pos) { + drawTweetPos(pos, "#ffccff"); + } + } + } + + } + + var posp = tlPosTweet(tweets[p]); + if (posp) { + + drawTweetPos(posp, "#ffff00"); + var yy = posp.y - .5 * twCx.scaleY, + ppy = $(".tweet.current").offset().top - $("#tweetlist").offset().top + path = "M0 " + ppy + "C" + ( .7 * twCx.deltaX ) + " " + ppy + " " + ( .2 * twCx.deltaX ) + " " + yy + " " + ( twCx.deltaX ) + " " + yy + "L" + ( posp.x - .5 * twCx.scaleX ) + " " + yy; + yy = posp.y + .5 * twCx.scaleY; + ppy += $(".tweet.full").height(); + path += "L" + ( posp.x - .5 * twCx.scaleX ) + " " + yy + "L" + twCx.deltaX + " " + yy + "C" + ( .2 * twCx.deltaX ) + " " + yy + " " + ( .7 * twCx.deltaX ) + " " + ppy + " 0 " + ppy; + twCx.tlPaper.path( path ).attr({"stroke":"#ffff00", "fill" : "#ffff00", "fill-opacity" : .15}); + + drawTweetArcs(tweets[p], posp, '#800080'); + } + } +} + +function filtrerAnnotation(annotation) { + if (annotations[annotation]) { + effectuerFiltrage(annotations[annotation].display_name, + new RegExp( "(" + _(annotations[annotation].keywords).map(function(a) { return a.source }).join("|") + ")", "gim" ) ); + } else { + effectuerFiltrage('', null) + } +} + +function filtrerTexte(valeur) { + effectuerFiltrage( valeur, valeur ? new RegExp("(" + valeur.replace(/(\W)/g, '\\$1') + ")" ,'gim') : null ); +} + +function effectuerFiltrage(filtreTexte, tabRegexp) { + $("#recherche_annot").slideUp(); + $("#inp_q").val(filtreTexte).attr("class","rechercheCourante"); + twCx.filtreTexte = filtreTexte; + twCx.filtre = tabRegexp; + twCx.followLast = !tabRegexp && (twCx.position == twCx.idIndex[twCx.idIndex.length - 1]); + updateDisplay(); +} + +function clicTl(evt) { + var o = $("#timeline").offset(); + if (twCx.tlMouseClicked && twCx.tlMouseMoved) { + var twid = tlIdFromPos(evt.pageX - o.left + twCx.refPosTl.x - twCx.refMouse.x, evt.pageY - o.top + twCx.refPosTl.y - twCx.refMouse.y, true); + if (twid) { + selectTweet(twid.id); + } + } else { + var twid = tlIdFromPos(evt.pageX - o.left, evt.pageY - o.top, twCx.tlMouseClicked); + if (twCx.tlMouseMoved && !twCx.tlMouseClicked) { + if (twid) { + rolloverTweet(twid.id, true, twid.annotation); + } else { + $("#hovertweet").hide(); + } + } + if (twCx.tlMouseClicked && !twCx.tlMouseMoved) { + if (twid) { + selectTweet(twid.id); + } + } + } +} + +function loadTweets(tweets, append) { + if (!append) { + twCx.timeline = []; + twCx.idIndex = []; + twCx.tweets = []; + } + for (var i in tweets) { + addTweet(tweets[i]); + } + if (twCx.followLast) { + twCx.position = twCx.idIndex[twCx.tweets.length - 1]; + } + updateDisplay(); +} + +function focusOutRecherche() { + $("#recherche_annot").slideUp(); + var inpq = $("#inp_q"), + val = inpq.val(); + if (val == '' || val == twCx.filtreTexte) { + if (twCx.filtre) { + inpq.attr("class", "rechercheCourante").val(twCx.filtreTexte); + } else { + inpq.attr("class", "greyed").val(l10n.rechercher); + } + } +} + +function chaineTimeZoom() { + var chaine = "", + t = twCx.date_levels[twCx.timeLevel], + h = 3600*1000, + m = 60*1000, + s = 1000, + heures = Math.floor(t/h); + if (heures) { chaine += heures + ' h. ' }; + t -= (heures * h); + var minutes = Math.floor(t/m); + if (minutes) { chaine += minutes + ' min. ' }; + t -= (minutes * m); + if (t) { chaine += Math.floor(t/s) + ' sec.' } + $("#time_scale").html(chaine); + $("#time_zoomout").attr("class",(twCx.timeLevel == 0 ? "inactive" : "")); + $("#time_zoomin").attr("class",(twCx.timeLevel == twCx.date_levels.length - 1 ? "inactive" : "")); +} + +$(document).ready(function() { + twCx.tlWidth = $("#timeline").width(); + twCx.tlHeight = $("#timeline").height(); + twCx.tlPaper = Raphael("timeline", twCx.tlWidth, twCx.tlHeight); + + connectTweets(); + + var html = ''; + for (var j in annotations) { + if (j != "default") { + html += '' + annotations[j].display_name + ' ' + } + } + $("#rech_list_annot").html(html); + + chaineTimeZoom(); + + $("#tweetlist").mousewheel(function(e, d) { + twCx.wheelDelta += d; + if (Math.abs(twCx.wheelDelta) >= 1) { + movePos( parseInt(twCx.wheelDelta) ); + twCx.wheelDelta = 0; + } + return false; + }); + $("#tweetlist").delegate(".tweet", "dragstart", function(e) { + var div = document.createElement('div'); + div.appendChild(this.cloneNode(true)); + try { + e.originalEvent.dataTransfer.setData("text/html",div.innerHTML); + } + catch(err) { + e.originalEvent.dataTransfer.setData("text",div.innerHTML); + } + }); + $("#timeline").mousewheel(function(e, d) { + twCx.wheelDelta += d; + if (Math.abs(twCx.wheelDelta) >= 1) { + if (twCx.wheelDelta > 0) { + tl = Math.min(twCx.date_levels.length - 1, twCx.timeLevel + 1); + } else { + tl = Math.max(0, twCx.timeLevel - 1); + } + if (tl != twCx.timeLevel) { + twCx.timeLevel = tl; + chaineTimeZoom(); + updateDisplay(); + } + twCx.wheelDelta = 0; + } + return false; + }); + $("#time_zoomin").click(function() { + if (twCx.timeLevel < twCx.date_levels.length - 1) { + twCx.timeLevel++; + chaineTimeZoom(); + updateDisplay(); + } + }); + $("#time_zoomout").click(function() { + if (twCx.timeLevel > 0) { + twCx.timeLevel--; + chaineTimeZoom(); + updateDisplay(); + } + }); + $("#timeline, #tweetlist").mouseout(function() { + twCx.tlMouseClicked = false; + twCx.tlMouseMoved = false; + $("#hovertweet").hide(); + }); + $("#timeline").mousemove(function(evt) { + twCx.tlMouseMoved = true; + clicTl(evt); + }).mousedown(function(evt) { + twCx.tlMouseClicked = true; + twCx.tlMouseMoved = false; + var o = $(this).offset(); + twCx.refMouse = { x : evt.pageX - o.left, y : evt.pageY - o.top }; + twCx.refPosTl = tlPosTweet(tweetById(twCx.position)) || twCx.refMouse; + }).mouseup(function(evt) { + clicTl(evt); + twCx.tlMouseClicked = false; + twCx.tlMouseMoved = false; + }); + $("#inp_q").focus(function() { + $("#recherche_annot").slideDown(); + $(this).val($(this).val().replace(/ \(.+\)$/, '')) + if ($(this).hasClass("greyed")) { + $(this).val(""); + } + $(this).attr("class",""); + }).focusout(function() { + focusOutRecherche(); + }); + $("#inp_reset").click(function() { + $("#inp_q").val(''); + if (twCx.filtre) { + twCx.filtre = null; + updateDisplay(); + } + twCx.filtreTexte = ''; + focusOutRecherche(); + return false; + }) + $("#recherche").submit(function(evt) { + evt.preventDefault(); + if (!$("#inp_q").hasClass("greyed")) { + var valeur = $("#inp_q").val(); + filtrerTexte(valeur); + } + return false; + }); + $("#hoverkw").mouseover(function() { + $(this).dequeue().show(); + }).mouseout(function() { + $(this).hide(); + }); + + $("#hkwsearch").click(function() { + var _hkw = $("#hoverkw"); + filtrerTexte(_hkw.attr("kw")); + _hkw.hide(); + return false; + }); + $("#hkwtweet").click(function() { + var _hkw = $("#hoverkw"); + add_grammar(_hkw.attr("kw")); + _hkw.hide(); + return false; + }); + $(".acctitre").click(function() { + $(this).next().slideToggle(); + return false; + }) + + if (!suggested_keywords.length) { + $("#suggkw").parent().hide(); + } + + setInterval(function() { + var sc = $("#scrollcont"); + if (sc.scrollTop() != twCx.lastScrollPos && twCx.tweets && twCx.currentIdIndex) { + var p = Math.floor( twCx.currentIdIndex.length * ( 1 - sc.scrollTop() / twCx.scrollExtent ) ); + goToPos(p); + } + }, 100) +}); + +function connectTweets() { + twCx.tlPaper.clear(); + var _sq = twCx.tlPaper.rect(0, twCx.tlHeight, twCx.tlWidth, 0) + .attr({ + "stroke" : "none", + "fill" : "#8080cc" + }); + var _lb = twCx.tlPaper.text(twCx.tlWidth / 2, twCx.tlHeight / 2, "0 tweet") + .attr({ + "font-size" : "20px", + "text-anchor" : "middle" + }); + + getTweets({ + "keyword" : tracking_keywords.join(" OR "), + "pages" : max_pages, + "rpp" : 100, + "cbData" : function() { + _lb.attr("text", (this.tweets.length - this.currentPage + 1) + " tweets"); + var _h = twCx.tlHeight * this.currentPage / this.pages; + _sq.animate({ + "y" : twCx.tlHeight - _h, + "height" : _h + }) + }, + "cbEnd" : function() { + loadTweets(this.tweets); + setInterval(function() { + getTweets({ + "keyword" : tracking_keywords.join(" OR "), + "pages" : 1, + /*"since_id" : twCx.idIndex[twCx.idIndex.length - 1],*/ + "rpp" : 100, + "cbEnd" : function() { + loadTweets(this.tweets, true); + } + }); + }, 60000) + } + }); +} \ No newline at end of file diff -r a78d44f5cb8b -r 1c802a62425f web/cineconf/style.css --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/web/cineconf/style.css Wed May 15 16:37:54 2013 +0200 @@ -0,0 +1,66 @@ +body { + background: #222222; +} + + +#main { + position: absolute; + left: 50%; top: 50%; width: 1400px; height: 875px; + margin-top: -437px; margin-left: -700px; +} + +#visionplayer_1101 { + position: absolute; margin: 5px; width: 836px; height: 440px; left: 34px; top: 247px; +} + +#visionplayer_1101 img { + margin: 20px auto; +} + +#vizcontainer { + position: absolute; left: 880px; top: 150px; height: 617px; overflow: hidden; +} + +#vizcontainer, #tweetviz { + width: 492px; +} + +#tweetlist { + background: #222222; color: #cccccc; width: 320px; +} + +li.tweet { + background: none; +} + +.full p.tweet_text { + color: #ffffff; font-size: 14px; +} + +#inp_q, #recherche_annot { + background: #555555; color: #cccccc; +} + +li.tweet, li.placeholder { + border-color: #666666; +} + +li.placeholder:nth-child(n+2) { + visibility: visible; +} + +li.full { + width: 320px; border-right: none; +} + +li.tweet.full.current { + width: 310px; border-right: 10px solid #ff0; +} + +li.tweet a { + color: #80ccfc; +} + +#tweetlist, #timeline, #scrollcont { + height: 590px; +} diff -r a78d44f5cb8b -r 1c802a62425f web/hanna-arendt/arendt-background.jpg Binary file web/hanna-arendt/arendt-background.jpg has changed diff -r a78d44f5cb8b -r 1c802a62425f web/hanna-arendt/carton.png Binary file web/hanna-arendt/carton.png has changed diff -r a78d44f5cb8b -r 1c802a62425f web/hanna-arendt/config.php --- a/web/hanna-arendt/config.php Wed May 15 16:37:04 2013 +0200 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,4 +0,0 @@ - basename(__DIR__), -); \ No newline at end of file diff -r a78d44f5cb8b -r 1c802a62425f web/hanna-arendt/index.php --- a/web/hanna-arendt/index.php Wed May 15 16:37:04 2013 +0200 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,91 +0,0 @@ - basename(__DIR__)); - -include_once '../common.php'; - -/** - * Do we already have a valid Access Token or need to go get one? - */ - -if (!isset($_SESSION['TWITTER_ACCESS_TOKEN'])) { - - $_SESSION['TWITTER_REDIRECT_URL'] = URL_ROOT . basename(__DIR__) . '/' . basename(__FILE__); - // Permanent redirection - header("HTTP/1.1 301 Moved Permanently"); - header("Location: client.php?CONNECT=true&rep=" . basename(__DIR__)); - exit(); - -} -?> - - - - - - Avant-Première Hanna Arendt : Tweet Wall - - - - - - - - - - - - - - - - - - - -
      -
      - - - -
      - -
      -
      - - - -
      -
      -
      - - -
      -
      - Rechercher par polémique : -
      -
      -
      -
      - -
      -
        -
        -
        -
        -
        -
        -
        - -
        - - \ No newline at end of file diff -r a78d44f5cb8b -r 1c802a62425f web/hanna-arendt/paris.php --- a/web/hanna-arendt/paris.php Wed May 15 16:37:04 2013 +0200 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,88 +0,0 @@ - basename(__DIR__)); - -include_once '../common.php'; - -/** - * Do we already have a valid Access Token or need to go get one? - */ - -if (!isset($_SESSION['TWITTER_ACCESS_TOKEN']) ) { - - $_SESSION['TWITTER_REDIRECT_URL'] = URL_ROOT . basename(__DIR__) . '/' . basename(__FILE__); - // Permanent redirection - header("HTTP/1.1 301 Moved Permanently"); - header("Location: client.php?CONNECT=true&rep=".basename(__DIR__)); - exit(); - -} - -?> - - - - - - Avant-Première Hanna Arendt : Tweet Wall - - - - - - - - - - - - - - - - - - - -
        -
        - -
        -
        - -
        -
        - - - -
        -
        -
        - - -
        -
        - Rechercher par polémique : -
        -
        -
        -
        - -
        -
          -
          -
          -
          -
          -
          -
          - -
          - - \ No newline at end of file diff -r a78d44f5cb8b -r 1c802a62425f web/hanna-arendt/script.js --- a/web/hanna-arendt/script.js Wed May 15 16:37:04 2013 +0200 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,1223 +0,0 @@ -var tracking_keywords = [ "#AVPHannaArendt" ]; - -function rejectUser(username) { - return (/^[A-Z][a-z]{2,8}[0-9]{4,6}$/.test(username)) -} - -if (typeof annotations == "undefined" || !annotations) { - var annotations = { - "default" : { - "colors" : { - "h" : 0, - "s" : 0 - } - }, - "positive" : { - "display_name" : "++ | accord", - "keywords" : [ /\+\+/ ], - "colors" : { - "h" : .3, - "s" : .65 - } - }, - "negative" : { - "display_name" : "-- | désaccord", - "keywords" : [ /\-\-/ ], - "colors" : { - "h" : 0, - "s" : .8 - } - }, - "reference" : { - "display_name" : "== | référence", - "keywords" : [ /\=\=/ ], - "colors" : { - "h" : .16, - "s" : .8 - } - }, - "question" : { - "display_name" : "?? | question", - "keywords" : [ /\?\?/ ], - "colors" : { - "h" : .6, - "s" : .8 - } - } - } -} - -if (typeof l10n == "undefined") { - l10n = { "rechercher" : "Rechercher" } -} - -if (typeof suggested_keywords == "undefined") { - suggested_keywords = [ ]; -} - -if (typeof max_pages == "undefined" || !max_pages) { - max_pages = 2; -} - -tracking_keywords = _(tracking_keywords).map(function(_w) { - return _w.toLowerCase(); -}); - -var twCx = { - tlPaper : null, - followLast : true, - position : "0", - date_levels : [ - 3600 * 1000, - 15 * 60 * 1000, - 5 * 60 * 1000, - 60 * 1000 - ], - timeLevel : 1, - deltaX : 40, - tlWidth : 150, - tlHeight : 480, - globalWords : {}, - suggestCount : _(suggested_keywords).map(function(_w) { - return { - "word" : _w, - "rgxp" : new RegExp(_w.replace(/(\W)/g, '\\$1'), "im"), - "freq" : 0, - "annotations" : {} - } - }), - refMouse : { x : 0, y : 0}, - refPosTl : { x : 0, y : 0}, - tlMouseMoved : false, - tlMouseClicked : false, - filtre : null, - tlBuffer : '', - relHover : [], - wheelDelta : 0, - scrollEnabled : false, - scrollExtent : 8000 - 480, - lastScrollPos : 0, - urlRegExp : /https?:\/\/[0-9a-zA-Z\.%\/-_]+/g, - wordRegExp : /[^ \.&;,'"!\?\d\(\)\+\[\]\\\…\-«»:\/]{3,}/g, - stopWords : [ - 'aussi', 'and', 'avec', 'aux', 'bien', 'car', 'cette', 'comme', 'dans', 'donc', 'des', 'elle', 'encore', 'est', - 'être', 'eux', 'faire', 'fait', 'http', 'ici', 'ils', 'les', 'leur', 'leurs', 'mais', 'mes', 'même', 'mon', 'notre', - 'non', 'nos', 'nous', 'ont', 'oui', 'par', 'pas', 'peu', 'peut', 'plus', 'pour', 'que', 'qui', 'ses' ,'son', 'sont', 'sur', - 'tes', 'très', 'the', 'ton', 'tous', 'tout', 'une', 'votre', 'vos', 'vous' - ] - } - -function getTweets(options) { - - function getTweetUrl(url) { - $.getJSON(url, function(data) { - options.tweets = options.tweets.concat(data); - options.currentPage++; - if (options.cbData) { - options.cbData(); - } - var _isLast = true; - if (data.results && data.results.length) { - var _oldestTweetId = data.results[data.results.length - 1].id_str, - _maxId = _oldestTweetId; - if (options.currentPage < options.pages) { - _isLast = false; - getTweetUrl(baseurl + firstparams + '&max_id=' + _maxId + lastparams); - } - } - - if (_isLast) { - options.tweets.sort(function(a,b) { - return a.id - b.id; - }); - if (options.cbEnd) { - options.cbEnd(); - } - } - }); - } - - options.tweets = []; - options.pages || (options.pages = 1); - options.rpp || (options.rpp = 100); - options.currentPage = 0; - var baseurl = "search_tweets.php", - firstparams = "?endpoint=favorites/list" + (typeof favUser === "string" ? ("&screen_name=" + encodeURIComponent(favUser)) : "") - + "&count=" + options.rpp + "&include_entities=true", - lastparams = (options.since_id ? "&since_id=" + options.since_id : '' ) + "&callback=?", - jsonurl = baseurl + firstparams + lastparams; - getTweetUrl(jsonurl); -} - -function getColor(annotation, lum) { - return Raphael.hsl2rgb(annotations[annotation].colors.h, annotations[annotation].colors.s, lum); -} - -function tweetPopup(url) { - var popW = 550, - popH = 350, - scrW = screen.width, - scrH = screen.height, - posX = Math.round((scrW/2)-(popW/2)), - posY = (scrH > popH ? Math.round((scrH/2)-(popH/2)) : 0); - window.open(url, - '', - 'left=' + posX + ',top=' + posY + ',width=' + popW + ',height=' + popH + ',personalbar=0,toolbar=0,scrollbars=1,resizable=1'); -} - -function arc(source, target) { - var x3 = .3 * target.y - .3 * source.y + .8 * source.x + .2 * target.x; - var y3 = .8 * source.y + .2 * target.y - .3 * target.x + .3 * source.x; - var x4 = .3 * target.y - .3 * source.y + .2 * source.x + .8 * target.x; - var y4 = .2 * source.y + .8 * target.y - .3 * target.x + .3 * source.x; - return "M" + source.x + " " + source.y + "C" + [x3, y3, x4, y4, target.x, target.y].join(" "); -} - -function addTweet(tweet) { - if (!tweet) { - console.log(tweet); - return; - } - - if (rejectUser(tweet.from_user)) { - return; - } - - function backRef(source_id, target_id, type) { - var target = tweetById(target_id); - if (target) { - var brobj = { - "referenced_by_id" : source_id, - "type" : type - } - if (target.backRefs) { - target.backRefs.push(brobj); - } else { - target.backRefs = [ brobj ] - } - } - } - - _(['id', 'from_user_id', 'in_reply_to_status_id']).each(function(_i) { - tweet[_i] = tweet[_i + '_str']; - delete tweet[_i + '_str']; - }); - - if (_(twCx.idIndex).indexOf(tweet.id) != -1) { - return; - } - - tweet.html_parts = [] - - if (tweet.entities && tweet.entities.user_mentions) { - for (var _i = 0; _i < tweet.entities.user_mentions.length; _i++) { - var _m = tweet.entities.user_mentions[_i]; - tweet.html_parts.push({ - "text" : "@" + _m.screen_name, - "start" : _m.indices[0], - "end" : _m.indices[1], - "link" :'' - }); - } - } - - if (tweet.entities && tweet.entities.hashtags) { - for (var _i = 0; _i < tweet.entities.hashtags.length; _i++) { - var _m = tweet.entities.hashtags[_i], - _h = "#" + _m.text; - tweet.html_parts.push({ - "text" : _h, - "start" : _m.indices[0], - "end" : _m.indices[1], - "link" :'' - }); - } - } - - if (tweet.entities && tweet.entities.urls) { - for (var _i = 0; _i < tweet.entities.urls.length; _i++) { - var _m = tweet.entities.urls[_i]; - tweet.html_parts.push({ - "text" : _m.display_url || _m.url, - "start" : _m.indices[0], - "end" : _m.indices[1], - "link" :'' - }); - } - } - tweet.date_value = Date.parse(tweet.created_at.replace(/(\+|-)/,'UTC$1')); - - var ann = []; - for (var j in annotations) { - if (j != "default") { - for (var k in annotations[j].keywords) { - if (tweet.text.search(annotations[j].keywords[k]) != -1) { - ann.push(j); - break; - } - } - } - } - tweet.annotations = ann; - - if (tweet.in_reply_to_status_id) { - backRef( tweet.id, tweet.in_reply_to_status_id, "reply" ); - } - - if (tweet.retweeted_status && tweet.retweeted_status.id_str) { - tweet.retweeted_status_id = tweet.retweeted_status.id_str; - backRef( tweet.id, tweet.retweeted_status_id, "retweet" ); - } - - - var tab = tweet.text.replace(twCx.urlRegExp,'').match(twCx.wordRegExp); - _(tab).each(function(w) { - var word = w.toLowerCase(); - if (_(twCx.stopWords).indexOf(word) == -1 && _(tracking_keywords).indexOf(word) == -1 && word[0] != '@') { - if (twCx.globalWords[word]) { - twCx.globalWords[word].freq++; - } else { - twCx.globalWords[word] = { - "freq" : 1, - "annotations" : {} - } - for (var j in annotations) { - if (j != 'default') { - twCx.globalWords[word].annotations[j] = 0; - } - } - } - for (var j in ann) { - if (typeof twCx.globalWords[word].annotations != "undefined") { - twCx.globalWords[word].annotations[ann[j]]++; - } - } - } - }); - - _(twCx.suggestCount).each(function(_k) { - if (tweet.text.search(_k.rgxp) != -1) { - _k.freq++; - _(ann).each(function(_a) { - _k.annotations[_a] = 1 + ( _k.annotations[_a] || 0 ) - }) - } - }); - - - var p = twCx.idIndex.length; - while (p && tweet.id < twCx.idIndex[p-1]) { - p--; - } - twCx.tweets.splice(p, 0, tweet); - twCx.idIndex.splice(p, 0, tweet.id); - - if (!twCx.timeline.length) { - twCx.timeline = [ populateDateStruct(0, twCx.date_levels[0] * parseInt(tweet.date_value / twCx.date_levels[0])) ] - } - while (tweet.date_value > twCx.timeline[twCx.timeline.length - 1].end) { - twCx.timeline.push( populateDateStruct(0, twCx.timeline[twCx.timeline.length - 1].end) ); - } - - insertIntoDateStruct(twCx.timeline, tweet); -} - -function getSliceContent(slice) { - if (slice.slices) { - var result = []; - for (var i in slice.slices) { - result = result.concat(getSliceContent(slice.slices[i])); - } - } else { - var result = slice.tweets; - } - return result; -} - -function flattenDateStruct(slices, target_level) { - var current_level = slices[0].level, - result = []; - if (current_level < target_level) { - if (slices[0].slices) { - for (var i in slices) { - result = result.concat(flattenDateStruct(slices[i].slices, target_level)); - } - } - } - else { - for (var i in slices) { - result.push({ - "start" : slices[i].start, - "end" : slices[i].end, - "tweets" : getSliceContent(slices[i]) - }); - } - } - return result; -} - -function trimFDS() { - var slices = flattenDateStruct(twCx.timeline, twCx.timeLevel); - if (!slices || !slices.length) { - return []; - } - while (slices[0].tweets.length == 0) { - slices.splice(0,1); - } - while (slices[slices.length - 1].tweets.length == 0) { - slices.pop(); - } - var centralTweet = ( twCx.centralTweet ? twCx.centralTweet : twCx.tweets[twCx.tweets.length - 1] ), - delta = 30 * twCx.date_levels[twCx.timeLevel], - centre = Math.min(slices[slices.length - 1].end - delta , Math.max(slices[0].start + delta, centralTweet.date_value)), - min = centre - delta, - max = centre + delta; - while (slices[0].start < min) { - slices.splice(0,1); - } - while (slices[slices.length - 1].end > max) { - slices.pop(); - } - return slices; -} - -function populateDateStruct(level, start) { - var end = start + twCx.date_levels[level], - struct = { - "level" : level, - "start" : start, - "end" : end - }; - if (level < twCx.date_levels.length - 1) { - struct.slices = []; - var newstart = start; - while (newstart < end) { - struct.slices.push(populateDateStruct(level + 1, newstart)); - newstart += twCx.date_levels[level + 1]; - } - } else { - struct.tweets = []; - } - return struct; -} - -function insertIntoDateStruct(slices, tweet) { - var creadate = tweet.date_value; - for (var i in slices) { - if (creadate < slices[i].end) { - if (slices[i].slices) { - insertIntoDateStruct(slices[i].slices, tweet); - } else { - slices[i].tweets.push(tweet.id); - } - break; - } - } -} - -function placeHolder(className) { - return '
        • '; -} - -function tweetById(tweetid) { - var pos = _(twCx.idIndex).indexOf(tweetid); - return (pos == -1) ? false : twCx.tweets[pos]; -} - -function selectTweet(tweetid) { - twCx.position = tweetid; - twCx.followLast = (twCx.position == twCx.idIndex[twCx.tweets.length - 1]); - updateDisplay(); -} - -function goToPos(nPos) { - twCx.position = twCx.currentIdIndex[Math.min( twCx.currentIdIndex.length - 1, Math.max(0, nPos ) )]; - twCx.followLast = (!twCx.filtre && nPos == twCx.tweets.length - 1); - updateDisplay(); -} - -function movePos(delta) { - goToPos( delta + _(twCx.currentIdIndex).indexOf(twCx.position) ); -} - -function tweetToHtml(tweet, className, elName) { - - function highlight(texte) { - return ( twCx.filtre ? texte.replace(twCx.filtre, '$1' ) : texte ); - } - - if (!tweet) { - return placeHolder(className); - } - var el = (elName ? elName : 'li'); - var html = '<' - + el - + ' draggable="true" class="tweet ' - + className - + '" id="tweet_' - + tweet.id - + '" data-title="Tweet by ' - + _(tweet.user.name).escape() - + '" data-description="' - + _(tweet.text).escape() - + '" data-uri="http://twitter.com/' - + tweet.user.screen_name - + '/status/' - + tweet.id - + '"'; - if (className != 'full') { - html += ' onclick="selectTweet(\'' + tweet.id + '\'); return false;"'; - } - html += ' onmouseover="rolloverTweet(\'' + tweet.id + "', " + ( className == 'icons' ) + ');"'; - if (twCx.followLast && className == 'full' && el == 'li') { - html += ' style="display: none"'; - } - html += '>'; - if (tweet.annotations.length) { - html += '
          '; - for (var i in tweet.annotations) { - html += '
          '; - } - html += '
          '; - } - html += '
          '; - var a_user = ''; - html += '
          '; - if (className == 'full') { - html += '

          ' + new Date(tweet.date_value).toTimeString().substr(0,8) + '

          '; - } - html += '
          '; - if (className != 'icons') { - lastend = 0; - var txt = ''; - tweet.html_parts.sort(function(a, b) { return a.start - b.start }); - _(tweet.html_parts).each(function(_e) { - txt += highlight( tweet.text.substring(lastend, _e.start) ) + _e.link + highlight( _e.text ) + ''; - lastend = _e.end; - }); - txt += highlight( tweet.text.substring(lastend) ); - html += '

          ' + a_user + highlight('@' + tweet.user.screen_name) + '' + ( className == 'full' ? ' (' + tweet.user.name + ')
          ' : ' : ') + txt + '

          '; - if (className == 'full' && el == 'li') { - html += '
          afficher tweet - '; - html += 'répondre · '; - html += 'retweeter · '; - html += 'favori
          '; - } - } - html += '
          '; - return html; -} - -function tlIdFromPos(x, y, outside) { - if (!twCx.tlOnDisplay || !twCx.tlOnDisplay.length) { - return; - } - var ligne = Math.min( twCx.tlOnDisplay.length - 1, Math.max( 0, Math.floor(( twCx.tlHeight - y ) / twCx.scaleY) ) ), - colonne = Math.floor(( x - twCx.deltaX ) / twCx.scaleX ), - l = 0; - if (colonne >= twCx.tlOnDisplay[ligne].totalTweets || colonne < 0 ) { - if (outside) { - colonne = Math.min( twCx.tlOnDisplay[ligne].totalTweets - 1, Math.max( 0, colonne )); - } else { - return null; - } - } - for (var i in twCx.tlOnDisplay[ligne].displayData) { - var nl = l + twCx.tlOnDisplay[ligne].displayData[i].length; - if (colonne < nl) { - return { - "id" : twCx.tlOnDisplay[ligne].displayData[i][colonne - l], - "annotation" : i - } - } - l = nl; - } -} - -function tlPosTweet(tweet, annotation) { - if (!twCx.tweets) { - return; - } - var x, - y, - dt = tweet.date_value, - ann = ( annotation ? annotation : ( tweet.annotations.length ? tweet.annotations[0] : 'default' ) ); - for (var i = 0; i < twCx.tlOnDisplay.length; i++) { - if (twCx.tlOnDisplay[i].end > dt) { - y = twCx.tlHeight - (i + .5) * twCx.scaleY; - var l = 0; - for (var j in twCx.tlOnDisplay[i].displayData) { - if (j == ann) { - var p = _(twCx.tlOnDisplay[i].displayData[j]).indexOf(tweet.id); - if (p != -1) { - x = twCx.deltaX + twCx.scaleX * ( p + l + .5 ); - } - break; - } - l += twCx.tlOnDisplay[i].displayData[j].length; - } - break; - } - } - return ( x && y ? { "x" : x, "y" : y } : null); -} - -function rolloverTweet(tweetid, showPopup, annotation) { - var t = tweetById(tweetid); - if (!t) { - return; - } - var p = tlPosTweet(t, annotation); - if (!p) { - return; - } - var ptl = $("#timeline").offset(); - if (showPopup) { - $("#hovercontent").html(tweetToHtml(t, 'full', 'div')); - $("#hovertweet").css({ - "left" : parseInt(ptl.left + p.x) + "px", - "top" : parseInt(ptl.top + p.y), - "display" : "block"}); - } else { - $("#hovertweet").hide(); - } - for (var i in twCx.relHover) { - twCx.relHover[i].remove(); - } - twCx.relHover = drawTweetArcs(t, p, '#303030'); - twCx.relHover.push(drawTweetPos(p, '#ffffff')); -} - -function drawTweetPos(pos, color) { - var rel = twCx.tlPaper.rect(pos.x - .5 * twCx.scaleX, pos.y - .5 * twCx.scaleY, twCx.scaleX, twCx.scaleY); - rel.attr({ "stroke" : color, "fill" : color, "fill-opacity" : .25 }); - return rel; -} - -function drawTweetArcs(tweet, pos, color) { - - var res = []; - - function tweetAndArc(a, b, aorb) { - if (a && b) { - res.push(drawTweetPos(aorb ? a : b, color)); - var aa = twCx.tlPaper.path(arc(a,b)) - .attr({ "stroke" : color, "stroke-width" : 1.5, "stroke-opacity" : .8 }); - res.push(aa); - } - } - - if (tweet.retweeted_status_id) { - var t = tweetById(tweet.retweeted_status_id); - if (t) { - tweetAndArc(pos, tlPosTweet(t)); - } - } - - if (tweet.in_reply_to_status_id) { - var t = tweetById(tweet.in_reply_to_status_id); - if (t) { - tweetAndArc(pos, tlPosTweet(t)); - } - } - - if (tweet.backRefs) { - for (var i in tweet.backRefs) { - var t = tweetById(tweet.backRefs[i].referenced_by_id); - if (t) { - tweetAndArc(tlPosTweet(t), pos, true); - } - } - } - - return res; -} - -function mouseoverkw() { - var _jel = $(this), - _off = _jel.offset(); - _jel.css({ - color: "#0099ff" - }); - $("#hoverkw") - .css({ - "left" : _off.left + "px", - "top" : ( parseInt(_off.top) + ~~ (_jel.height() / 2) ) + "px", - "display" : "block" - }) - .attr("kw", _jel.text()); -} - -function mouseoutkw() { - $("#hoverkw").hide(); - $(this).css({ - color: "#000000" - }); -} - -function makeTagCloud(tab, div) { - var minfreq = _(tab).min( function(a) { return a.freq} ).freq, - maxfreq = Math.max(minfreq + .1, _(tab).max( function(a) { return a.freq} ).freq), - echfreq = 8 / Math.sqrt( maxfreq - minfreq ), - html = ''; - _(tab).each(function(_j) { - var maxann = 0, - ann = "default"; - for (var k in _j.annotations) { - if (_j.annotations[k] == maxann) { - ann = "default"; - } - if (_j.annotations[k] > maxann) { - ann = k; - maxann = _j.annotations[k]; - } - } - if (ann == "default") { - var coul = ''; - } else { - var c = getColor(ann, .6), - coul = "background: rgba(" + [ Math.floor(c.r), Math.floor(c.g), Math.floor(c.b), ( _j.annotations[ann] / _j.freq )].join(',') + ")"; - } - var fontsize = Math.floor( ( 12 + Math.sqrt( _j.freq - minfreq ) * echfreq ) ); - html += '' + _j.word + ' '; - }); - $(div).html(html); - $(div + " span") - .mouseover(mouseoverkw) - .mouseout(mouseoutkw) - .click(function() { - $("#hoverkw").toggle(); - }); -} - -function updateDisplay() { - if (!twCx.tweets) { - return; - } - if (twCx.filtre) { - var tweets = _(twCx.tweets).filter(function(tweet) { - var mention = '@' + tweet.user.screen_name; - return ( tweet.text.search(twCx.filtre) != -1 ) || ( mention.search(twCx.filtre) != -1 ); - }); - $("#inp_q").val(twCx.filtreTexte + ' (' + tweets.length + ' tweets)'); - if (tweets.length) { - var idIndex = _(tweets).map(function(tweet) { - return tweet.id; - }); - var p = _(idIndex).indexOf(twCx.position); - if (p == -1) { - for (p = idIndex.length - 1; p > 0 && idIndex[p] > twCx.position; p--) { - } - } - twCx.position = idIndex[p]; - twCx.currentIdIndex = idIndex; - } - - } else { - twCx.currentIdIndex = twCx.idIndex; - var tweets = twCx.tweets; - var p = _(twCx.idIndex).indexOf(twCx.position); - if (p == -1) { - p = (twCx.followLast ? twCx.idIndex.length - 1 : 0); - } - } - - - var l = tweets.length, - lines = 0, - ppy = 0, - html = '', - tweetsOnDisplay = []; - - function pushTweet(tp, className) { - - if (tp < l && tp >= 0) { - - html += tweetToHtml(tweets[tp], className); - - tweetsOnDisplay.push(tp); - - } else { - html += placeHolder(className); - } - } - - if (l) { - - twCx.lastScrollPos = Math.floor( twCx.scrollExtent * ( 1 - ( p / l ) ) ); - $("#scrollcont").scrollTop(twCx.lastScrollPos); - - if (l > p + 18) { - lines++; - ppy += 20; - for (var i = p + 31; i >= p + 18; i--) { - pushTweet(i, 'icons'); - } - } - if (l > p + 4) { - lines++; - ppy += 20; - for (var i = p + 17; i >= p + 4; i--) { - pushTweet(i, 'icons'); - } - } - for (var k = 3; k >= 1; k--) { - if (l > p + k) { - ppy += 47; - lines++; - pushTweet(p + k, 'half'); - } - } - pushTweet(p, 'full'); - var n = p - 1; - for (var i = 0; i < Math.min(6, Math.max(3, 6 - lines)); i++) { - if (n < 0) { - break; - } - pushTweet(n, 'half'); - n--; - } - for (var i = 0; i < 14 * Math.min(4, Math.max(2, 7 - lines)); i++) { - if (n < 0) { - break; - } - pushTweet(n, 'icons'); - n--; - } - if (html != twCx.tlBuffer) { - $("#tweetlist").html(html); - $(".tweet.full").fadeIn(); - twCx.tlBuffer = html; - } - - if (twCx.suggestCount.length) { - makeTagCloud(twCx.suggestCount, "#suggkw"); - } - - var tab = _(twCx.globalWords).chain() - .map(function(v, k) { - return { - "word": k, - "freq" : v.freq, - "annotations" : v.annotations - }; - }).filter(function(v) { - return v.freq > 3; - }).value(); - - if (tab.length) { - - tab = _(tab).sortBy( function(a) { return ( - a.freq ) }).slice(0,40); - makeTagCloud(tab,"#motscles"); - } else { - $("#motscles").html(''); - } - twCx.centralTweet = tweets[p]; - } else { - $("#tweetlist").html(''); - twCx.tlBuffer = ''; - $("#motscles").html(''); - } - - twCx.tlOnDisplay = trimFDS(); - if (!twCx.tlOnDisplay || !twCx.tlOnDisplay.length) { - return; - } - twCx.scaleY = twCx.tlHeight / twCx.tlOnDisplay.length; - var maxTweets = 0, - startTl = 0, - endTl = twCx.tlOnDisplay.length - 1; - if (l) { - var startTw = tweets[tweetsOnDisplay[tweetsOnDisplay.length - 1]].date_value, - endTw = tweets[tweetsOnDisplay[0]].date_value; - } - for (var i = 0; i < twCx.tlOnDisplay.length; i++) { - if (l) { - if (startTw >= twCx.tlOnDisplay[i].start && startTw < twCx.tlOnDisplay[i].end) { - startTl = i; - } - if (endTw >= twCx.tlOnDisplay[i].start && endTw < twCx.tlOnDisplay[i].end) { - endTl = i; - } - } - var displayData = {}; - for (var j in annotations) { - displayData[j] = []; - } - for (var j in twCx.tlOnDisplay[i].tweets) { - var tweetid = twCx.tlOnDisplay[i].tweets[j], - tweet = tweetById(tweetid); - if (tweet) { - if (tweet.annotations.length) { - for (var k in tweet.annotations) { - displayData[tweet.annotations[k]].push(tweetid); - } - } else { - displayData['default'].push(tweetid); - } - } - } - var nbT = 0; - for (var j in displayData) { - nbT += displayData[j].length; - } - maxTweets = Math.max(maxTweets, nbT); - twCx.tlOnDisplay[i].displayData = displayData; - twCx.tlOnDisplay[i].totalTweets = nbT; - } - twCx.scaleX = ( twCx.tlWidth - twCx.deltaX ) / maxTweets; - twCx.tlPaper.clear(); - twCx.relHover = null; - - // Dessin de la correspondance liste-timeline - if (l) { - var startY = twCx.tlHeight - startTl * twCx.scaleY, - endY = twCx.tlHeight - ( endTl + 1 ) * twCx.scaleY, - path = "M0 " + twCx.tlHeight + "C" + .7*twCx.deltaX + " " + twCx.tlHeight + " " + .3*twCx.deltaX + " " + startY + " " + twCx.deltaX + " " + startY + "L" + twCx.tlWidth + " " + startY + "L" + twCx.tlWidth + " " + endY + "L" + twCx.deltaX + " " + endY + "C" + .3*twCx.deltaX + " " + endY + " " + .7*twCx.deltaX + " 0 0 0"; - twCx.tlPaper.path( path ).attr({ "stroke" : "none", "fill" : "#8080c0", "opacity" : .2 }); - } - // dessin de la date de début - - twCx.tlPaper.text(twCx.deltaX / 2, twCx.tlHeight - 7, new Date(twCx.tlOnDisplay[0].start).toTimeString().substr(0,5)) - .attr({ "text-anchor" : "middle", "font-size": "9px", "fill": "#cccccc" }); - - // dessin de la date de fin - - twCx.tlPaper.text(twCx.deltaX / 2, 7, new Date(twCx.tlOnDisplay[twCx.tlOnDisplay.length - 1].end).toTimeString().substr(0,5)) - .attr({ "text-anchor" : "middle", "font-size": "9px", "fill": "#cccccc" }); - - for (var i = 0; i < twCx.tlOnDisplay.length; i++) { - var n = 0, - posY = twCx.tlHeight - ( i + 1 ) * twCx.scaleY; - for (var j in twCx.tlOnDisplay[i].displayData) { - var ll = twCx.tlOnDisplay[i].displayData[j].length; - if (ll > 0) { - twCx.tlPaper.rect( twCx.deltaX + n * twCx.scaleX, posY, ll * twCx.scaleX, twCx.scaleY ) - .attr({"stroke" : "none", "fill" : getColor(j, .4).hex }); - n += ll; - } - } - - // Si on est à une demi-heure, on trace un axe secondaire + heure - - if (i < twCx.tlOnDisplay.length - 1 && !(twCx.tlOnDisplay[i].end % 1800000)) { - twCx.tlPaper.path("M0 "+posY+"L" + twCx.tlWidth +" "+posY).attr({"stroke":"#555"}); - twCx.tlPaper.text(twCx.deltaX / 2, posY, new Date(twCx.tlOnDisplay[i].end).toTimeString().substr(0,5)).attr({ "text-anchor" : "middle", "font-size": "9px", "fill": "#cccccc" }); - } - } - - // dessin du tweet courant - - if (l) { - - if (twCx.filtre) { - for (var i = 0; i < tweets.length; i++) { - if (i != p) { - var pos = tlPosTweet(tweets[i]); - if (pos) { - drawTweetPos(pos, "#ffccff"); - } - } - } - - } - - var posp = tlPosTweet(tweets[p]); - if (posp) { - - drawTweetPos(posp, "#ffff00"); - var yy = posp.y - .5 * twCx.scaleY, - ppy = $(".tweet.full").offset().top - $("#tweetlist").offset().top - path = "M0 " + ppy + "C" + ( .7 * twCx.deltaX ) + " " + ppy + " " + ( .2 * twCx.deltaX ) + " " + yy + " " + ( twCx.deltaX ) + " " + yy + "L" + ( posp.x - .5 * twCx.scaleX ) + " " + yy; - yy = posp.y + .5 * twCx.scaleY; - ppy += $(".tweet.full").height(); - path += "L" + ( posp.x - .5 * twCx.scaleX ) + " " + yy + "L" + twCx.deltaX + " " + yy + "C" + ( .2 * twCx.deltaX ) + " " + yy + " " + ( .7 * twCx.deltaX ) + " " + ppy + " 0 " + ppy; - twCx.tlPaper.path( path ).attr({"stroke":"#ffff00", "fill" : "#ffff00", "fill-opacity" : .15}); - - drawTweetArcs(tweets[p], posp, '#800080'); - } - } -} - -function filtrerAnnotation(annotation) { - if (annotations[annotation]) { - effectuerFiltrage(annotations[annotation].display_name, - new RegExp( "(" + _(annotations[annotation].keywords).map(function(a) { return a.source }).join("|") + ")", "gim" ) ); - } else { - effectuerFiltrage('', null) - } -} - -function filtrerTexte(valeur) { - effectuerFiltrage( valeur, valeur ? new RegExp("(" + valeur.replace(/(\W)/g, '\\$1') + ")" ,'gim') : null ); -} - -function effectuerFiltrage(filtreTexte, tabRegexp) { - $("#recherche_annot").slideUp(); - $("#inp_q").val(filtreTexte).attr("class","rechercheCourante"); - twCx.filtreTexte = filtreTexte; - twCx.filtre = tabRegexp; - twCx.followLast = !tabRegexp && (twCx.position == twCx.idIndex[twCx.idIndex.length - 1]); - updateDisplay(); -} - -function clicTl(evt) { - var o = $("#timeline").offset(); - if (twCx.tlMouseClicked && twCx.tlMouseMoved) { - var twid = tlIdFromPos(evt.pageX - o.left + twCx.refPosTl.x - twCx.refMouse.x, evt.pageY - o.top + twCx.refPosTl.y - twCx.refMouse.y, true); - if (twid) { - selectTweet(twid.id); - } - } else { - var twid = tlIdFromPos(evt.pageX - o.left, evt.pageY - o.top, twCx.tlMouseClicked); - if (twCx.tlMouseMoved && !twCx.tlMouseClicked) { - if (twid) { - rolloverTweet(twid.id, true, twid.annotation); - } else { - $("#hovertweet").hide(); - } - } - if (twCx.tlMouseClicked && !twCx.tlMouseMoved) { - if (twid) { - selectTweet(twid.id); - } - } - } -} - -function loadTweets(tweets, append) { - if (!append) { - twCx.timeline = []; - twCx.idIndex = []; - twCx.tweets = []; - } - for (var i in tweets) { - addTweet(tweets[i]); - } - if (twCx.followLast) { - twCx.position = twCx.idIndex[twCx.tweets.length - 1]; - } - updateDisplay(); -} - -function focusOutRecherche() { - $("#recherche_annot").slideUp(); - var inpq = $("#inp_q"), - val = inpq.val(); - if (val == '' || val == twCx.filtreTexte) { - if (twCx.filtre) { - inpq.attr("class", "rechercheCourante").val(twCx.filtreTexte); - } else { - inpq.attr("class", "greyed").val(l10n.rechercher); - } - } -} - -function chaineTimeZoom() { - var chaine = "", - t = twCx.date_levels[twCx.timeLevel], - h = 3600*1000, - m = 60*1000, - s = 1000, - heures = Math.floor(t/h); - if (heures) { chaine += heures + ' h. ' }; - t -= (heures * h); - var minutes = Math.floor(t/m); - if (minutes) { chaine += minutes + ' min. ' }; - t -= (minutes * m); - if (t) { chaine += Math.floor(t/s) + ' sec.' } - $("#time_scale").html(chaine); - $("#time_zoomout").attr("class",(twCx.timeLevel == 0 ? "inactive" : "")); - $("#time_zoomin").attr("class",(twCx.timeLevel == twCx.date_levels.length - 1 ? "inactive" : "")); -} - -$(document).ready(function() { - twCx.tlWidth = $("#timeline").width(); - twCx.tlHeight = $("#timeline").height(); - twCx.tlPaper = Raphael("timeline", twCx.tlWidth, twCx.tlHeight); - - connectTweets(); - - var html = ''; - for (var j in annotations) { - if (j != "default") { - html += '' + annotations[j].display_name + ' ' - } - } - $("#rech_list_annot").html(html); - - chaineTimeZoom(); - - $("#tweetlist").mousewheel(function(e, d) { - twCx.wheelDelta += d; - if (Math.abs(twCx.wheelDelta) >= 1) { - movePos( parseInt(twCx.wheelDelta) ); - twCx.wheelDelta = 0; - } - return false; - }); - $("#tweetlist").delegate(".tweet", "dragstart", function(e) { - var div = document.createElement('div'); - div.appendChild(this.cloneNode(true)); - try { - e.originalEvent.dataTransfer.setData("text/html",div.innerHTML); - } - catch(err) { - e.originalEvent.dataTransfer.setData("text",div.innerHTML); - } - }); - $("#timeline").mousewheel(function(e, d) { - twCx.wheelDelta += d; - if (Math.abs(twCx.wheelDelta) >= 1) { - if (twCx.wheelDelta > 0) { - tl = Math.min(twCx.date_levels.length - 1, twCx.timeLevel + 1); - } else { - tl = Math.max(0, twCx.timeLevel - 1); - } - if (tl != twCx.timeLevel) { - twCx.timeLevel = tl; - chaineTimeZoom(); - updateDisplay(); - } - twCx.wheelDelta = 0; - } - return false; - }); - $("#time_zoomin").click(function() { - if (twCx.timeLevel < twCx.date_levels.length - 1) { - twCx.timeLevel++; - chaineTimeZoom(); - updateDisplay(); - } - }); - $("#time_zoomout").click(function() { - if (twCx.timeLevel > 0) { - twCx.timeLevel--; - chaineTimeZoom(); - updateDisplay(); - } - }); - $("#timeline, #tweetlist").mouseout(function() { - twCx.tlMouseClicked = false; - twCx.tlMouseMoved = false; - $("#hovertweet").hide(); - }); - $("#timeline").mousemove(function(evt) { - twCx.tlMouseMoved = true; - clicTl(evt); - }).mousedown(function(evt) { - twCx.tlMouseClicked = true; - twCx.tlMouseMoved = false; - var o = $(this).offset(); - twCx.refMouse = { x : evt.pageX - o.left, y : evt.pageY - o.top }; - twCx.refPosTl = tlPosTweet(tweetById(twCx.position)) || twCx.refMouse; - }).mouseup(function(evt) { - clicTl(evt); - twCx.tlMouseClicked = false; - twCx.tlMouseMoved = false; - }); - $("#inp_q").focus(function() { - $("#recherche_annot").slideDown(); - $(this).val($(this).val().replace(/ \(.+\)$/, '')) - if ($(this).hasClass("greyed")) { - $(this).val(""); - } - $(this).attr("class",""); - }).focusout(function() { - focusOutRecherche(); - }); - $("#inp_reset").click(function() { - $("#inp_q").val(''); - if (twCx.filtre) { - twCx.filtre = null; - updateDisplay(); - } - twCx.filtreTexte = ''; - focusOutRecherche(); - return false; - }) - $("#recherche").submit(function(evt) { - evt.preventDefault(); - if (!$("#inp_q").hasClass("greyed")) { - var valeur = $("#inp_q").val(); - filtrerTexte(valeur); - } - return false; - }); - $("#hoverkw").mouseover(function() { - $(this).dequeue().show(); - }).mouseout(function() { - $(this).hide(); - }); - - $("#hkwsearch").click(function() { - var _hkw = $("#hoverkw"); - filtrerTexte(_hkw.attr("kw")); - _hkw.hide(); - return false; - }); - $("#hkwtweet").click(function() { - var _hkw = $("#hoverkw"); - add_grammar(_hkw.attr("kw")); - _hkw.hide(); - return false; - }); - $(".acctitre").click(function() { - $(this).next().slideToggle(); - return false; - }) - - if (!suggested_keywords.length) { - $("#suggkw").parent().hide(); - } - - setInterval(function() { - var sc = $("#scrollcont"); - if (sc.scrollTop() != twCx.lastScrollPos && twCx.tweets && twCx.currentIdIndex) { - var p = Math.floor( twCx.currentIdIndex.length * ( 1 - sc.scrollTop() / twCx.scrollExtent ) ); - goToPos(p); - } - }, 100) -}); - -function connectTweets() { - twCx.tlPaper.clear(); - var _sq = twCx.tlPaper.rect(0, twCx.tlHeight, twCx.tlWidth, 0) - .attr({ - "stroke" : "none", - "fill" : "#8080cc" - }); - var _lb = twCx.tlPaper.text(twCx.tlWidth / 2, twCx.tlHeight / 2, "0 tweet") - .attr({ - "font-size" : "20px", - "text-anchor" : "middle" - }); - - getTweets({ - "keyword" : tracking_keywords.join(" OR "), - "pages" : max_pages, - "rpp" : 100, - "cbData" : function() { - _lb.attr("text", (this.tweets.length - this.currentPage + 1) + " tweets"); - var _h = twCx.tlHeight * this.currentPage / this.pages; - _sq.animate({ - "y" : twCx.tlHeight - _h, - "height" : _h - }) - }, - "cbEnd" : function() { - loadTweets(this.tweets); - setInterval(function() { - getTweets({ - "keyword" : tracking_keywords.join(" OR "), - "pages" : 1, - /*"since_id" : twCx.idIndex[twCx.idIndex.length - 1],*/ - "rpp" : 100, - "cbEnd" : function() { - loadTweets(this.tweets, true); - } - }); - }, 60000) - } - }); -} \ No newline at end of file diff -r a78d44f5cb8b -r 1c802a62425f web/hanna-arendt/style.css --- a/web/hanna-arendt/style.css Wed May 15 16:37:04 2013 +0200 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,50 +0,0 @@ -body { - background: #222222; -} - - -#main { - position: absolute; background: url(arendt-background.jpg); - left: 50%; top: 50%; width: 1400px; height: 875px; - margin-top: -437px; margin-left: -700px; -} - -#visionplayer_1101 { - position: absolute; margin: 5px; width: 836px; height: 440px; left: 34px; top: 247px; -} - -#visionplayer_1101 img { - margin: 20px auto; -} - -#vizcontainer { - position: absolute; left: 915px; top: 247px; width: 452px; height: 507px; overflow: hidden; -} - -#tweetlist { - background: #222222; color: #cccccc; -} - -li.tweet { - background: none; -} - -.full p.tweet_text { - color: #ffffff; -} - -#inp_q, #recherche_annot { - background: #555555; color: #cccccc; -} - -li.tweet, li.placeholder { - border-color: #666666; -} - -li.full { - border-right: 10px solid #ff0 !important; -} - -li.tweet a { - color: #80ccfc; -}