socialmedia: comparison js/playscreen.js

Mercurial Mercurial > socialmedia / comparison

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

js/playscreen.js

changeset 9	5b743d461f99
parent 7	a2d5b669f663
child 10	ab587bf164f9

equal deleted inserted replaced

-:a2d5b669f663
+:5b743d461f99
 var sortedTopics = data.topics.filter(function(t) {
 return pageParams.visibletopics.indexOf(t.index.toString()) !==-1 && t.index !== topicPoubelle;
 });
+function goToNext() {
+	var topics = Array.prototype.slice.call($(".topic.selected").map(function(){return $(this).attr("data-topic-id")}));
+	for (var i = 0; i < data.segments.length; i++) {
+		var mmso = data.segments[i];
+		if (mmso.start >= localpos) {
+			for (var j = 0; j < mmso.topics.length; j++) {
+				if (topics.indexOf(mmso.topics[j].topic.toString()) !== -1) {
+					localpos = mmso.start;
+					showLocal();
+					return;
+				}
+			}
+		}
+	}
+	console.log("We haven't found a segment");
+}
 function showTopics(topiclist) {
 var tbhtml = topiclist.reduce(function(mem, topic) {
 var wordsToShow = topic.words.slice(0,3),
 max = wordsToShow[0].weight,
 	higherFiveSecs,
 	localyscale;
 	entonnoir.toBack();
-var cloudTemplate = _.template('<li style="font-size: <%- size %>px;"><%- word %></li>');
+var cloudTemplate = _.template('<li style="font-size: <%- size %>px;"<% if (selected) {%> class="selected"<% } %>><%- word %></li>');
 function showLocal() {
 		localyscale = ph / localduration;
 	var localstart = localpos - localduration/2;
 		localend = localpos + localduration/2;
 	    		return { word: k, score: v }
 	    	})
 	    	.sortBy(function(w) {
 	    		return -w.score;
 	    	})
-	    	.first(30)
+	    	.first(40)
 	    	.value();
 	var values = _(localkeywords).pluck('score'),
 		max = Math.max.apply(Math, values),
 		min = Math.min.apply(Math, values),
-		scale = 10 / (max - Math.min(max - .1, min));
+		scale = 10 / (max - Math.min(max - .1, min)),
+		selectedVisible = false;
 		localkeywords.forEach(function(w) {
 			w.size = 10 + (w.score - min) * scale;
-		});
+			w.selected = (w.word === selectedWord);
+			selectedVisible = selectedVisible || w.selected;
+		});
+	if (!selectedVisible) {
+		selectedWord = false;
+	}
 	$(".play-tagcloud").html(localkeywords.map(cloudTemplate).join(""));
 		throttledGetTweets();
 		showTopicViz();
 }
+$(".play-tagcloud").on("click","li", function() {
+	if ($(this).hasClass("selected")) {
+		selectedWord = false;
+	} else {
+		selectedWord = $(this).text();
+	}
+	throttledShowLocal();
+});
 var lastPos, lastDuration, lastTopics;
-var tweetTemplate = _.template('<li class="tweet" data-timestamp="<%= timestamp %>" data-topic-id="<%= topic.topic %>"><img src="<%- data.profile_image_url %>" /><p>@<%- data.from_user_name %>: <%- data.text %></p></li>'),
+var tweetTemplate = _.template('<li class="tweet" data-timestamp="<%= timestamp %>" data-topic-id="<%= topic.topic %>"><img src="<%- data.profile_image_url %>" /><p>@<%- data.from_user_name %>: <%= data.htext %></p></li>'),
 	callnum = 0,
 	tweetstructure = {},
 	requestedtweets = {},
-	_NTWEETS = 10;
+	_NTWEETS = 20,
+	selectedWord = false;
 function showTweets() {
 	var toshow = [];
 	var topics = Array.prototype.join.call($(".topic.selected").map(function(){return $(this).attr("data-topic-id")})).split(",");
 	var tweetstoshow = toshow.map(function(tid) {
 		return requestedtweets[tid];
 	}).filter(function(tw) {
 		return ((tw.status == 2) && (tw.timestamp > (localpos - localduration / 2)) && (tw.timestamp < (localpos + localduration / 2)));
 		});
+		if (selectedWord) {
+			var rx = new RegExp(selectedWord.replace(/(\W)/gm,'\\$1'),'im');
+			tweetstoshow = tweetstoshow.filter(function(tw) {
+				return rx.test(tw.data.text);
+			});
+		}
 		tweetstoshow.forEach(function(tw) {
 			tw.topic = tw.topics.filter(function(t) {
 				return topics.indexOf(t.topic.toString()) !== -1;
 			}).sort(function(a,b) {
 			})[0];
 		});
 		tweetstoshow = tweetstoshow.filter(function(t) {
 			return !!t.topic;
-		})
+		});
 		tweetstoshow.sort(function(a, b) {
 			return b.topic.weight - a.topic.weight;
 		});
 		tweetstoshow = tweetstoshow.slice(0,10);
+		if (selectedWord) {
+			var rx = new RegExp( '(' + selectedWord.replace(/(\W)/gm,'\\$1') + ')', 'gim' );
+			tweetstoshow.forEach(function(tw) {
+				tw.data.htext = _(tw.data.text).escape().replace(rx,'<span class="highlight">$1</span>');
+			});
+		} else {
+			tweetstoshow.forEach(function(tw) {
+				tw.data.htext = _(tw.data.text).escape();
+			})
+		}
 		tweetstoshow.sort(function(a, b) {
 			return a.timestamp - b.timestamp;
 		});
 				debouncedGetTweetData();
 			},
 			errorHandler: function(err,info) {
 				mmstruct.status = 0;
 				console.error(err,info);
-				throttledGetTweetIds();
+				debouncedGetTweetIds();
 			}
 		});
 }
 var _MAX_BATCH = 20;
 	_(requestedtweets).each(function(v) {
 			if (!v.status) {
 				toload.push(v.id);
 			}
 		});
-	console.log("Loading tweet data");
+		if (toload.length) {
+			toload = toload.slice(0,200);
-		$.getJSON(
+			$.getJSON(
 			solrUrl(
 				"twitter",
 				{
 					q:"id:(" + toload.join(" OR ") + ")",
 					fl: "id_str,created_at,from_user_name,text,profile_image_url",
 					requestedtweets[tweet.id_str].data = tweet;
 					requestedtweets[tweet.id_str].status = 2;
 					requestedtweets[tweet.id_str].timestamp = timestamp;
 				});
 				throttledShowTweets();
-			}
+				debouncedGetTweetData();
-		);
+			});
+		}
 }
 debouncedGetTweetData = _(getTweetData).debounce(125);
 throttledGetTweetIds = _(getTweetIds).throttle(10000);
+debouncedGetTweetIds = _(throttledGetTweetIds).debounce(125);
 throttledShowTweets = _(showTweets).throttle(200);
 function getLocalTweets() {
 });
 var localpos = 300,
 	localduration = 600;
-showLocal();
+goToNext();
 $(".topics-block").on("mouseenter", ".topic", function() {
 var el = $(this);
 el.addClass("hover");
 showTopicViz();
 	    	e.preventDefault();
 		}
 }).mousemove(function(e) {
 	if (mouseIsDown) {
 		if (isDragging) {
-			var limit = $(this).offset().left + 140,
+			var deltaY = e.pageY - startY,
-				deltaY = e.pageY - startY,
 				delta = Math.floor(deltaY / (scrollGlobal ? yscale : - localyscale));
 				localpos = Math.max(localduration / 2, Math.min(data.duration - localduration / 2, startPos + delta));
 				throttledShowLocal();
 		} else {
 			isDragging = true;
 		}
 	}
 }).mouseup(function(e) {
 	if (scrollGlobal && !isDragging) {
+		var _o = $(this).offset(),
-		var posY = e.pageY - $(this).offset().top;
+			posX = e.pageX - _o.left,
-		localpos = Math.max(localduration / 2, Math.min(data.duration - localduration / 2, Math.floor(posY / yscale)));
+			posY = e.pageY - _o.top;
-			throttledShowLocal();
+			if (posX < 140) {
+				localpos = Math.max(localduration / 2, Math.min(data.duration - localduration / 2, Math.floor(posY / yscale)));
+				throttledShowLocal();
+			}
 	}
 });
 var totalScroll = 0, zoomlevels = [ 1800, 900, 600, 300, 120, 60 ], currentlevel = 2;
 loadJson("data/minutes.json", "minutes");
 loadJson("data/5secs.json", "fiveseconds");
 loadJson(
-solrUrl("MMSO", {q: "*:*", fl: "topic*,MMSO_id,multimediaSegment,keywordsFromSocial,keywordsFromAudio", rows: 250 }),
+solrUrl("MMSO", {q: "*:*", fl: "topic*,MMSO_id,multimediaSegment,keywordsFromSocial", rows: 250 }),
 "segments",
 function(d) {
 return d.response.docs.map(function(mmso) {
 var tc = mmso.multimediaSegment.match(/\d+/g),
 start = parseInt(tc[0]),
 	            			}
 	            		});
 	                });
 }
-getKeywords("keywordsFromAudio");
+//getKeywords("keywordsFromAudio");
 getKeywords("keywordsFromSocial");
 for (var k in mmso) {
 if (k.substr(0,5) === "topic" && mmso[k] > .01) {
 topics.push({

socialmedia