--- /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 @@
+<?php
+$config = array(
+ 'rep' => basename(__DIR__),
+);
\ No newline at end of file
--- /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 @@
+<?php
+
+$config = array("rep" => 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();
+
+}
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+ "http://www.w3.org/TR/html4/strict.dtd">
+
+<html lang="fr">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+ <title>Avant-Première Hanna Arendt : Tweet Wall</title>
+ <meta http-equiv="X-UA-Compatible" content="IE=9" />
+
+ <!-- CSS -->
+ <link rel="stylesheet" href="<?php echo(registry_url('tweetcast', 'css')); ?>" type="text/css" media="screen, projection"/>
+ <link rel="stylesheet" href="style.css" type="text/css" media="screen, projection"/>
+
+ <!-- JAVASCRIPT -->
+ <script type="text/javascript" src="<?php echo(registry_url('jquery','js'))?>"></script>
+ <script type="text/javascript" src="<?php echo(registry_url('jquery-mousewheel','js'))?>"></script>
+ <script type="text/javascript" src="<?php echo(registry_url('jquery-scrollto','js'))?>"></script>
+ <script type="text/javascript" src="<?php echo(registry_url('underscore','js'))?>"></script>
+ <script type="text/javascript" src="<?php echo(registry_url('raphael','js'))?>"></script>
+
+ <script type="text/javascript">
+ var favUser='<?php
+ if (isset($_GET['favuser'])) {
+ echo $_GET['favuser'];
+ } else {
+ echo 'AVPHannahArendt';
+ }
+ ?>';
+ </script>
+
+ <script type="text/javascript" src="script.js"></script>
+
+ </head>
+ <body>
+ <div id="main">
+ <div id="visionplayer_1101"></div>
+
+ <script type="text/javascript" src="http://embeddedplayer.visionip.tv/embed/1101?w=836&h=440" ></script>
+
+ <div id="vizcontainer">
+
+ <div class="barre">
+ <form id="recherche">
+ <input autocomplete="off" class="greyed" id="inp_q" value="Rechercher" />
+ <input id="inp_submit" type="submit" />
+ <input id="inp_reset" type="reset" />
+ <div id="time_controls">
+ <div id="time_legende"></div>
+ <div id="time_scale"></div>
+ <a href="#" id="time_zoomout"></a>
+ <a href="#" id="time_zoomin"></a>
+ </div>
+ <div id="recherche_annot">
+ Rechercher par polémique : <span id="rech_list_annot"></span>
+ <br />
+ </div>
+ </form>
+ </div>
+
+ <div id="tweetviz">
+ <ul id="tweetlist"></ul>
+ <div id="timeline"></div>
+ <div id="scrollcont">
+ <div id="scrollin"></div>
+ </div>
+ </div>
+ </div>
+
+ </div>
+ </body>
+</html>
\ No newline at end of file
--- /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 @@
+<?php
+
+$config = array("rep" => 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();
+
+}
+
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+ "http://www.w3.org/TR/html4/strict.dtd">
+
+<html lang="fr">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+ <title>Avant-Première Hanna Arendt : Tweet Wall</title>
+ <meta http-equiv="X-UA-Compatible" content="IE=9" />
+
+ <!-- CSS -->
+ <link rel="stylesheet" href="<?php echo(registry_url('tweetcast','css'));?>" type="text/css" media="screen, projection"/>
+ <link rel="stylesheet" href="style.css" type="text/css" media="screen, projection"/>
+
+ <!-- JAVASCRIPT -->
+ <script type="text/javascript" src="<?php echo(registry_url('jquery','js'))?>"></script>
+ <script type="text/javascript" src="<?php echo(registry_url('jquery-mousewheel','js'))?>"></script>
+ <script type="text/javascript" src="<?php echo(registry_url('jquery-scrollto','js'))?>"></script>
+ <script type="text/javascript" src="<?php echo(registry_url('underscore','js'))?>"></script>
+ <script type="text/javascript" src="<?php echo(registry_url('raphael','js'))?>"></script>
+
+ <script type="text/javascript">
+ <?php if (isset($_GET['favuser'])) {
+ echo 'var favUser="'.$_GET['favuser'].'";';
+ }
+ ?>
+ </script>
+
+ <script type="text/javascript" src="script.js"></script>
+
+ </head>
+ <body>
+ <div id="main">
+ <div id="visionplayer_1101">
+ <!--<img src="carton.png" />-->
+ </div>
+ <div id="vizcontainer">
+
+ <div class="barre">
+ <form id="recherche">
+ <input autocomplete="off" class="greyed" id="inp_q" value="Rechercher" />
+ <input id="inp_submit" type="submit" />
+ <input id="inp_reset" type="reset" />
+ <div id="time_controls">
+ <div id="time_legende"></div>
+ <div id="time_scale"></div>
+ <a href="#" id="time_zoomout"></a>
+ <a href="#" id="time_zoomin"></a>
+ </div>
+ <div id="recherche_annot">
+ Rechercher par polémique : <span id="rech_list_annot"></span>
+ <br />
+ </div>
+ </form>
+ </div>
+
+ <div id="tweetviz">
+ <ul id="tweetlist"></ul>
+ <div id="timeline"></div>
+ <div id="scrollcont">
+ <div id="scrollin"></div>
+ </div>
+ </div>
+ </div>
+
+ </div>
+ </body>
+</html>
\ No newline at end of file
--- /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" :'<a href="http://twitter.com/' + _m.screen_name + '" onclick="filtrerTexte(\'' + _m.screen_name + '\'); return false;" target="_blank">'
+ });
+ }
+ }
+
+ 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" :'<a href="http://twitter.com/search?q=' + encodeURIComponent(_h) + '" onclick="filtrerTexte(\'' + _.escape(_h) + '\'); return false;" target="_blank">'
+ });
+ }
+ }
+
+ 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" :'<a href="' + _m.url + '" target="_blank">'
+ });
+ }
+ }
+ 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 '<li class="placeholder ' + className + '"></li>';
+}
+
+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, '<span class="highlight">$1</span>' ) : 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 += '<div class="annotations">';
+ for (var i in tweet.annotations) {
+ html += '<div class="annotation" style="width:' + (100/tweet.annotations.length) + '%; background:' + getColor(tweet.annotations[i], (className == 'icons' ? .4 : .25)).hex + '"></div>';
+ }
+ html += '</div>';
+ }
+ html += '<div class="twmain">';
+ var a_user = '<a href="http://twitter.com/' + tweet.user.screen_name + '" onclick="filtrerTexte(\'@' + tweet.user.screen_name + '\'); return false;" target="_blank">';
+ html += '<div class="around_img"><img class="profile_image" src="' + tweet.user.profile_image_url + '" />';
+ if (className == 'full') {
+ html += '<p class="created_at">' + new Date(tweet.date_value).toTimeString().substr(0,8) + '</a></p>';
+ }
+ html += '</div>';
+ 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 ) + '</a>';
+ lastend = _e.end;
+ });
+ txt += highlight( tweet.text.substring(lastend) );
+ html += '<p class="tweet_text"><b>' + a_user + highlight('@' + tweet.user.screen_name) + '</a>' + ( className == 'full' ? ' (' + tweet.user.name + ')</b><br />' : '</b> : ') + txt + '</p>';
+ }
+ html += '</div></' + el + '>';
+ 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 += '<span style="line-height: ' + (8 + fontsize) + 'px; font-size: ' + fontsize + 'px;' + coul + '">' + _j.word + '</span> ';
+ });
+ $(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 += '<a href="#" style="background: ' + getColor(j, .6).hex + ';" onclick=filtrerAnnotation(\'' + j + '\'); return false;">' + annotations[j].display_name + '</a> '
+ }
+ }
+ $("#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
--- /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;
+}
Binary file web/hanna-arendt/arendt-background.jpg has changed
Binary file web/hanna-arendt/carton.png has changed
--- 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 @@
-<?php
-$config = array(
- 'rep' => basename(__DIR__),
-);
\ No newline at end of file
--- 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 @@
-<?php
-
-$config = array("rep" => 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();
-
-}
-?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
- "http://www.w3.org/TR/html4/strict.dtd">
-
-<html lang="fr">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <title>Avant-Première Hanna Arendt : Tweet Wall</title>
- <meta http-equiv="X-UA-Compatible" content="IE=9" />
-
- <!-- CSS -->
- <link rel="stylesheet" href="<?php echo(registry_url('tweetcast', 'css')); ?>" type="text/css" media="screen, projection"/>
- <link rel="stylesheet" href="style.css" type="text/css" media="screen, projection"/>
-
- <!-- JAVASCRIPT -->
- <script type="text/javascript" src="<?php echo(registry_url('jquery','js'))?>"></script>
- <script type="text/javascript" src="<?php echo(registry_url('jquery-mousewheel','js'))?>"></script>
- <script type="text/javascript" src="<?php echo(registry_url('jquery-scrollto','js'))?>"></script>
- <script type="text/javascript" src="<?php echo(registry_url('underscore','js'))?>"></script>
- <script type="text/javascript" src="<?php echo(registry_url('raphael','js'))?>"></script>
-
- <script type="text/javascript">
- var favUser='<?php
- if (isset($_GET['favuser'])) {
- echo $_GET['favuser'];
- } else {
- echo 'AVPHannahArendt';
- }
- ?>';
- </script>
-
- <script type="text/javascript" src="script.js"></script>
-
- </head>
- <body>
- <div id="main">
- <div id="visionplayer_1101"></div>
-
- <script type="text/javascript" src="http://embeddedplayer.visionip.tv/embed/1101?w=836&h=440" ></script>
-
- <div id="vizcontainer">
-
- <div class="barre">
- <form id="recherche">
- <input autocomplete="off" class="greyed" id="inp_q" value="Rechercher" />
- <input id="inp_submit" type="submit" />
- <input id="inp_reset" type="reset" />
- <div id="time_controls">
- <div id="time_legende"></div>
- <div id="time_scale"></div>
- <a href="#" id="time_zoomout"></a>
- <a href="#" id="time_zoomin"></a>
- </div>
- <div id="recherche_annot">
- Rechercher par polémique : <span id="rech_list_annot"></span>
- <br />
- </div>
- </form>
- </div>
-
- <div id="tweetviz">
- <ul id="tweetlist"></ul>
- <div id="timeline"></div>
- <div id="scrollcont">
- <div id="scrollin"></div>
- </div>
- </div>
- </div>
-
- </div>
- </body>
-</html>
\ No newline at end of file
--- 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 @@
-<?php
-
-$config = array("rep" => 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();
-
-}
-
-?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
- "http://www.w3.org/TR/html4/strict.dtd">
-
-<html lang="fr">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <title>Avant-Première Hanna Arendt : Tweet Wall</title>
- <meta http-equiv="X-UA-Compatible" content="IE=9" />
-
- <!-- CSS -->
- <link rel="stylesheet" href="<?php echo(registry_url('tweetcast','css'));?>" type="text/css" media="screen, projection"/>
- <link rel="stylesheet" href="style.css" type="text/css" media="screen, projection"/>
-
- <!-- JAVASCRIPT -->
- <script type="text/javascript" src="<?php echo(registry_url('jquery','js'))?>"></script>
- <script type="text/javascript" src="<?php echo(registry_url('jquery-mousewheel','js'))?>"></script>
- <script type="text/javascript" src="<?php echo(registry_url('jquery-scrollto','js'))?>"></script>
- <script type="text/javascript" src="<?php echo(registry_url('underscore','js'))?>"></script>
- <script type="text/javascript" src="<?php echo(registry_url('raphael','js'))?>"></script>
-
- <script type="text/javascript">
- <?php if (isset($_GET['favuser'])) {
- echo 'var favUser="'.$_GET['favuser'].'";';
- }
- ?>
- </script>
-
- <script type="text/javascript" src="script.js"></script>
-
- </head>
- <body>
- <div id="main">
- <div id="visionplayer_1101">
- <img src="carton.png" />
- </div>
- <div id="vizcontainer">
-
- <div class="barre">
- <form id="recherche">
- <input autocomplete="off" class="greyed" id="inp_q" value="Rechercher" />
- <input id="inp_submit" type="submit" />
- <input id="inp_reset" type="reset" />
- <div id="time_controls">
- <div id="time_legende"></div>
- <div id="time_scale"></div>
- <a href="#" id="time_zoomout"></a>
- <a href="#" id="time_zoomin"></a>
- </div>
- <div id="recherche_annot">
- Rechercher par polémique : <span id="rech_list_annot"></span>
- <br />
- </div>
- </form>
- </div>
-
- <div id="tweetviz">
- <ul id="tweetlist"></ul>
- <div id="timeline"></div>
- <div id="scrollcont">
- <div id="scrollin"></div>
- </div>
- </div>
- </div>
-
- </div>
- </body>
-</html>
\ No newline at end of file
--- 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" :'<a href="http://twitter.com/' + _m.screen_name + '" onclick="filtrerTexte(\'' + _m.screen_name + '\'); return false;" target="_blank">'
- });
- }
- }
-
- 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" :'<a href="http://twitter.com/search?q=' + encodeURIComponent(_h) + '" onclick="filtrerTexte(\'' + _.escape(_h) + '\'); return false;" target="_blank">'
- });
- }
- }
-
- 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" :'<a href="' + _m.url + '" target="_blank">'
- });
- }
- }
- 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 '<li class="placeholder ' + className + '"></li>';
-}
-
-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, '<span class="highlight">$1</span>' ) : 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 += '<div class="annotations">';
- for (var i in tweet.annotations) {
- html += '<div class="annotation" style="width:' + (100/tweet.annotations.length) + '%; background:' + getColor(tweet.annotations[i], (className == 'icons' ? .4 : .25)).hex + '"></div>';
- }
- html += '</div>';
- }
- html += '<div class="twmain">';
- var a_user = '<a href="http://twitter.com/' + tweet.user.screen_name + '" onclick="filtrerTexte(\'@' + tweet.user.screen_name + '\'); return false;" target="_blank">';
- html += '<div class="around_img"><img class="profile_image" src="' + tweet.user.profile_image_url + '" />';
- if (className == 'full') {
- html += '<p class="created_at">' + new Date(tweet.date_value).toTimeString().substr(0,8) + '</a></p>';
- }
- html += '</div>';
- 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 ) + '</a>';
- lastend = _e.end;
- });
- txt += highlight( tweet.text.substring(lastend) );
- html += '<p class="tweet_text"><b>' + a_user + highlight('@' + tweet.user.screen_name) + '</a>' + ( className == 'full' ? ' (' + tweet.user.name + ')</b><br />' : '</b> : ') + txt + '</p>';
- if (className == 'full' && el == 'li') {
- html += '<div class="tweet_actions"><a href="http://twitter.com/' + tweet.user.screen_name + '/status/' + tweet.id + '" onclick="tweetPopup(this.href); return false;" target="_blank">afficher tweet</a> - ';
- html += '<a href="http://twitter.com/intent/tweet?in_reply_to=' + tweet.id + '" onclick="tweetPopup(this.href); return false;" target="_blank">répondre</a> · ';
- html += '<a href="http://twitter.com/intent/retweet?tweet_id=' + tweet.id + '" onclick="tweetPopup(this.href); return false;" target="_blank">retweeter</a> · ';
- html += '<a href="http://twitter.com/intent/favorite?tweet_id=' + tweet.id + '" onclick="tweetPopup(this.href); return false;" target="_blank">favori</a></div>';
- }
- }
- html += '</div></' + el + '>';
- 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 += '<span style="line-height: ' + (8 + fontsize) + 'px; font-size: ' + fontsize + 'px;' + coul + '">' + _j.word + '</span> ';
- });
- $(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 += '<a href="#" style="background: ' + getColor(j, .6).hex + ';" onclick=filtrerAnnotation(\'' + j + '\'); return false;">' + annotations[j].display_name + '</a> '
- }
- }
- $("#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
--- 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;
-}
