js/playscreen.js
author veltr
Thu, 25 Apr 2013 13:21:59 +0200
changeset 23 933b388521f6
parent 22 4e1e66b2fdf1
child 24 b557f4bae85f
permissions -rw-r--r--
tag-it
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
21
007254e97333 improvements for better code reuse
veltr
parents: 20
diff changeset
     1
var deltaT = tweetStartDate / 1000 + tweetTimeDelta;
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
     2
18
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
     3
function secsToString(seconds) {
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
     4
    var hours = Math.floor(seconds/3600),
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
     5
        minutes = Math.floor(seconds/60) % 60,
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
     6
        secs = Math.floor(seconds % 60);
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
     7
    function pad(n) {
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
     8
        var r = n.toString();
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
     9
        while (r.length < 2) {
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    10
            r = "0" + r;
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    11
        }
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    12
        return r;
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    13
    }
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    14
    return (hours ? (hours + ":") : "") + pad(minutes) + ":" + pad(secs);
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    15
}
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    16
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    17
function solrUrl(table, params) {
21
007254e97333 improvements for better code reuse
veltr
parents: 20
diff changeset
    18
    var u = solrUrlBase + table + "/select?" + $.param(params) + "&wt=json&json.wrf=?";
14
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
    19
    return u;
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    20
}
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    21
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    22
function showData() {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    23
    
21
007254e97333 improvements for better code reuse
veltr
parents: 20
diff changeset
    24
    data.duration = data.segments[data.segments.length - 1].end;
007254e97333 improvements for better code reuse
veltr
parents: 20
diff changeset
    25
    
18
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    26
    data.chapters = [];
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    27
    
21
007254e97333 improvements for better code reuse
veltr
parents: 20
diff changeset
    28
    var nmmso = data.segments.length;
007254e97333 improvements for better code reuse
veltr
parents: 20
diff changeset
    29
    
007254e97333 improvements for better code reuse
veltr
parents: 20
diff changeset
    30
    data.topics.forEach(function(topic) {
007254e97333 improvements for better code reuse
veltr
parents: 20
diff changeset
    31
        topic.score = 0;
007254e97333 improvements for better code reuse
veltr
parents: 20
diff changeset
    32
        topic.weights = [];
007254e97333 improvements for better code reuse
veltr
parents: 20
diff changeset
    33
        for (var i = 0; i < nmmso; i++) {
007254e97333 improvements for better code reuse
veltr
parents: 20
diff changeset
    34
            topic.weights.push(0);
007254e97333 improvements for better code reuse
veltr
parents: 20
diff changeset
    35
        }
007254e97333 improvements for better code reuse
veltr
parents: 20
diff changeset
    36
    });
007254e97333 improvements for better code reuse
veltr
parents: 20
diff changeset
    37
    
007254e97333 improvements for better code reuse
veltr
parents: 20
diff changeset
    38
    data.segments.forEach(function(mmso, i) {
007254e97333 improvements for better code reuse
veltr
parents: 20
diff changeset
    39
        mmso.topics.forEach(function(t) {
007254e97333 improvements for better code reuse
veltr
parents: 20
diff changeset
    40
            data.topics[t.topic].weights[i] = t.weight;
007254e97333 improvements for better code reuse
veltr
parents: 20
diff changeset
    41
            data.topics[t.topic].score += t.weight;
007254e97333 improvements for better code reuse
veltr
parents: 20
diff changeset
    42
        });
007254e97333 improvements for better code reuse
veltr
parents: 20
diff changeset
    43
    });
007254e97333 improvements for better code reuse
veltr
parents: 20
diff changeset
    44
    
007254e97333 improvements for better code reuse
veltr
parents: 20
diff changeset
    45
    var topicPoubelle = removeBiggestTopic ? _(data.topics.slice()).sortBy(function(t) { return -t.score; })[0].index : -1;
007254e97333 improvements for better code reuse
veltr
parents: 20
diff changeset
    46
        
18
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    47
    data.segments.forEach(function(segment, index) {
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    48
    	var topics = segment.topics.filter(function(t) {
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    49
    		return t.topic !== topicPoubelle;
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    50
    	}).map(function(t) {
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    51
    		return t.topic
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    52
		});
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    53
    	var openchapters = data.chapters.filter(function(c) {
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    54
    		return c.open;
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    55
    	});
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    56
    	openchapters.forEach(function(c) {
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    57
    		var i = topics.indexOf(c.topic);
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    58
    		if (i == -1) {
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    59
    			c.open = false;
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    60
    		} else {
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    61
    			c.endMMSO = index;
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    62
    			c.endTime = segment.end;
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    63
    			topics.splice(i, 1);
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    64
    		}
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    65
    	});
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    66
    	
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    67
    	if (topics.length) {
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    68
    		topics.forEach(function(t) {
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    69
    			data.chapters.push({
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    70
    				startMMSO: index,
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    71
    				endMMSO: index,
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    72
    				startTime: segment.start,
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    73
    				endTime: segment.end,
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    74
    				topic: t,
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    75
    				open: true
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    76
    			})
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    77
    		})
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    78
    	}
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    79
    });
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
    80
    
17
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
    81
	data.topiclabels.forEach(function(v) {
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
    82
		var words = _(v.words).map(function(v, k) {
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
    83
			return {
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
    84
				word: k,
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
    85
				weight: v
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
    86
			}
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
    87
		});
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
    88
		words.sort(function(a,b) {
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
    89
			return b.weight - a.weight;
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
    90
		})
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
    91
		data.topics[v.topic_id].words = words;
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
    92
	});
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
    93
	
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
    94
    var topicHash = document.location.hash || "#selectedtopics=5,15&visibletopics=5,10,15";
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
    95
    
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
    96
    var pageParams = {};
19
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
    97
        
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
    98
    topicHash
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
    99
    	.replace(/^#/,'')
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   100
    	.split('&')
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   101
    	.forEach(function(p) {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   102
    		var s = p.split('=');
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   103
    		pageParams[s[0]] = s[1].split(",").map(function(t) { return decodeURIComponent(t)});
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   104
    	})
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   105
    
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   106
    var ordertag = 0;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   107
    
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   108
    $(".duration").text(secsToString(data.duration));
21
007254e97333 improvements for better code reuse
veltr
parents: 20
diff changeset
   109
       
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   110
    var sortedTopics = data.topics.filter(function(t) {
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   111
        return pageParams.visibletopics.indexOf(t.index.toString()) !==-1 && t.index !== topicPoubelle;
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   112
    });
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   113
    
11
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   114
    function hasTopics(mmso, topics) {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   115
    	for (var j = 0; j < mmso.topics.length; j++) {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   116
			if (topics.indexOf(mmso.topics[j].topic) !== -1) {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   117
				return true;
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   118
			}
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   119
		}
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   120
		return false;
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   121
    }
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   122
    
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   123
    function checkOrGoNext() {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   124
    	var topics = Array.prototype.slice.call(
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   125
    		$(".topic.selected").map(function() {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   126
    			return parseInt($(this).attr("data-topic-id"))
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   127
			})
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   128
		);
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   129
		var currentMmso = _(data.segments).find(function(s) {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   130
			return s.start <= player.currentTime && s.end > player.currentTime;
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   131
		});
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   132
		
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   133
		if (hasTopics(currentMmso, topics)) {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   134
			throttledShowLocal();
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   135
		} else {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   136
			goToNext();
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   137
		}
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   138
		
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   139
    }
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   140
    
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   141
    function goToNext() {
11
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   142
    	var topics = Array.prototype.slice.call(
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   143
    		$(".topic.selected").map(function() {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   144
    			return parseInt($(this).attr("data-topic-id"));
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   145
			})
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   146
		);
18
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   147
    	for (var i = 0; i < data.chapters.length; i++) {
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   148
    		var chap = data.chapters[i];
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   149
    		if (chap.startTime > player.currentTime && topics.indexOf(chap.topic) !== -1) {
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   150
    			player.setCurrentTime(chap.startTime);
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   151
				return;
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   152
    		}
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   153
    	}
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   154
    	/* If next not found, loop around ! */
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   155
    	for (var i = 0; i < data.chapters.length; i++) {
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   156
    		var chap = data.chapters[i];
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   157
    		if (topics.indexOf(chap.topic) !== -1) {
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   158
    			player.setCurrentTime(chap.startTime);
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   159
				return;
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   160
    		}
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   161
    	}
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   162
    }
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   163
    
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   164
    function goToPrev() {
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   165
    	var topics = Array.prototype.slice.call(
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   166
    		$(".topic.selected").map(function() {
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   167
    			return parseInt($(this).attr("data-topic-id"));
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   168
			})
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   169
		);
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   170
    	for (var i = data.chapters.length; i--;) {
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   171
    		var chap = data.chapters[i];
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   172
    		if (chap.startTime < (player.currentTime - 2) && topics.indexOf(chap.topic) !== -1) {
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   173
    			player.setCurrentTime(chap.startTime);
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   174
				throttledShowLocal();
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   175
				return;
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   176
    		}
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   177
    	}
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   178
    	/* If previous not found, loop around ! */
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   179
    	for (var i = data.chapters.length; i--;) {
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   180
    		var chap = data.chapters[i];
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   181
    		if (topics.indexOf(chap.topic) !== -1) {
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   182
    			player.setCurrentTime(chap.startTime);
11
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   183
				throttledShowLocal();
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   184
				return;
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   185
    		}
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   186
    	}
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   187
    }
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   188
    
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   189
    function showTopics(topiclist) {
19
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
   190
    	
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
   191
    	
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   192
        var tbhtml = topiclist.reduce(function(mem, topic) {
17
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
   193
            var wordsToShow = topic.words.slice(0,4),
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   194
                max = wordsToShow[0].weight,
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   195
                min = Math.min(wordsToShow[wordsToShow.length - 1].weight, max - .01),
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   196
                scale = 8 / (max - min);
19
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
   197
            
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
   198
	    	function line(words) {
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
   199
	    		return '<ul class="topic-words">' + words.reduce(function(memwords, word) {
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
   200
	                return memwords
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
   201
	                    + '<li style="font-size: '
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
   202
	                    + ( 8 + scale * (word.weight - min) )
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
   203
	                    + 'px;">'
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
   204
	                    + word.word
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
   205
	                    + '</li>';
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
   206
	            },"") + '</ul>';
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
   207
	    	}
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
   208
	    	
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   209
            var li = '<li class="shadow-block topic" data-topic-id="'
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   210
                + topic.index
19
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
   211
                + '" data-timestamp="999999">'
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
   212
                + line(wordsToShow.filter(function( v, k ) {
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
   213
                	return !(k % 2);
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
   214
                }))
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
   215
                + line(wordsToShow.filter(function( v, k ) {
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
   216
                	return !!(k % 2);
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
   217
                }))
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
   218
            	+ '</li>';
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   219
            return mem + li;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   220
        },'');
19
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
   221
        var tb = $(".topics-list");
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   222
        tb.html(tbhtml);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   223
        tb.css("top",0);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   224
        
20
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   225
        throttledShowLocal();
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   226
    }
20
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   227
           
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   228
    
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   229
    
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   230
    var images = {},
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   231
    	playTime = $(".current-time");
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   232
    
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   233
	var globW = 85,
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   234
        globL = 40,
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   235
        entonnoirR = 155,
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   236
        localL = 235,
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   237
        localW = 85,
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   238
        localR = (localL + localW),
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   239
        localTimeR = (localL + localW) + globL,
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   240
        globR = (globW + globL),
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   241
        mx = Math.max.apply(Math, data.minutes.map(function(s) { return s.count})),
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   242
        xscale = globW/mx,
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   243
        yscale,
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   244
        localyscale,
22
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   245
        filteredSegments = [],
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   246
        currentTweetTc = -1;
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   247
    
20
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   248
    function showLocal() {
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   249
    	var $c = $(".play-canvas"),
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   250
    		c = $c[0],
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   251
    		ph = $c.height(),
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   252
    		pw = $c.width();
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   253
        
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   254
        yscale = ph / data.duration;
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   255
		localyscale = ph / localduration;
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   256
		
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   257
		var localstart = localpos - localduration/2;
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   258
    		localend = localpos + localduration/2;
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   259
    		globtop = yscale * localstart,
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   260
    		globbottom = yscale * localend,
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   261
    		betweenx = (globR + entonnoirR) / 2,
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   262
    		betweenyt = (globtop) / 2,
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   263
    		betweenyb = (globbottom + ph) / 2,
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   264
    		curve = (entonnoirR - globR) / 2,
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   265
        
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   266
    	c.width = pw;
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   267
    	c.height = ph;
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   268
    	
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   269
    	var ctx = c.getContext('2d');
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   270
    	
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   271
    	ctx.clearRect(0,0, pw, ph);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   272
    	
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   273
    	/* Tracé de l'entonnoir */
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   274
    	
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   275
    	ctx.beginPath();
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   276
    	
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   277
    	ctx.moveTo(0, globtop);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   278
    	ctx.lineTo(globR, globtop);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   279
    	ctx.quadraticCurveTo(betweenx, globtop, betweenx, Math.max(globtop - curve, betweenyt));
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   280
    	ctx.lineTo(betweenx, Math.min(curve, betweenyt));
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   281
    	ctx.quadraticCurveTo(betweenx, 0, entonnoirR, 0 );
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   282
    	ctx.lineTo(localR,0);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   283
    	ctx.lineTo(localR, ph);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   284
    	ctx.lineTo(entonnoirR, ph);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   285
    	ctx.quadraticCurveTo(betweenx, ph, betweenx, Math.max(ph - curve, betweenyb));
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   286
    	ctx.lineTo(betweenx, Math.min(globbottom + curve, betweenyb));
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   287
    	ctx.quadraticCurveTo(betweenx, globbottom, globR, globbottom, globbottom);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   288
    	ctx.lineTo(0,globbottom);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   289
    	ctx.fillStyle = '#222222';
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   290
    	ctx.fill();
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   291
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   292
		
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   293
        var selectedBlocks = $(".topic.selected, .topic.hover"),
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   294
            sbl = selectedBlocks.length,
20
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   295
            topicBlocks = $(".topic"),
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   296
            topicsAndColors = [],
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   297
        	colors = {};
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   298
        selectedBlocks.each(function() {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   299
            var el = $(this),
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   300
                topicid = parseInt(el.attr("data-topic-id"));
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   301
            topicsAndColors.push({
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   302
                "$": el,
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   303
                timestamp: parseInt(el.attr("data-timestamp")),
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   304
                hovered: el.hasClass("hover"),
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   305
                id: topicid,
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   306
                topic: data.topics[topicid]
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   307
            });
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   308
        });
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   309
        topicsAndColors.sort(function(a,b) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   310
           return ( a.timestamp - b.timestamp ) || ( a.id - b.id );
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   311
        });
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   312
        topicBlocks.css("background","");
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   313
        topicsAndColors.forEach(function(topic, i) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   314
            topic.color = topic.hovered ? "#ffff00" : colorset[i % colorset.length];
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   315
            colors[topic.id] = topic.color;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   316
            topic.$.css("background", topic.color);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   317
        });
20
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   318
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   319
		/* Tracé des MMSOs */
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   320
		
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   321
		var localkeywords = {};
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   322
		
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   323
		filteredSegments = [];
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   324
		
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   325
        for (var i = 0; i < nmmso; i++) {
20
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   326
            var mmso = data.segments[i],
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   327
            	opacity = 0,
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   328
                rgb = [0,0,0];
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   329
            topicsAndColors.forEach(function(topic) {
20
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   330
            	var o = topic.topic.weights[i];
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   331
                rgb[0] += parseInt(topic.color.substr(1,2),16) * o;
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   332
                rgb[1] += parseInt(topic.color.substr(3,2),16) * o;
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   333
                rgb[2] += parseInt(topic.color.substr(5,2),16) * o;
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   334
                opacity += o;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   335
            });
20
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   336
            var isinlocal = (mmso.end > localstart && mmso.start < localend);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   337
            if (isinlocal) {
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   338
            	filteredSegments.push(mmso);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   339
				var y = localyscale * (mmso.start - localstart),
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   340
					h = localyscale * mmso.duration,
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   341
					visibled = (
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   342
						mmso.start < localstart
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   343
						? mmso.duration - localstart + mmso.start
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   344
						: (
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   345
							mmso.end > localend
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   346
							? mmso.duration - mmso.end + localend
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   347
							: mmso.duration
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   348
						)
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   349
					);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   350
				_(mmso.keywords).each(function(v,k) {
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   351
					localkeywords[k] = (v * visibled) + (localkeywords[k] || 0);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   352
				});
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   353
            }
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   354
            if (opacity) {
20
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   355
                rgb = rgb.map(function(c) {
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   356
                    return parseInt(c/opacity);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   357
                });
21
007254e97333 improvements for better code reuse
veltr
parents: 20
diff changeset
   358
                ctx.fillStyle = 'rgba(' + rgb.join(',') + ',' + (.25+.75*opacity) + ')';
20
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   359
                ctx.fillRect(globL, yscale * mmso.start, globW, yscale * mmso.duration);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   360
                if (isinlocal) {
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   361
					ctx.fillRect( localL, y, localW, h );
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   362
                }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   363
            }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   364
        }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   365
        
20
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   366
        /* Tracé des courbes de nombres de tweets */
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   367
        
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   368
        var styles = [
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   369
	        {
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   370
	        	lineWidth: 4,
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   371
	        	strokeStyle: "rgba(0,0,0,.5)"
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   372
	        },
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   373
	        {
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   374
	        	lineWidth: 1,
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   375
	        	strokeStyle: "#ffffff"
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   376
	        }
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   377
        ]
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   378
        
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   379
        styles.forEach(function(s) {
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   380
        	ctx.beginPath();
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   381
        	data.minutes.forEach(function(m, i) {
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   382
        		var x = globL + xscale * m.count,
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   383
        			y1 = yscale * (m.from + 20),
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   384
        			y2 = yscale * (m.from + 40);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   385
        		if (i) {
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   386
        			ctx.lineTo(x,y1);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   387
        		} else {
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   388
        			ctx.moveTo(x,y1);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   389
        		}
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   390
        		ctx.lineTo(x,y2);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   391
        	});
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   392
        	_(s).each(function(v, k) {
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   393
        		ctx[k] = v;
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   394
        	});
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   395
        	ctx.stroke();
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   396
        });
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   397
        
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   398
		var filteredFiveSecs = data.fiveseconds.slice(Math.floor(localstart / 5), Math.ceil(localend / 5));
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   399
        var counts = filteredFiveSecs.map(function(s) { return s.count}),
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   400
        	lmx = Math.max.apply(Math, counts),
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   401
        	lmi = Math.min.apply(Math, counts.concat([lmx - 1]))
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   402
        	lxscale = localW/(lmx-lmi);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   403
        	
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   404
       	styles.forEach(function(s) {
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   405
        	ctx.beginPath();
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   406
        	filteredFiveSecs.forEach(function(m, i) {
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   407
        		var x = localL + lxscale * (m.count - lmi),
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   408
        			y1 = localyscale * (m.from + 1 - localstart),
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   409
        			y2 = localyscale * (m.from + 4 - localstart);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   410
        		if (i) {
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   411
        			ctx.lineTo(x,y1);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   412
        		} else {
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   413
        			ctx.moveTo(x,y1);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   414
        		}
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   415
        		ctx.lineTo(x,y2);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   416
        	});
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   417
        	_(s).each(function(v, k) {
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   418
        		ctx[k] = v;
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   419
        	});
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   420
        	ctx.stroke();
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   421
        });
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   422
        
11
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   423
        var deltaY = $(".play-bottom").offset().top;
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   424
        
22
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   425
		ctx.strokeStyle = "#ccc";
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   426
		
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   427
        $(".play-localtweets .tweet").each(function() {
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   428
        	var el = $(this),
23
veltr
parents: 22
diff changeset
   429
        		liY = + el.offset().top + el.outerHeight() / 2 - deltaY;
veltr
parents: 22
diff changeset
   430
    		if (liY < 0 || liY > ph) {
veltr
parents: 22
diff changeset
   431
    		    return;
veltr
parents: 22
diff changeset
   432
    		}
veltr
parents: 22
diff changeset
   433
        	var t = +el.attr("data-timestamp"),
22
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   434
        		tY = localyscale * (t - localpos + localduration / 2),
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   435
                tX = localL + lxscale * (data.fiveseconds[Math.floor(t / 5)].count - lmi);
20
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   436
    		ctx.beginPath();
22
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   437
    		ctx.moveTo(tX, tY);
20
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   438
    		ctx.lineTo(localR, tY);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   439
    		ctx.lineTo(400, liY);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   440
    		ctx.stroke();
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   441
    		$(this).css("background",colors[el.attr("data-topic-id")] || "");
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   442
        });
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   443
        
22
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   444
		ctx.strokeStyle = "#000";
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   445
        ctx.fillStyle = "#ff0";
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   446
		
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   447
        $(".user-tweets .tweet:visible").each(function() {
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   448
            var el = $(this),
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   449
                t = +el.attr("data-timestamp"),
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   450
                hover = (t === currentTweetTc);
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   451
            if (hover) {
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   452
                ctx.strokeStyle = "#900";
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   453
                ctx.lineWidth = 3;
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   454
            }
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   455
            if (t > localstart && t < localend) {
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   456
                var tY = localyscale * (t - localpos + localduration / 2),
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   457
                    tX = localL + lxscale * (data.fiveseconds[Math.floor(t / 5)].count - lmi);
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   458
        		ctx.beginPath();
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   459
        		ctx.arc(tX,tY,hover ? 6 : 3,0,2*Math.PI,true);
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   460
        		ctx.fill();
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   461
        		ctx.stroke();
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   462
            }
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   463
            var n = Math.floor(t / 60),
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   464
                x = globL + xscale * data.minutes[n].count,
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   465
                y = yscale * t;
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   466
            ctx.beginPath();
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   467
            ctx.arc(x,y,hover ? 6 : 3,0,2*Math.PI,true);
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   468
            ctx.fill();
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   469
            ctx.stroke();
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   470
            if (hover) {
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   471
                ctx.strokeStyle = "#000";
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   472
                ctx.lineWidth = 1;
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   473
            }
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   474
        });
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   475
        
20
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   476
        ctx.fillStyle = '#ffffff';
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   477
        ctx.strokeStyle = '#999999';
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   478
        ctx.font = '10px Arial,Helvetica';
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   479
        
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   480
        function line(x1,y1,x2,y2) {
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   481
        	ctx.beginPath();
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   482
			ctx.moveTo(x1, y1);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   483
			ctx.lineTo(x2, y2);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   484
			ctx.stroke();
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   485
        }
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   486
        
20
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   487
		line(0, 0, localTimeR, 0);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   488
		line(0, ph-1, localTimeR, ph-1 );
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   489
		line(globR, 0, globR, ph);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   490
		line(localL, 0, localL, ph);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   491
		
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   492
		/* Global Times */
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   493
		ctx.fillText(secsToString(data.duration), 0, ph - 3);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   494
		 
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   495
	    for (var i=0; i < data.duration; i += 1800) {
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   496
	        var y = yscale * i;
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   497
	        line(0, y, globR, y);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   498
	        ctx.fillText(secsToString(i), 0, y+9);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   499
	    }
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   500
		
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   501
        /* Local Times */
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   502
        ctx.fillText(secsToString(localstart), localTimeR - 30, 9);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   503
        ctx.fillText(secsToString(localend), localTimeR - 30, ph - 3);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   504
	    
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   505
		for ( var i = (1 + Math.floor(localstart / 120)) * 120; i < localend; i += 120 ) {
20
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   506
			var y = localyscale*(i - localstart);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   507
			ctx.fillText(secsToString(i), localTimeR - 30, 9+y);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   508
			line(localL, y, localTimeR, y);
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   509
		}
20
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   510
		
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   511
		
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   512
		var imgw = 80,
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   513
			imgh = 45,
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   514
			imgrate = localduration / 12,
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   515
			imgstart = imgrate * Math.floor(localstart / imgrate),
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   516
			imgend = imgrate * Math.ceil(localend / imgrate);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   517
		
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   518
		for (var i = imgstart; i <= imgend; i+= imgrate) {
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   519
	    	var imgsrc = i + '.png';
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   520
	    	while (imgsrc.length < 9) {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   521
	    		imgsrc = '0' + imgsrc;
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   522
	    	}
20
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   523
	    	if (images[i]) {
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   524
	    		if (images[i].width) {
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   525
	    			ctx.drawImage(images[i], entonnoirR, localyscale * (i - localstart) - imgh / 2, imgw, imgh);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   526
	    		}
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   527
	    	} else {
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   528
	    		var img = new Image();
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   529
	    		img.onload = function() {
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   530
	    			throttledShowLocal();
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   531
	    		}
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   532
	    		img.src = 'thumbnails/' + imgsrc;
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   533
	    		images[i] = img;
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   534
	    	}
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   535
	    }
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   536
	    
20
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   537
		if (player) {
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   538
			var yg = yscale * player.currentTime,
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   539
				yl = (player.currentTime - localstart) * localyscale,
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   540
				betweeny = (yg + yl) / 2,
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   541
				styles = [
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   542
			        {
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   543
			        	lineWidth: 4,
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   544
			        	strokeStyle: "rgba(0,0,0,.5)"
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   545
			        },
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   546
			        {
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   547
			        	lineWidth: 1,
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   548
			        	strokeStyle: "#ff00cc"
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   549
			        }
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   550
		        ];
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   551
	        
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   552
	        styles.forEach(function(s) {
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   553
	        	ctx.beginPath();
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   554
				ctx.moveTo(0, yg);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   555
				if (player.currentTime >= localstart && player.currentTime <= localend) {
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   556
					ctx.lineTo(globR, yg);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   557
			    	ctx.quadraticCurveTo(betweenx + 3, yg, betweenx + 3, yg > yl ? Math.max(yg - curve, betweeny) : Math.min(yg + curve, betweeny));
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   558
			    	ctx.lineTo(betweenx + 3, yg < yl ? Math.max(yl - curve, betweeny) : Math.min(yl + curve, betweeny));
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   559
			    	ctx.quadraticCurveTo(betweenx + 3, yl, entonnoirR + 6, yl );
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   560
			    	ctx.lineTo(localR, yl);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   561
			    } else {
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   562
			    	ctx.lineTo(betweenx, yg);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   563
			    }
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   564
	        	
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   565
	        	_(s).each(function(v, k) {
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   566
	        		ctx[k] = v;
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   567
	        	});
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   568
	        	ctx.stroke();
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   569
	        });
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   570
			
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   571
		}
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   572
		
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   573
	    $(".play-localtweets .tweet").each(function() {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   574
	    	var el = $(this),
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   575
	    		t = parseInt(el.attr("data-timestamp"));
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   576
    		if (t > localstart && t < localend) {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   577
    			el.show();
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   578
    		} else {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   579
    			el.hide();
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   580
    		}
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   581
	    });
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   582
	    
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   583
	    localkeywords = _(localkeywords)
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   584
	    	.chain()
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   585
	    	.map(function(v,k) {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   586
	    		return { word: k, score: v }
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   587
	    	})
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   588
	    	.sortBy(function(w) {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   589
	    		return -w.score;
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   590
	    	})
22
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   591
	    	.first(tcLength)
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   592
	    	.value();
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   593
    	
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   594
    	var values = _(localkeywords).pluck('score'),
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   595
    		max = Math.max.apply(Math, values),
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   596
    		min = Math.min.apply(Math, values),
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   597
    		scale = 10 / (max - Math.min(max - .1, min)),
20
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   598
    		selectedVisible = false,
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   599
    		tc = $(".play-tagcloud li");
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   600
    		
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   601
		localkeywords.forEach(function(w, i) {
22
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   602
			var size = 12 + (w.score - min) * scale,
20
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   603
				selected = (w.word === selectedWord),
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   604
				e = $(tc[i]),
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   605
				t = e.text();
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   606
			if (t !== w.word) {
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   607
				e.text(w.word);
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   608
			}
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   609
			e.css("font-size", size + "px");
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   610
			if (selected) {
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   611
				e.addClass("selected");
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   612
			} else {
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   613
				e.removeClass("selected");
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   614
			}
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   615
			selectedVisible = selectedVisible || selected;
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   616
		});
22
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   617
		if (localkeywords.length < tcLength) {
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   618
			for (var i = localkeywords.length; i < tcLength; i++) {
20
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   619
				$(tc[i]).text("").removeClass("selected");
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   620
			}
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   621
		}
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   622
    	
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   623
    	if (!selectedVisible) {
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   624
    		selectedWord = false;
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   625
    	}
20
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   626
    	    
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   627
		throttledGetTweets();
20
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   628
    }
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   629
    
22
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   630
    var tcLength = 20;
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   631
    
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   632
    for (var i = 0; i < tcLength; i++) {
20
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   633
    	$(".play-tagcloud").append("<li>");
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   634
    }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   635
    
20
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   636
    $(".play-tagcloud li").click(function() {
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   637
    	
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   638
    	var w = $(this).text();
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   639
    	if (w === selectedWord) {
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   640
    		selectedWord = false;
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   641
    	} else {
20
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   642
    		selectedWord = w;
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   643
    	}
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   644
    	throttledShowLocal();
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   645
    });
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   646
    
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   647
    
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   648
    var lastPos, lastDuration, lastTopics;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   649
    
17
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
   650
    var tweetTemplate = _.template(
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
   651
    		'<li class="tweet" data-timestamp="<%= timestamp %>" data-topic-id="<%= topic.topic %>">'
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
   652
    		+ '<% if (show_link) { %><a href="#" data-user-id="<%- data.from_user_id %>"><% } %>'
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
   653
    		+ '<img src="<%- data.profile_image_url %>" /><% if (show_link) { %></a><% } %>'
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
   654
    		+ '<p><% if (show_link) { %><a href="#" data-user-id="<%- data.from_user_id %>"><% } %>'
18
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   655
    		+ '@<%- data.from_user_name %>:<% if (show_link) { %></a><% } %> <%= htext %></p>'
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   656
    		+ '<% if (show_time) { %><p><%- secsToString(timestamp) %></p><% } %>'
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   657
    		+ '</li>'),
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   658
    	callnum = 0,
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   659
    	tweetstructure = {},
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   660
    	requestedtweets = {},
11
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   661
    	_NTWEETS = 50,
22
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   662
    	selectedWord = false,
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   663
    	lastHtml = "";
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   664
    
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   665
    
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   666
    function showTweets() {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   667
    	var toshow = [];
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   668
    	var topics = Array.prototype.join.call($(".topic.selected").map(function(){return $(this).attr("data-topic-id")})).split(",");
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   669
    	
20
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   670
    	filteredSegments.forEach(function(mmso) {
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   671
    		var mmsostruct = tweetstructure[mmso.id];
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   672
    		if (mmsostruct) {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   673
	    		for (var j = 0; j < topics.length; j++) {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   674
	    			var topicid = topics[j];
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   675
					if (mmsostruct.tweetids) {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   676
						var tweetids = mmsostruct.tweetids[topicid];
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   677
						for (var k = 0; k < tweetids.length; k++) {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   678
							toshow.push(tweetids[k]);
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   679
						}
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   680
					}
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   681
	    		}
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   682
    		}
20
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   683
   		});
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   684
    	toshow = _(toshow).uniq();
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   685
    	    	
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   686
    	var tweetstoshow = toshow.map(function(tid) {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   687
    		return requestedtweets[tid];
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   688
    	}).filter(function(tw) {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   689
    		return ((tw.status == 2) && (tw.timestamp > (localpos - localduration / 2)) && (tw.timestamp < (localpos + localduration / 2)));
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   690
		});
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   691
				
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   692
		if (selectedWord) {
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   693
			var rx = new RegExp(selectedWord.replace(/(\W)/gm,'\\$1'),'im');
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   694
			tweetstoshow = tweetstoshow.filter(function(tw) {
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   695
				return rx.test(tw.data.text);
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   696
			});
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   697
		}
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   698
		
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   699
		tweetstoshow.forEach(function(tw) {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   700
			tw.topic = tw.topics.filter(function(t) {
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   701
				return topics.indexOf(t.topic.toString()) !== -1;
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   702
			}).sort(function(a,b) {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   703
				return b.weight - a.weight
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   704
			})[0];
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   705
		});
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   706
		
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   707
		tweetstoshow = tweetstoshow.filter(function(t) {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   708
			return !!t.topic;
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   709
		});
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   710
				
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   711
		tweetstoshow.sort(function(a, b) {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   712
			return b.topic.weight - a.topic.weight; 
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   713
		});
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   714
		
22
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   715
		if (tweetstoshow.length < 4) {
14
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   716
			var randtweets = data.randomtweets.filter(function(tw) {
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   717
				return (tw.timestamp > (localpos - localduration / 2)) && (tw.timestamp < (localpos + localduration / 2))
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   718
			});
18
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   719
			if (selectedWord) {
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   720
				var rx = new RegExp(selectedWord.replace(/(\W)/gm,'\\$1'),'im');
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   721
				randtweets = randtweets.filter(function(tw) {
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   722
					return rx.test(tw.data.text);
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   723
				});
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   724
			}
22
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   725
			var mod = Math.ceil(randtweets.length / 5);
14
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   726
			randtweets = randtweets.filter(function(v,k) {
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   727
				return !(k % mod);
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   728
			});
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   729
			tweetstoshow = tweetstoshow.concat(randtweets);
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   730
		}
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   731
		
22
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   732
		tweetstoshow = tweetstoshow.slice(0,6);
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   733
		
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   734
		if (selectedWord) {
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   735
			var rx = new RegExp( '(' + selectedWord.replace(/(\W)/gm,'\\$1') + ')', 'gim' );
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   736
			tweetstoshow.forEach(function(tw) {
17
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
   737
				tw.htext = _(tw.data.text).escape().replace(rx,'<span class="highlight">$1</span>');
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   738
			});
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   739
		} else {
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   740
			tweetstoshow.forEach(function(tw) {
17
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
   741
				tw.htext = _(tw.data.text).escape();
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
   742
			});
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   743
		}
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   744
		
17
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
   745
		tweetstoshow.forEach(function(tw) {
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
   746
			tw.show_link = true;
18
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   747
			tw.show_time = false;
17
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
   748
		});
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
   749
		
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   750
		tweetstoshow.sort(function(a, b) {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   751
			return a.timestamp - b.timestamp;
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   752
		});
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   753
		
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   754
		var html = tweetstoshow.map(tweetTemplate).join("");
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   755
		
22
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   756
		if (lastHtml !== html) {
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   757
		    $(".play-localtweets").html(html);
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   758
		}
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   759
		lastHtml = html;
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   760
		var h = 0;
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   761
		$(".play-localtweets .tweet").each(function() {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   762
			h += $(this).outerHeight();
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   763
		});
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   764
		$(".play-localtweets .tweet").css("margin-top",Math.max(0,($(".play-bottom").height() - h)/(tweetstoshow.length+1)));
20
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   765
		showLocal();
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   766
    	
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   767
    }
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   768
    
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   769
    function getMmsoTweetIds(mmstruct) {
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   770
    	TopicsBean.bestSocialInteractionsIdsMatching(mmstruct.mmsoid, 0, _NTWEETS, {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   771
			callback: function(res) {
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   772
				mmstruct.status = 2;
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   773
				mmstruct.tweetids = res;
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   774
				for (var j = 0; j < res.length; j++) {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   775
					var tweetids = res[j],
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   776
						ntw = tweetids.length,
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   777
						topicweight = data.topics[j].weights[mmstruct.mmsoindex];
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   778
					for (var k = 0; k < tweetids.length; k++) {
19
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
   779
						var relevance = topicweight + .5 * (ntw - k) / ntw,
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   780
							tweetid = tweetids[k];
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   781
						if (!requestedtweets[tweetid]) {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   782
							requestedtweets[tweetid] = {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   783
								id: tweetid,
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   784
								status: 0,
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   785
								topics: []
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   786
							}
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   787
						}
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   788
						requestedtweets[tweetid].topics.push({
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   789
							topic: j,
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   790
							weight: relevance
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   791
						});
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   792
					}
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   793
				}
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   794
				debouncedGetTweetData();
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   795
			},
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   796
			errorHandler: function(err,info) {
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   797
				mmstruct.status = 0;
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   798
				console.error(err,info);
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   799
				debouncedGetTweetIds();
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   800
			}
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   801
		});
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   802
    }
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   803
    
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   804
    var _MAX_BATCH = 20;
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   805
    
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   806
    function getTweetIds() {
21
007254e97333 improvements for better code reuse
veltr
parents: 20
diff changeset
   807
    	    	
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   808
    	var toload = [];
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   809
    	
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   810
    	_(tweetstructure).each(function(w) {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   811
			if (!w.status) {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   812
				w.status = 1;
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   813
				toload.push(w);
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   814
			}
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   815
    	});
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   816
    	
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   817
    	if (toload.length) {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   818
    		
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   819
    		if (toload.length > _MAX_BATCH) {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   820
    			toload = _(toload).shuffle().slice(0,_MAX_BATCH);
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   821
    			window.setInterval(throttledGetTweetIds,0);
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   822
    		}
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   823
    		
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   824
    		dwr.engine.beginBatch();
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   825
    		toload.forEach(getMmsoTweetIds);
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   826
    		dwr.engine.endBatch();
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   827
    	}
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   828
    }
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   829
    
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   830
    function getTweetData() {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   831
    	
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   832
    	var toload = [];
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   833
    	
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   834
    	_(requestedtweets).each(function(v) {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   835
			if (!v.status) {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   836
				toload.push(v.id);
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   837
			}
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   838
		});
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   839
		
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   840
		if (toload.length) {
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   841
			toload = toload.slice(0,200);
10
veltr
parents: 9
diff changeset
   842
			toload.forEach(function(twid) {
veltr
parents: 9
diff changeset
   843
				requestedtweets[twid].status = 1;
veltr
parents: 9
diff changeset
   844
			})
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   845
			$.getJSON(
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   846
			solrUrl(
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   847
				"twitter",
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   848
				{
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   849
					q:"id:(" + toload.join(" OR ") + ")",
17
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
   850
					fl: "id_str,created_at,from_user_name,text,profile_image_url,from_user_id",
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   851
					rows: toload.length
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   852
				}
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   853
			),
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   854
			function(t) {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   855
				var tweets = t.response.docs;
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   856
				tweets.forEach(function(tweet) {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   857
					var timestamp = new Date(tweet.created_at).valueOf() / 1000 - deltaT;
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   858
					requestedtweets[tweet.id_str].data = tweet;
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   859
					requestedtweets[tweet.id_str].status = 2;
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   860
					requestedtweets[tweet.id_str].timestamp = timestamp;
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   861
				});
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   862
				throttledShowTweets();
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   863
				debouncedGetTweetData();
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   864
			});
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   865
		}
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   866
		
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   867
		
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   868
		
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   869
    }
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   870
    
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   871
    debouncedGetTweetData = _(getTweetData).debounce(125);
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   872
    
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   873
    throttledGetTweetIds = _(getTweetIds).throttle(10000);
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   874
    
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   875
    debouncedGetTweetIds = _(throttledGetTweetIds).debounce(125);
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   876
    
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   877
    throttledShowTweets = _(showTweets).throttle(200);
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   878
    
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   879
    function getLocalTweets() {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   880
    	
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   881
    	var topics = Array.prototype.join.call($(".topic.selected").map(function(){return $(this).attr("data-topic-id")})).split(",");
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   882
    	
20
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   883
    	filteredSegments.forEach(function(mmso) {
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   884
    		if (!tweetstructure[mmso.id]) {
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   885
    			tweetstructure[mmso.id] = {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   886
    				mmsoid: mmso.id,
20
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   887
    				mmsoindex: parseInt(mmso.id.replace(/^\w+_/,'')),
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   888
    				status: 0
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   889
    			}
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   890
    		}
20
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   891
    	});
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   892
    	
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   893
    	throttledGetTweetIds();
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   894
    	throttledShowTweets();
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   895
    }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   896
    
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   897
    var throttledGetTweets = _.throttle(getLocalTweets, 500),
20
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   898
    	throttledShowLocal = _.throttle(showLocal, 50);
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   899
    
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   900
    showTopics(sortedTopics);
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   901
    
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   902
    pageParams.selectedtopics.forEach(function(id) {
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   903
    	$(".topic[data-topic-id=" + id + "]").addClass("selected").attr("data-timestamp",++ordertag);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   904
    });
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   905
    
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   906
    var localpos = 300,
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   907
    	localduration = 600;
11
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   908
   	
21
007254e97333 improvements for better code reuse
veltr
parents: 20
diff changeset
   909
   	var player = new Player(typeof tvCoords !== "undefined" ? tvCoords : null);
11
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   910
   	
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   911
   	player.duration = data.duration;
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   912
   	
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   913
   	player.on("play", function() {
18
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   914
   		$(".play-button").attr("title","Pause").addClass("playing");
11
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   915
   	});
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   916
   	player.on("pause", function() {
18
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   917
   		$(".play-button").attr("title","Lecture").removeClass("playing");
11
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   918
   	});
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   919
   	player.on("timeupdate", function(t) {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   920
   		playTime.text(secsToString(t));
19
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
   921
    	if (timelock) {
22
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   922
    		localpos = Math.max(localduration / 2, Math.min(data.duration - localduration / 2, t + localduration / 6));
11
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   923
    	}
20
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   924
    	throttledShowLocal();
11
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   925
   	});
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   926
   	
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   927
   	$(".play-button").click(function() {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   928
   		if (player.paused) {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   929
   			player.play();
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   930
   		} else {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   931
   			player.pause();
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   932
   		}
18
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   933
   		return false;
11
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   934
   	});
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   935
    
18
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   936
    $(".next-button").click(function() {
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   937
    	goToNext();
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   938
    	return false;
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   939
	});
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   940
    
18
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   941
    $(".prev-button").click(function() {
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   942
    	goToPrev();
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   943
    	return false;
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   944
	});
cd85b780f4a5 new buttons + next/prev now based on topics/chapters
veltr
parents: 17
diff changeset
   945
	
19
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
   946
    $(".topics-list").on("mouseenter", ".topic", function() {
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   947
        var el = $(this);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   948
        el.addClass("hover");
20
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   949
        throttledShowLocal();
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   950
    }).on("mouseleave", ".topic", function() {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   951
        $(this).removeClass("hover");
20
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   952
        throttledShowLocal();
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   953
    }).on("click", ".topic", function() {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   954
        var el = $(this);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   955
        $(this).toggleClass("selected");
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   956
        el.attr("data-timestamp", el.hasClass("selected") ? ++ordertag : 999999);
16
9a82fbbf6377 tweet refresh fix
veltr
parents: 14
diff changeset
   957
		throttledGetTweets();
20
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
   958
		throttledShowLocal();
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   959
    });
11
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   960
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   961
	var h = Hammer($(".play-bottom")[0]);
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   962
	
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   963
	var scrollGlobal, isDragging, startPos, startLevel, scaleStep = 1/Math.log(Math.sqrt(2));
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   964
	
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   965
	h.on("tap", function(e) {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   966
		var _o = $(this).offset(),
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   967
			posX = e.gesture.center.pageX - _o.left,
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   968
			posY = e.gesture.center.pageY - _o.top;
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   969
		if (posX < 140) {
19
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
   970
			if (timelock) {
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
   971
    			player.setCurrentTime(Math.max(0, Math.min(data.duration, Math.floor(posY / yscale))));
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
   972
			} else {
22
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
   973
				localpos = Math.max(localduration / 2, Math.min(data.duration - localduration / 2, Math.floor(posY / yscale) + localduration / 6));
19
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
   974
				throttledShowLocal();
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
   975
			}
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   976
		}
11
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   977
	})
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   978
	.on("dragstart", function(e) {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   979
		startPos = localpos;
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   980
		var x = e.gesture.center.pageX - $(this).offset().left;
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   981
		isDragging = (x < 380);
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   982
		scrollGlobal = (x < 140);
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   983
	})
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   984
	.on("drag", function(e) {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   985
		if (isDragging && e.gesture) {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   986
			var delta = Math.floor(e.gesture.deltaY / (scrollGlobal ? yscale : - localyscale));
19
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
   987
			if (timelock) {
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
   988
    			player.setCurrentTime(Math.max(0, Math.min(data.duration, startPos + delta)));
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
   989
			} else {
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
   990
				localpos = Math.max(localduration / 2, Math.min(data.duration - localduration / 2, startPos + delta));
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
   991
				throttledShowLocal();
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
   992
			}
11
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   993
		}
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   994
	})
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   995
	.on("touch", function(e) {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   996
		startLevel = currentlevel;
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   997
	})
12
81a8bb1d872a ipad bugfixes
veltr
parents: 11
diff changeset
   998
	.on("pinchin pinchout", function(e) {
81a8bb1d872a ipad bugfixes
veltr
parents: 11
diff changeset
   999
		var x = e.gesture.center.pageX - $(this).offset().left;
81a8bb1d872a ipad bugfixes
veltr
parents: 11
diff changeset
  1000
		if (x > 380) {
81a8bb1d872a ipad bugfixes
veltr
parents: 11
diff changeset
  1001
			return;
81a8bb1d872a ipad bugfixes
veltr
parents: 11
diff changeset
  1002
		}
81a8bb1d872a ipad bugfixes
veltr
parents: 11
diff changeset
  1003
		var newlevel = Math.max(
81a8bb1d872a ipad bugfixes
veltr
parents: 11
diff changeset
  1004
			0,
81a8bb1d872a ipad bugfixes
veltr
parents: 11
diff changeset
  1005
			Math.min(
81a8bb1d872a ipad bugfixes
veltr
parents: 11
diff changeset
  1006
				zoomlevels.length - 1,
81a8bb1d872a ipad bugfixes
veltr
parents: 11
diff changeset
  1007
				startLevel + Math.round(Math.log(e.gesture.scale)*scaleStep) * (x > 140 ? 1 : -1)
81a8bb1d872a ipad bugfixes
veltr
parents: 11
diff changeset
  1008
			)
81a8bb1d872a ipad bugfixes
veltr
parents: 11
diff changeset
  1009
		);
11
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
  1010
		if (newlevel !== currentlevel) {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
  1011
			currentlevel = newlevel;
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
  1012
			localduration = zoomlevels[currentlevel];
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
  1013
			localpos = Math.max(localduration / 2, Math.min(data.duration - localduration / 2, localpos));
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
  1014
			throttledShowLocal();
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
  1015
		}
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
  1016
	});
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
  1017
   
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1018
    var totalScroll = 0, zoomlevels = [ 1800, 900, 600, 300, 120, 60 ], currentlevel = 2;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1019
    
21
007254e97333 improvements for better code reuse
veltr
parents: 20
diff changeset
  1020
    $(".play-canvas")
007254e97333 improvements for better code reuse
veltr
parents: 20
diff changeset
  1021
    .on("touchstart", function(_e) {
007254e97333 improvements for better code reuse
veltr
parents: 20
diff changeset
  1022
        _e.preventDefault();
007254e97333 improvements for better code reuse
veltr
parents: 20
diff changeset
  1023
    })
11
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
  1024
    .mousedown(function(_e) {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
  1025
    	_e.preventDefault();
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
  1026
    })
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
  1027
    .mousewheel(function(_event, _scrolldelta) {
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1028
    	totalScroll += _scrolldelta;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1029
	    if (Math.abs(totalScroll) >= 1) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1030
	    	var d = (totalScroll > 0 ? 1 : -1),
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1031
	    		newlevel = Math.max(0, Math.min(zoomlevels.length - 1, currentlevel + d));
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1032
    		if (newlevel !== currentlevel) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1033
    			currentlevel = newlevel;
22
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1034
    			var oldduration = localduration;
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1035
    			localduration = zoomlevels[currentlevel];
22
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1036
    			localpos = Math.max(localduration / 2, Math.min(data.duration - localduration / 2, localpos - (oldduration - localduration) / 6 ));
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1037
    			throttledShowLocal();
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1038
    		}
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1039
	        totalScroll = 0;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1040
	    }
11
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
  1041
	    _event.preventDefault();
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
  1042
    });
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
  1043
    
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
  1044
    if (pageParams.keywords && pageParams.keywords.length) {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
  1045
    	$(".keyword-search a").removeClass("placeholder").text(pageParams.keywords.join(", "));
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
  1046
    }
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1047
    
17
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
  1048
    var moveInterval;
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
  1049
    
19
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
  1050
    $(".left-arrow").data("direction", 3);
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
  1051
    $(".right-arrow").data("direction", -3);
17
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
  1052
    
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
  1053
    $(".left-arrow,.right-arrow")
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
  1054
    	.on("mouseenter touchstart", function() {
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
  1055
    		clearInterval(moveInterval);
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
  1056
    		var moveDirection = $(this).data("direction");
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
  1057
    		moveInterval = setInterval(function() {
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
  1058
    			var t = $(".topics-block");
19
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
  1059
    			var newcss =  + moveDirection + parseFloat(t.css("left"));
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
  1060
    			if ((moveDirection > 0 && newcss > 30) || (moveDirection < 0 && newcss < (t.parent().width() - t.children().width() - 30))) {
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
  1061
    				clearInterval(moveInterval);
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
  1062
    				return;
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
  1063
    			}
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
  1064
    			t.css("left", newcss);
17
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
  1065
    		}, 20);
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
  1066
    	})
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
  1067
    	.on("mouseleave touchend", function() {
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
  1068
    		clearInterval(moveInterval);
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
  1069
    	});
22
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1070
    var usersCache = {};
17
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
  1071
    
22
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1072
    function showUserTweets(userid) {
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1073
        var tweets = usersCache[userid];
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1074
		tweets.forEach(function(tweet) {
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1075
			tweet.timestamp = new Date(tweet.created_at).valueOf() / 1000 - deltaT;
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1076
		});
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1077
		tweets = tweets.filter(function(tweet) {
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1078
		    return tweet.timestamp > 0 && tweet.timestamp < data.duration;
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1079
		});
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1080
		tweets.sort(function(a,b) {
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1081
			return a.timestamp - b.timestamp;
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1082
		})
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1083
		var html = tweets.reduce(function(mem, tweet) {
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1084
			return mem + tweetTemplate({
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1085
				timestamp: tweet.timestamp,
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1086
				topic: {topic: -1},
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1087
				weight: 0,
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1088
				data: tweet,
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1089
				htext: _(tweet.text).escape(),
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1090
				show_link: false,
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1091
				show_time: true
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1092
			});
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1093
		},"");
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1094
		$(".user-tweets").show();
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1095
		$(".user-tweets-list").html(html);
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1096
		$(".user-name").text(tweets[0].from_user_name);
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1097
    }
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1098
    
17
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
  1099
    $(".play-localtweets").on("click", "li a", function() {
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
  1100
    	var userid = $(this).attr("data-user-id");
22
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1101
        $(".user-tweets").show();
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1102
        $(".user-tweets-list").html("<li class='loading'>Chargement en cours</li>");
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1103
        $(".user-name").text($(this).parents("li.tweet").find("p a").text().replace(/(^@|:$)/g,""));
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1104
    	if (!usersCache[userid]) {
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1105
    	    usersCache[userid] = [];
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1106
        	$.getJSON(
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1107
    			solrUrl(
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1108
    				"twitter",
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1109
    				{
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1110
    					q: "from_user_id:" + userid,
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1111
    					fl: "id_str,created_at,from_user_name,text,profile_image_url,from_user_id",
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1112
    					rows: 500
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1113
    				}
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1114
    			),
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1115
    			function(t) {
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1116
    				usersCache[userid] = t.response.docs;
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1117
                    showUserTweets(userid);
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1118
    			}
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1119
    		);
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1120
		} else {
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1121
		    showUserTweets(userid);
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1122
		}
17
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
  1123
		return false;
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
  1124
    });
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
  1125
    
22
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1126
    $(".user-tweets").on("click", "li", function() {
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1127
        player.setCurrentTime(parseInt($(this).attr("data-timestamp")));
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1128
        return false;
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1129
    }).on("mouseenter", "li", function() {
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1130
        currentTweetTc = parseInt($(this).attr("data-timestamp"));
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1131
        throttledShowLocal();
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1132
    }).on("mouseleave", "li", function() {
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1133
        currentTweetTc = -1;
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1134
        throttledShowLocal();
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1135
    });
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1136
    
19
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
  1137
    var timelock = true;
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
  1138
    
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
  1139
    $(".lock-button").click(function() {
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
  1140
    	timelock = !timelock;
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
  1141
    	if (timelock) {
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
  1142
    		$(this).addClass("locked").attr("title", "Découpler la lecture et la visualisation");
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
  1143
    	} else {
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
  1144
    		$(this).removeClass("locked").attr("title", "Coupler la lecture et la visualisation");
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
  1145
    	}
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
  1146
    	return false;
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
  1147
    });
685c406c7d8c Changed time lock mode
veltr
parents: 18
diff changeset
  1148
    
22
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1149
    $(window).on("resize", throttledShowLocal);
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1150
    
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1151
    $(".close-user-tweets").click(function() {
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1152
        currentTweetTc = -1;
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1153
        $(".user-tweets").hide();
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1154
        return false;
4e1e66b2fdf1 Various upgrades and bugfixes
veltr
parents: 21
diff changeset
  1155
    })
20
8b0a464fb5ac Changed drawing from SVG to Canvas
veltr
parents: 19
diff changeset
  1156
    
11
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
  1157
    checkOrGoNext();
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1158
}
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1159
21
007254e97333 improvements for better code reuse
veltr
parents: 20
diff changeset
  1160
var data = { topics: [] },
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1161
    colorset = ["#E41A1C", "#377EB8", "#4DAF4A", "#984EA3", "#FF7F00", "#A65628", "#F781BF"];
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1162
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1163
$(function() {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1164
	
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1165
	dwr.engine.setErrorHandler(function(a, b) { console.error("DWR", b); });
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1166
    
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1167
    $(".topics-block").draggable({axis:"x"});
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1168
    
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1169
    var loadedSteps = 0,
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1170
        stepsToFullyLoaded = 0;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1171
    
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1172
    function checkIfLoaded() {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1173
        loadedSteps++;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1174
        if (loadedSteps >= stepsToFullyLoaded) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1175
            setTimeout(showData,0);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1176
        }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1177
    }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1178
    
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1179
    function loadJson(url, propname, callback) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1180
        stepsToFullyLoaded++;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1181
        $.getJSON(url, function(d) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1182
            if (callback) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1183
                var res = callback(d);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1184
            } else {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1185
                var res = d;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1186
            }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1187
            if (propname) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1188
                data[propname] = res;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1189
            }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1190
            checkIfLoaded();
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1191
        });
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1192
    }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1193
    
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1194
    function loadFromTopicsBean(method, propname, args, callback) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1195
        stepsToFullyLoaded++;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1196
        var arg = args || [],
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1197
            cb = function(d) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1198
                if (callback) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1199
                    var res = callback(d);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1200
                } else {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1201
                    var res = d;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1202
                }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1203
                if (propname) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1204
                    data[propname] = res;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1205
                }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1206
                checkIfLoaded();
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1207
            }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1208
        arg.push({callback: cb});
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1209
        TopicsBean[method].apply(TopicsBean,arg);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1210
    }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1211
    
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1212
    loadJson("data/minutes.json", "minutes");
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1213
    loadJson("data/5secs.json", "fiveseconds");
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1214
    
14
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1215
    var t = Math.floor(30*Math.random());
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1216
    
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1217
    function pad(n) {
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1218
        var r = n.toString();
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1219
        while (r.length < 2) {
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1220
            r = "0" + r;
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1221
        }
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1222
        return r;
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1223
    }
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1224
        
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1225
    loadJson(
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1226
    	solrUrl(
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1227
    		"twitter",
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1228
    		{
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1229
    			q: "created_at:(*\\:*\\:"
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1230
    				+ pad(t)
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1231
    				+ "* OR *\\:*\\:"
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1232
    				+ (30+t)
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1233
    				+ "*)",
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1234
    			group: "true",
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1235
    			"group.field": "created_at",
17
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
  1236
    			"fl": "id_str,created_at,from_user_name,text,profile_image_url,from_user_id",
14
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1237
    			"rows": 800
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1238
    		}
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1239
		),
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1240
		"randomtweets",
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1241
		function(d) {
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1242
			var randtweets = d.grouped.created_at.groups.map(function(g) {
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1243
				var tweet = g.doclist.docs[0];
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1244
				return {
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1245
					topic: { topic: -1, weight: 0 },
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1246
					timestamp: (new Date(tweet.created_at).valueOf() / 1000 - deltaT),
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1247
					data: tweet
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1248
				}
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1249
			});
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1250
			randtweets.sort(function(a,b) {
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1251
				return a.timestamp - b.timestamp;
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1252
			});
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1253
			return randtweets;
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1254
		}
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1255
    )
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
  1256
    
17
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
  1257
    loadJson("data/topiclabels.json", "topiclabels");
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
  1258
    
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1259
    loadJson(
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
  1260
        solrUrl("MMSO", {q: "*:*", fl: "topic*,MMSO_id,multimediaSegment,keywordsFromSocial", rows: 250 }),
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1261
        "segments",
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1262
        function(d) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1263
            return d.response.docs.map(function(mmso) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1264
                var tc = mmso.multimediaSegment.match(/\d+/g),
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1265
                    start = parseInt(tc[0]),
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1266
                    end = parseInt(tc[1]),
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
  1267
                    topics = [],
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
  1268
                    keywords = {};
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
  1269
                
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
  1270
                function getKeywords(field) {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
  1271
                	var keywordtexts = mmso[field].replace(/[{}]/g,'').split(", ");
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
  1272
	                keywordtexts.forEach(function(k) {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
  1273
	                	var t = k.split('='),
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
  1274
	                		s = parseFloat(t[1]),
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
  1275
	                		w = t[0].split(" ");
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
  1276
	            		w.forEach(function(m) {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
  1277
	            			if (m.length > 2) {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
  1278
	            				keywords[m] = s + (keywords[m] || 0);
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
  1279
	            			}
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
  1280
	            		});
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
  1281
	                });
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
  1282
                }
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
  1283
                
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
  1284
                //getKeywords("keywordsFromAudio");
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
  1285
                getKeywords("keywordsFromSocial");
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
  1286
                
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1287
                for (var k in mmso) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1288
                    if (k.substr(0,5) === "topic" && mmso[k] > .01) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1289
                        topics.push({
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1290
                            topic: parseInt(k.substr(5)),
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1291
                            weight: mmso[k]
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1292
                        })
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1293
                    }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1294
                }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1295
                topics.sort(function(a,b) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1296
                    return b.weight - a.weight;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1297
                });
21
007254e97333 improvements for better code reuse
veltr
parents: 20
diff changeset
  1298
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1299
                return {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1300
                    id: mmso.MMSO_id,
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1301
                    start: start,
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1302
                    end: end,
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1303
                    duration: end - start,
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
  1304
                    topics: topics,
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
  1305
                    keywords: keywords
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1306
                }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1307
            }).sort(function(a,b) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1308
                return a.start - b.start;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1309
            });
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1310
        })
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1311
    
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1312
    dwr.engine.setTimeout(60000);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1313
    TopicsBean._path = "http://159.217.144.101:8050/sia-solr/dwr";
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1314
    
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1315
    loadFromTopicsBean("getTopicsNumber",false,false,function(topic_count) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1316
        for (var i = 0; i < topic_count; i++) {
17
8ee8c9ea2a9f Added user tweets
veltr
parents: 16
diff changeset
  1317
            data.topics.push({ index: i, words: [ { word: "(no label)", weight: 1 }] });
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1318
        }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1319
    });
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1320
    
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1321
    
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1322
});