';
+ for (var i in tweet.annotations) {
+ html +=
+ '';
}
- html += '>';
- if (tweet.annotations && tweet.annotations.length) {
- html += '
";
+ return html;
}
function tlIdFromPos(x, y, outside) {
- if (!twCx.tlOnDisplay || !twCx.tlOnDisplay.length) {
- return;
+ 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;
}
- 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,
+ };
}
- 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;
- }
+ l = nl;
+ }
}
function tlPosTweet(tweet, annotation) {
- if (!twCx.tweets) {
- return;
+ if (!twCx.tweets) {
+ return;
+ }
+ var x,
+ y,
+ dt = tweet.date_value,
+ ann = annotation
+ ? annotation
+ : tweet.annotations && 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 + 0.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 + 0.5);
+ }
+ break;
+ }
+ l += twCx.tlOnDisplay[i].displayData[j].length;
+ }
+ break;
}
- var x,
- y,
- dt = tweet.date_value,
- ann = ( annotation ? annotation : ( tweet.annotations && 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);
+ }
+ 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'));
+ 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;
+ var rel = twCx.tlPaper.rect(
+ pos.x - 0.5 * twCx.scaleX,
+ pos.y - 0.5 * twCx.scaleY,
+ twCx.scaleX,
+ twCx.scaleY
+ );
+ rel.attr({ stroke: color, fill: color, "fill-opacity": 0.25 });
+ return rel;
}
function drawTweetArcs(tweet, pos, color) {
-
- var res = [];
+ 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);
- }
+ 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": 0.8 });
+ res.push(aa);
}
-
- if (tweet.retweeted_status_id) {
- var t = tweetById(tweet.retweeted_status_id);
- if (t) {
- tweetAndArc(pos, tlPosTweet(t));
- }
+ }
+
+ 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.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);
- }
- }
+ }
+
+ 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;
+ }
+
+ 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());
+ 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"
- });
+ $("#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 + ' ';
+ var minfreq = _(tab).min(function (a) {
+ return a.freq;
+ }).freq,
+ maxfreq = Math.max(
+ minfreq + 0.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, 0.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();
});
- $(div).html(html);
- $(div + " span")
- .mouseover(mouseoverkw)
- .mouseout(mouseoutkw)
- .click(function() {
- $("#hoverkw").toggle();
- });
}
function updateDisplay() {
- if (!twCx.tweets) {
- return;
+ if (!twCx.tweets) {
+ return;
+ }
+ if (twCx.filtre) {
+ var tweets = _(twCx.tweets).filter(function (tweet) {
+ var mention = "@" + tweet.user.screen_name;
+ return (
+ tweet.full_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;
}
- if (twCx.filtre) {
- var tweets = _(twCx.tweets).filter(function(tweet) {
- var mention = '@' + tweet.user.screen_name;
- return ( tweet.full_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 {
- 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);
- }
+ 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];
+ }
+
+ 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 {
- $("#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;
+ $("#motscles").html("");
}
- 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 && 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
+ 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) {
- 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" : "#000080", "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" });
-
- // 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" });
-
- 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":"#ccc"});
- twCx.tlPaper.text(twCx.deltaX / 2, posY, new Date(twCx.tlOnDisplay[i].end).toTimeString().substr(0,5)).attr({ "text-anchor" : "middle", "font-size": "9px" });
+ 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 && tweet.annotations.length) {
+ for (var k in tweet.annotations) {
+ displayData[tweet.annotations[k]].push(tweetid);
+ }
+ } else {
+ displayData["default"].push(tweetid);
}
+ }
}
-
- // 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 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" +
+ 0.7 * twCx.deltaX +
+ " " +
+ twCx.tlHeight +
+ " " +
+ 0.3 * twCx.deltaX +
+ " " +
+ startY +
+ " " +
+ twCx.deltaX +
+ " " +
+ startY +
+ "L" +
+ twCx.tlWidth +
+ " " +
+ startY +
+ "L" +
+ twCx.tlWidth +
+ " " +
+ endY +
+ "L" +
+ twCx.deltaX +
+ " " +
+ endY +
+ "C" +
+ 0.3 * twCx.deltaX +
+ " " +
+ endY +
+ " " +
+ 0.7 * twCx.deltaX +
+ " 0 0 0";
+ twCx.tlPaper
+ .path(path)
+ .attr({ stroke: "none", fill: "#000080", opacity: 0.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" });
+
+ // 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" });
+
+ 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, 0.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: "#ccc" });
+ twCx.tlPaper
+ .text(
+ twCx.deltaX / 2,
+ posY,
+ new Date(twCx.tlOnDisplay[i].end).toTimeString().substr(0, 5)
+ )
+ .attr({ "text-anchor": "middle", "font-size": "9px" });
+ }
+ }
+
+ // 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,
- 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 += 117;
- 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');
- }
+ }
}
+
+ var posp = tlPosTweet(tweets[p]);
+ if (posp) {
+ drawTweetPos(posp, "#ffff00");
+ var yy = posp.y - 0.5 * twCx.scaleY,
+ path =
+ "M0 " +
+ ppy +
+ "C" +
+ 0.7 * twCx.deltaX +
+ " " +
+ ppy +
+ " " +
+ 0.2 * twCx.deltaX +
+ " " +
+ yy +
+ " " +
+ twCx.deltaX +
+ " " +
+ yy +
+ "L" +
+ (posp.x - 0.5 * twCx.scaleX) +
+ " " +
+ yy;
+ yy = posp.y + 0.5 * twCx.scaleY;
+ ppy += 117;
+ path +=
+ "L" +
+ (posp.x - 0.5 * twCx.scaleX) +
+ " " +
+ yy +
+ "L" +
+ twCx.deltaX +
+ " " +
+ yy +
+ "C" +
+ 0.2 * twCx.deltaX +
+ " " +
+ yy +
+ " " +
+ 0.7 * twCx.deltaX +
+ " " +
+ ppy +
+ " 0 " +
+ ppy;
+ twCx.tlPaper
+ .path(path)
+ .attr({ stroke: "#ffff00", fill: "#ffff00", "fill-opacity": 0.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)
- }
+ 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 );
+ 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();
+ $("#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);
- }
- }
+ 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();
+ 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);
- }
+ $("#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" : ""));
+ 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" : ""
+ );
}
function saveJSON() {
- var _txt = JSON.stringify(twCx.tweets),
- _buf = '';
- for (var i = 0; i < _txt.length; i++) {
- var _n = _txt.charCodeAt(i);
- if (_n > 127) {
- var _h = _n.toString(16);
- while (_h.length < 4) {
- _h = '0' + _h;
- }
- _buf += '\\u' + _h;
- } else {
- _buf += _txt.charAt(i);
- }
+ var _txt = JSON.stringify(twCx.tweets),
+ _buf = "";
+ for (var i = 0; i < _txt.length; i++) {
+ var _n = _txt.charCodeAt(i);
+ if (_n > 127) {
+ var _h = _n.toString(16);
+ while (_h.length < 4) {
+ _h = "0" + _h;
+ }
+ _buf += "\\u" + _h;
+ } else {
+ _buf += _txt.charAt(i);
}
- document.location.href = "data:text/json;base64," + btoa(_buf);
+ }
+ document.location.href = "data:text/json;base64," + btoa(_buf);
}
function followSocialGroup() {
- $.ajax({
- beforeSend: function(request) {
- request.setRequestHeader('Authorization', `Bearer ${social_access_token}`);
- },
- type: "POST",
- dataType: "json",
- url: `https://${social_login_domain}/api/v1/accounts/`,
- });
+ $.ajax({
+ beforeSend: function (request) {
+ request.setRequestHeader(
+ "Authorization",
+ `Bearer ${social_access_token}`
+ );
+ },
+ type: "POST",
+ dataType: "json",
+ url: `https://${social_login_domain}/api/v1/accounts/`,
+ });
}
function buildFollowLink() {
- const sgroup = social_group.replace(/^\@+/,"")
- $("#twwWrap").prepend(``)
+ const sgroup = social_group.replace(/^\@+/, "");
+ $("#twwWrap").prepend(
+ ``
+ );
}
function checkSocialGroup() {
- getSocialData().then( (data) => {
- getFollowing(data.id).then((following_data) => {
- let is_following_group = false;
- for(const user_def of following_data) {
- const group_uri = getSocialGroupUri(social_group)
- if (user_def.uri == group_uri) {
- is_following_group = true;
- }
- }
+ getSocialData().then((data) => {
+ getFollowing(data.id).then((following_data) => {
+ let is_following_group = false;
+ for (const user_def of following_data) {
+ const group_uri = getSocialGroupUri(social_group);
+ if (user_def.uri == group_uri) {
+ is_following_group = true;
+ }
+ }
- $("#socialGroupFollow").remove();
- if(!is_following_group) {
- buildFollowLink();
- setTimeout(function() {
- checkSocialGroup();
- }, 5000);
- }
- });
+ $("#socialGroupFollow").remove();
+ if (!is_following_group) {
+ buildFollowLink();
+ setTimeout(function () {
+ checkSocialGroup();
+ }, 5000);
+ }
});
+ });
}
-$(function() {
- //twwWrap
- if(social_network == "Mastodon") {
- checkSocialGroup();
- }
+$(function () {
+ //twwWrap
+ if (social_network == "Mastodon") {
+ checkSocialGroup();
+ }
+
+ twCx.tlWidth = $("#timeline").width();
+ twCx.tlHeight = $("#timeline").height();
+ twCx.tlPaper = Raphael("timeline", twCx.tlWidth, twCx.tlHeight);
+
+ connectTweets();
- 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 += '';
- for (var i in tweet.annotations) {
- html += '';
- }
- html += '
';
- }
- html += '';
- var a_user = '';
- html += '
';
- if (className == 'full') {
- html += '";
+ }
+ html += '
';
- return html;
+ }
+ html += "' + new Date(tweet.date_value).toTimeString().substr(0,8) + '
'; + html += "';
+ var a_user =
+ '';
+ html +=
+ '
';
+ if (className == "full") {
+ html +=
+ '";
+ if (className != "icons") {
+ let lastend = 0;
+ var txt = "";
+ const full_text = $(tweet.full_text).text();
+ tweet.html_parts.sort(function (a, b) {
+ return a.start - b.start;
+ });
+ _(tweet.html_parts).each(function (_e) {
+ txt +=
+ highlight(full_text.substring(lastend, _e.start)) +
+ _e.link +
+ highlight(_e.text) +
+ "";
+ lastend = _e.end;
+ });
+ //lastend = Math.max(120, lastend);
+ txt += highlight(full_text.substring(lastend));
+ html +=
+ '
';
- if (className != 'icons') {
- let lastend = 0;
- var txt = '';
- const full_text = $(tweet.full_text).text();
- tweet.html_parts.sort(function(a, b) { return a.start - b.start });
- _(tweet.html_parts).each(function(_e) {
- txt += highlight( full_text.substring(lastend, _e.start) ) + _e.link + highlight( _e.text ) + '';
- lastend = _e.end;
- });
- //lastend = Math.max(120, lastend);
- txt += highlight( full_text.substring(lastend) );
- html += '' + + new Date(tweet.date_value).toTimeString().substr(0, 8) + + "
"; + } + html += "' +
+ a_user +
+ '' +
+ highlight("@" + tweet.user.name) +
+ "" +
+ (className == "full"
+ ? " (" + tweet.user.name + ")
"
+ : " : ") +
+ txt +
+ "
afficher message';
+ const replyUrl = htmlAdapter.getMsgReplyUrl();
+ if (replyUrl) {
+ html +=
+ 'répondre · ';
+ }
+ const retweetUrl = htmlAdapter.getMsgRetweetUrl();
+ if (retweetUrl) {
+ html +=
+ 'retransmettre · ';
+ }
+ const favoriteUrl = htmlAdapter.getMsgFavoriteUrl();
+ if (favoriteUrl) {
+ html +=
+ 'favori';
+ }
+ html += "
";
}
- html += '' + a_user + '' +highlight('@' + tweet.user.name) + '' + ( className == 'full' ? ' (' + tweet.user.name + ')
' : ' : ') + txt + '
afficher message';
- const replyUrl = htmlAdapter.getMsgReplyUrl();
- if (replyUrl) { html += 'répondre · '; }
- const retweetUrl = htmlAdapter.getMsgRetweetUrl();
- if (retweetUrl) { html += 'retransmettre · '; }
- const favoriteUrl = htmlAdapter.getMsgFavoriteUrl();
- if (favoriteUrl) { html += 'favori'; }
- html += '
';
- }
- }
- html += '