| author | veltr |
| Tue, 14 May 2013 18:56:16 +0200 | |
| changeset 70 | 7c2a81e5d027 |
| parent 69 | 4265db059697 |
| child 73 | 0519097d6177 |
| permissions | -rw-r--r-- |
| 54 | 1 |
var SECONDS = 1000, |
2 |
MINUTES = 60 * SECONDS, |
|
3 |
HOURS = 60 * MINUTES; |
|
| 30 | 4 |
|
| 54 | 5 |
var config = { |
6 |
partnerCode: 'B00015838755', |
|
7 |
originalDuration: 24 * HOURS, |
|
| 59 | 8 |
vizDuration: 8 * MINUTES, |
| 53 | 9 |
colorIds: { |
10 |
"-2.0": 2, |
|
11 |
"0.5": 0, "1.0": 0, "1.5": 0, "2.0": 0, |
|
12 |
"2.5": 1, "3.0": 1, "3.5": 1, |
|
13 |
"4.0": 2, "4.5": 2, "5.0": 2 |
|
14 |
}, |
|
| 59 | 15 |
movieCount: 10, |
16 |
opinionsPerPage: 100, |
|
| 56 | 17 |
colors: [ "#f62a43", "#f3c000", "#2d9252"], |
| 63 | 18 |
borderColors: [ "#f7788e", "#fdde83", "#3bb767" ], |
| 67 | 19 |
imageUrlBase: 'iri/img/', |
| 62 | 20 |
refreshRate: .25 * SECONDS, |
| 56 | 21 |
columnSpacing: 40, |
22 |
columnWidth: 150, |
|
| 62 | 23 |
tokenHeight: 16, |
| 63 | 24 |
fallSpeed: 4, |
25 |
disappearAfter: 4 * SECONDS |
|
| 28 | 26 |
} |
27 |
||
| 54 | 28 |
$(function() { |
29 |
|
|
| 56 | 30 |
var originalStart = Date.now() - config.originalDuration, |
| 54 | 31 |
timeScale = config.vizDuration / config.originalDuration, |
32 |
movies, |
|
33 |
moviesToLoad, |
|
34 |
opinions = [], |
|
| 56 | 35 |
loadTime = Date.now(), |
36 |
clockInterval, |
|
37 |
tzDelta = 0, |
|
38 |
tzSuffix = 'Z'; |
|
| 63 | 39 |
|
40 |
|
|
41 |
// Add Patterns |
|
42 |
var xml = '<svg style="position: absolute;" width="1" height="1"><defs>' |
|
| 67 | 43 |
+ _.range(3).map(function(i) { |
| 63 | 44 |
return '<pattern id="pattern_' |
45 |
+ i |
|
| 67 | 46 |
+ '" x="0" y="0" width="3" height="3" patternUnits="userSpaceOnUse"><image x="0" y="0" width="3" height="3" xlink:href="' |
47 |
+ config.imageUrlBase |
|
48 |
+ 'pattern-' |
|
49 |
+ i |
|
50 |
+ '.png" /></pattern>'; |
|
| 63 | 51 |
}).join("") |
52 |
+ '</defs></svg>'; |
|
53 |
$("body").append(xml); |
|
| 54 | 54 |
|
55 |
function resizeTimer() { |
|
| 64 | 56 |
var w = Math.max(80, $(window).width() - 158), |
| 54 | 57 |
n = Math.min(12, Math.floor(w / 80)); |
58 |
$('.timer-bar').width(w); |
|
59 |
var html = ''; |
|
60 |
for (var k = 0; k < n + 1; k++) { |
|
61 |
html += '<li style="left:' |
|
62 |
+ Math.floor(k * w / n) |
|
63 |
+ 'px;">' |
|
| 55 | 64 |
+ new Date(originalStart + k * config.originalDuration / n).toTimeString().substr(0,5) |
| 54 | 65 |
+ '</li>'; |
66 |
} |
|
67 |
$('.hours').html(html); |
|
68 |
} |
|
69 |
|
|
70 |
resizeTimer(); |
|
71 |
$(window).resize(resizeTimer); |
|
72 |
|
|
73 |
var vsHeight = $(window).height() - $('footer').height() - $('header').height() - 300, |
|
| 56 | 74 |
vsWidth = config.movieCount * (config.columnWidth + config.columnSpacing); |
| 54 | 75 |
|
| 64 | 76 |
$("#data-viz").css({ |
77 |
height: vsHeight, |
|
78 |
width: vsWidth |
|
79 |
}); |
|
| 54 | 80 |
$('.posters').css('width', vsWidth); |
81 |
|
|
| 64 | 82 |
var timeAtPause = 0, paused = true, timeStart; |
| 62 | 83 |
|
84 |
function currentVizTime() { |
|
85 |
if (paused) { |
|
86 |
return timeAtPause; |
|
87 |
} else { |
|
88 |
return new Date().valueOf() - timeStart; |
|
89 |
} |
|
90 |
} |
|
91 |
|
|
92 |
function vizTimeToOriginalTime(t) { |
|
93 |
return originalStart + t / timeScale; |
|
94 |
} |
|
95 |
|
|
96 |
function originalTimeToVizTime(t) { |
|
97 |
return (t - originalStart) * timeScale; |
|
98 |
} |
|
99 |
|
|
100 |
function play() { |
|
101 |
if (!paused) { |
|
102 |
return; |
|
103 |
} |
|
| 64 | 104 |
timeStart = Date.now() - timeAtPause; |
| 62 | 105 |
paused = false; |
| 64 | 106 |
$(".play-pause").removeClass("play").addClass("pause").attr("title", "Pause"); |
| 62 | 107 |
} |
108 |
|
|
109 |
function pause() { |
|
110 |
if (paused) { |
|
111 |
return; |
|
112 |
} |
|
113 |
timeAtPause = currentVizTime(); |
|
114 |
paused = true; |
|
| 64 | 115 |
$(".play-pause").removeClass("pause").addClass("play").attr("title", "Lecture"); |
| 62 | 116 |
} |
117 |
|
|
118 |
$(".play-pause").click(function() { |
|
119 |
if (paused) { |
|
120 |
play(); |
|
121 |
} else { |
|
122 |
pause(); |
|
123 |
} |
|
124 |
}); |
|
125 |
|
|
| 64 | 126 |
function agoify(timestamp) { |
127 |
var h = "Il y a ", |
|
128 |
deltaT = Date.now() - timestamp, |
|
129 |
deltaH = Math.round(deltaT / HOURS); |
|
130 |
if (deltaH) { |
|
131 |
h += deltaH + " heure"; |
|
132 |
if (deltaH > 1) { |
|
133 |
h += "s"; |
|
134 |
} |
|
135 |
} else { |
|
136 |
var deltaM = Math.round(deltaT / MINUTES); |
|
137 |
h += deltaM + " minute"; |
|
138 |
if (deltaM > 1) { |
|
139 |
h += "s"; |
|
140 |
} |
|
141 |
} |
|
142 |
return h; |
|
143 |
} |
|
144 |
|
|
145 |
var opinionTemplate = _.template( |
|
146 |
'<div class="comment-content clearfix action-<%- actiontype %>">' |
|
147 |
+ '<div class="avatar"><img src="<%- avatar %>" alt="Avatar" /></div>' |
|
148 |
+ '<div class="comment-right">' |
|
149 |
+ '<div class="comment-metadata">' |
|
150 |
+ '<span class="username"><%- username %> </span>' |
|
151 |
+ ' <span class="date"> <%- ago %></span>' |
|
152 |
+ '<ul class="stars-rating rate-<%- ratevalue %>">' |
|
153 |
+ '<li></li><li></li><li></li><li></li><li></li>' |
|
154 |
+ '</ul>' |
|
155 |
+ '</div>' |
|
156 |
+ '<p class="review-content"><%- content %></p>' |
|
157 |
+ '</div>' |
|
158 |
+ '</div>' |
|
159 |
+ '<div class="comment-arrow"></div>' |
|
160 |
); |
|
161 |
|
|
| 67 | 162 |
var barChart = undefined; |
163 |
|
|
| 54 | 164 |
function startViz() { |
165 |
|
|
| 67 | 166 |
$("#comment").hide(); |
167 |
|
|
168 |
console.log("Start Viz"); |
|
| 64 | 169 |
|
| 67 | 170 |
if (typeof barChart !== "undefined") { |
171 |
console.log("Bar Chart exists"); |
|
172 |
barChart.selectAll("state",1).forEach(function(t) { |
|
173 |
t.flocculate(); |
|
174 |
}); |
|
175 |
} |
|
176 |
|
|
177 |
|
|
178 |
paused = true; |
|
| 62 | 179 |
timeAtPause = 0; |
180 |
|
|
| 54 | 181 |
opinions.sort(function(a,b) { |
182 |
return a._timestamp > b._timestamp; |
|
183 |
}); |
|
| 67 | 184 |
$("#data-viz").html(""); |
| 63 | 185 |
|
186 |
var lastShownToken = null, |
|
187 |
maxData = Math.max.apply(Math, movies.map(function(m) { return m.opinions.length; })), |
|
188 |
aggrHeight = vsHeight - 80, |
|
| 67 | 189 |
aggrScale = aggrHeight / maxData, |
190 |
firstStrataCall = true; |
|
| 63 | 191 |
|
| 54 | 192 |
var barChartSettings = { |
193 |
width : vsWidth, |
|
194 |
height : vsHeight, |
|
195 |
chart : { |
|
| 56 | 196 |
spacer : config.columnSpacing / 2, |
| 59 | 197 |
y: 0, |
198 |
height: vsHeight |
|
199 |
}, |
|
200 |
options : { |
|
| 63 | 201 |
layout: false |
| 54 | 202 |
}, |
203 |
data : { |
|
204 |
model : movies.map(function(movie) { |
|
205 |
return { |
|
206 |
label: movie.title |
|
207 |
}; |
|
208 |
}), |
|
209 |
strata : function() { |
|
| 67 | 210 |
var flocculated = (typeof barChart === "undefined" ? [] : barChart.selectAll("state",2) ); |
211 |
|
|
212 |
if (firstStrataCall) { |
|
213 |
_.defer(function() { |
|
214 |
_.range(3).map(function(colorId) { |
|
215 |
$(".layer_"+colorId).css({ |
|
216 |
fill: "url(#pattern_" +colorId + ")", |
|
217 |
stroke: config.borderColors[colorId] |
|
218 |
}); |
|
| 54 | 219 |
}); |
| 63 | 220 |
}); |
| 67 | 221 |
firstStrataCall = false; |
| 54 | 222 |
} |
223 |
|
|
| 63 | 224 |
var res = movies.map(function(movie, i) { |
| 54 | 225 |
var movieTokens = flocculated.filter(function(t) { |
226 |
return t.attr("movie") === movie.id; |
|
227 |
}); |
|
| 63 | 228 |
var movieHeight = aggrScale * movieTokens.length; |
229 |
movie.poster$.find(".poster-overlay").css("top", -movieHeight); |
|
| 54 | 230 |
return _.range(3).map(function(colorId) { |
231 |
var stratumTokens = movieTokens.filter(function(t) { |
|
232 |
return t.attr("colorId") === colorId; |
|
233 |
}).length; |
|
| 63 | 234 |
movie.poster$.find(".poster-" + colorId).text(stratumTokens); |
| 54 | 235 |
return { |
236 |
value: function() { |
|
237 |
return stratumTokens |
|
238 |
} |
|
239 |
}; |
|
240 |
}); |
|
241 |
}); |
|
242 |
|
|
243 |
return res; |
|
244 |
}, |
|
245 |
stream : { |
|
| 62 | 246 |
provider : "direct" |
247 |
} |
|
| 54 | 248 |
}, |
249 |
sedimentation: { |
|
250 |
token: { |
|
251 |
size: { |
|
252 |
original:12, |
|
253 |
minimum:0 |
|
254 |
} |
|
255 |
}, |
|
256 |
aggregation:{ |
|
| 63 | 257 |
height: aggrHeight, |
258 |
maxData: maxData |
|
| 54 | 259 |
}, |
260 |
suspension:{ |
|
261 |
decay:{ |
|
262 |
power:1.001 |
|
263 |
} |
|
264 |
} |
|
265 |
} |
|
266 |
} |
|
| 56 | 267 |
|
| 62 | 268 |
function onTokenMouseover(token) { |
| 70 | 269 |
$("body").css("cursor", "pointer"); |
270 |
commentDiv.html(opinionTemplate({ |
|
271 |
actiontype: token.attr("actiontype"), |
|
272 |
avatar: token.attr("avatar"), |
|
273 |
username: token.attr("username"), |
|
274 |
ago: agoify(token.attr("timestamp")), |
|
275 |
ratevalue: token.attr("actionvalue"), |
|
276 |
content: token.attr("content") |
|
277 |
})).show(); |
|
278 |
lastShownToken = token; |
|
| 62 | 279 |
} |
280 |
|
|
281 |
function onTokenMouseout(token) { |
|
| 70 | 282 |
if (token === lastShownToken) { |
| 63 | 283 |
$("body").css("cursor", ""); |
| 70 | 284 |
commentDiv.hide(); |
285 |
} |
|
| 62 | 286 |
} |
287 |
|
|
| 65 | 288 |
//console.log(barChartSettings); |
| 56 | 289 |
|
| 67 | 290 |
barChart = $("#data-viz").vs(barChartSettings).data('visualSedimentation'); |
| 59 | 291 |
|
| 63 | 292 |
barChart.world.SetGravity(new barChart.phy.b2Vec2(0,10 * config.fallSpeed)); |
| 64 | 293 |
|
| 59 | 294 |
$(".timer-bar-value").width(0); |
295 |
|
|
| 62 | 296 |
play(); |
297 |
|
|
| 54 | 298 |
clearInterval(clockInterval); |
| 62 | 299 |
|
300 |
var lastTimestamp = 0; |
|
301 |
|
|
| 54 | 302 |
clockInterval = setInterval(function() { |
| 63 | 303 |
|
304 |
if (paused) { |
|
305 |
return; |
|
306 |
} |
|
307 |
|
|
| 62 | 308 |
var vizT = currentVizTime(); |
| 63 | 309 |
|
| 64 | 310 |
var tokensToAdd = opinions.filter(function(o) { |
311 |
return o._viztime > lastTimestamp && o._viztime <= vizT |
|
| 62 | 312 |
}); |
| 63 | 313 |
|
| 64 | 314 |
lastTimestamp = vizT; |
| 62 | 315 |
|
316 |
tokensToAdd.forEach(function(opinion) { |
|
317 |
barChart.addToken({ |
|
318 |
category: opinion._column, |
|
319 |
datetime: opinion.datetime, |
|
320 |
timestamp: opinion._timestamp, |
|
| 64 | 321 |
viztime: opinion._viztime, |
| 62 | 322 |
movie: opinion._movie, |
323 |
colorId: opinion._colorId, |
|
| 67 | 324 |
//fillStyle: config.colors[opinion._colorId], |
| 64 | 325 |
avatar: opinion._avatar, |
| 62 | 326 |
username: opinion.actor.user.userName, |
327 |
actiontype: opinion.action.type, |
|
328 |
actionvalue: opinion.action.value, |
|
| 64 | 329 |
content: opinion._content.replace(/(^.{320,340})[\s].+$/,'$1…'), |
330 |
//size: 30, |
|
| 63 | 331 |
strokeStyle: config.borderColors[opinion._colorId], |
| 67 | 332 |
texture: { |
333 |
src: config.imageUrlBase + 'pattern-' + opinion._colorId + '.png' |
|
334 |
}, |
|
| 62 | 335 |
shape:{ |
336 |
type:'box', |
|
337 |
width: config.columnWidth / 2 - 1, |
|
338 |
height: config.tokenHeight / 2 |
|
339 |
}, |
|
340 |
callback: { |
|
341 |
mouseover: onTokenMouseover, |
|
342 |
mouseout: onTokenMouseout |
|
343 |
} |
|
344 |
}) |
|
345 |
}); |
|
346 |
|
|
347 |
var deleteT = vizT - config.disappearAfter; |
|
348 |
|
|
349 |
barChart.selectAll("state",1) |
|
350 |
.filter(function(t) { |
|
351 |
return t.attr("viztime") <= deleteT; |
|
352 |
}).forEach(function(t) { |
|
353 |
t.flocculate(); |
|
354 |
}); |
|
355 |
|
|
356 |
if (deleteT > config.vizDuration) { |
|
357 |
pause(); |
|
358 |
} |
|
359 |
|
|
360 |
barChart.strata.update(barChart); |
|
361 |
||
362 |
var w = $('.timer-bar').width() * Math.min(1, vizT / config.vizDuration); |
|
| 59 | 363 |
$(".timer-bar-value").width(w); |
| 63 | 364 |
|
| 62 | 365 |
}, config.refreshRate); |
| 54 | 366 |
} |
367 |
|
|
368 |
function loadMovie(movie) { |
|
369 |
$.getJSON( |
|
370 |
"http://api.allocine.fr/rest/v3/opinionlist", |
|
371 |
{ |
|
372 |
partner: config.partnerCode, |
|
373 |
format: "json", |
|
374 |
subject: "movie:" + movie.id, |
|
375 |
count: config.opinionsPerPage, |
|
376 |
refresh: refreshtoken(), |
|
377 |
page: movie.opinionPage |
|
378 |
}, |
|
379 |
function(d) { |
|
380 |
if (d.feed && d.feed.activity) { |
|
381 |
var tokens = d.feed.activity.filter(function(a) { |
|
382 |
return a.action.type !== "notinterested" && a.action.value !== "-3.0"; |
|
383 |
}); |
|
384 |
} else { |
|
385 |
var tokens = []; |
|
386 |
} |
|
387 |
tokens.forEach(function(a) { |
|
388 |
a._colorId = config.colorIds[a.action.value]; |
|
| 56 | 389 |
a._timestamp = Date.parse(a.datetime + tzSuffix) - tzDelta; |
| 64 | 390 |
a._viztime = originalTimeToVizTime(a._timestamp); |
| 54 | 391 |
a._movie = movie.id; |
392 |
a._column = movie.column; |
|
| 69 | 393 |
a._avatar = ((typeof a.actor.user.avatar === "undefined") ? "http://fr.web.img6.acsta.net/r_50_x/commons/emptymedia/AvatarAllocineMr.gif" : resizeAcPicture( a.actor.user.avatar, 50, "x" )); |
| 64 | 394 |
a._content = ( a.action.type === "userreview" ? a.content.$ : (a.action.type === "wanttosee" ? "veut voir ce film." : "" ) ).replace(/[\n\r\s]+/mg,' '); |
| 54 | 395 |
}); |
396 |
var tokcount = tokens.length; |
|
397 |
tokens = tokens.filter(function(a) { |
|
398 |
return a._timestamp >= originalStart; |
|
399 |
}); |
|
400 |
movie.opinions = movie.opinions.concat(tokens); |
|
401 |
opinions = opinions.concat(tokens); |
|
| 67 | 402 |
$("#data-viz h3").append("."); |
| 54 | 403 |
if (tokens.length === tokcount) { |
404 |
console.log("Page " + movie.opinionPage + " of '" + movie.title + "' loaded"); |
|
405 |
movie.opinionPage ++; |
|
406 |
loadMovie(movie); |
|
407 |
} else { |
|
408 |
console.log("Page " + movie.opinionPage + " of '" + movie.title + "' -- total : " + movie.opinions.length + " opinions loaded"); |
|
409 |
moviesToLoad--; |
|
410 |
if (!moviesToLoad) { |
|
| 56 | 411 |
console.log("**** Everything is loaded, in " + (Date.now() - loadTime) / 1000 + " seconds"); |
| 54 | 412 |
startViz(); |
413 |
} |
|
414 |
} |
|
415 |
} |
|
416 |
); |
|
417 |
} |
|
| 59 | 418 |
|
419 |
var acimgserv = 0, acimgservcount = 6; |
|
420 |
|
|
421 |
function resizeAcPicture(pic, w, h) { |
|
422 |
var path = pic.path || pic.href || pic || ""; |
|
| 60 | 423 |
if (/^https?:\/\/[\w\d\.]+\.acsta\.net\//.test(path)) { |
| 59 | 424 |
path = path.replace(/^https?:\/\/[^\/]+/,''); |
425 |
} |
|
| 60 | 426 |
if (path[0] === "/") { |
427 |
return "http://fr.web.img" |
|
428 |
+ ( 1 + (acimgserv++ % acimgservcount)) |
|
429 |
+ ".acsta.net/r_" |
|
430 |
+ w |
|
431 |
+ "_" |
|
432 |
+ h |
|
433 |
+ path; |
|
434 |
} |
|
435 |
return path; |
|
| 59 | 436 |
} |
437 |
|
|
| 54 | 438 |
$.getJSON( |
439 |
"http://api.allocine.fr/rest/v3/movielist", |
|
440 |
{ |
|
441 |
partner: config.partnerCode, |
|
442 |
format: "json", |
|
443 |
filter: "top:week", |
|
444 |
count: config.movieCount, |
|
445 |
refresh: refreshtoken() |
|
446 |
}, |
|
447 |
function(d) { |
|
| 67 | 448 |
$("#data-viz h3").html("Chargement des flux d'opinions<br />"); |
| 54 | 449 |
console.log("Movie List Loaded"); |
| 56 | 450 |
tzDelta = .5 * HOURS * Math.round((Date.parse(d.feed.updated) - loadTime) / (.5 * HOURS)); |
451 |
tzSuffix = d.feed.updated.replace(/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}/,''); |
|
452 |
||
| 60 | 453 |
movies = []; |
454 |
for (var i = 0; i < d.feed.movie.length; i++) { |
|
455 |
var movie = d.feed.movie[i]; |
|
456 |
if (i % 2) { |
|
457 |
movies.push(movie); |
|
458 |
} else { |
|
459 |
movies.splice(0,0,movie); |
|
460 |
} |
|
461 |
} |
|
462 |
movies = movies.map(function(movie, i) { |
|
| 54 | 463 |
return { |
464 |
id: movie.code, |
|
465 |
column: i, |
|
466 |
title: movie.title, |
|
467 |
poster: movie.poster.href, |
|
468 |
opinions: [], |
|
469 |
opinionPage: 1 |
|
| 59 | 470 |
}; |
| 54 | 471 |
}); |
472 |
moviesToLoad = movies.length; |
|
473 |
movies.forEach(loadMovie); |
|
| 64 | 474 |
$('.posters').html(movies.map(function(movie, i) { |
| 63 | 475 |
return '<li class="poster" style=" margin: 0 ' |
| 56 | 476 |
+ Math.floor(config.columnSpacing / 2) |
| 64 | 477 |
+ 'px" data-movie-index="' |
478 |
+ i |
|
479 |
+ '"><img width="150" height="200" src="' |
|
| 59 | 480 |
+ resizeAcPicture(movie.poster,150,200) |
| 54 | 481 |
+ '" alt="' |
482 |
+ movie.title |
|
| 63 | 483 |
+ '" /><div class="poster-overlay"><div class="poster-datainfo">' |
484 |
+ '<ul class="poster-distribution"><li class="poster-2">0</li><li class="poster-1">0</li><li class="poster-0">0</li>' |
|
485 |
+ '</ul></div></div></li>'; |
|
| 54 | 486 |
}).join("")); |
| 63 | 487 |
|
488 |
$(".poster") |
|
| 64 | 489 |
.click(function() { |
490 |
$("#comment-modal").modal({ |
|
491 |
containerCss: { |
|
492 |
height: $(window).height()-200, |
|
493 |
width: Math.min($(window).width()-200, 640) |
|
494 |
}, |
|
495 |
overlayClose: true |
|
496 |
}); |
|
497 |
var vizT = currentVizTime(), |
|
498 |
movie = movies[$(this).attr("data-movie-index")], |
|
499 |
opsToShow = movie.opinions.filter(function(o) { |
|
500 |
return o._viztime <= vizT; |
|
501 |
}); |
|
502 |
$(".comment-count").text(opsToShow.length); |
|
503 |
$(".comment-subject").text(movie.title); |
|
504 |
$(".comment-start").text(new Date(originalStart).toTimeString().substr(0,5)); |
|
505 |
$(".comment-end").text(new Date(vizTimeToOriginalTime(vizT)).toTimeString().substr(0,5)); |
|
506 |
$(".comment-list").html(opsToShow.map(function(o) { |
|
507 |
return opinionTemplate({ |
|
508 |
actiontype: o.action.type, |
|
509 |
avatar: o._avatar, |
|
510 |
username: o.actor.user.userName, |
|
511 |
ago: agoify(o._timestamp), |
|
512 |
ratevalue: o.action.value, |
|
513 |
content: o._content |
|
514 |
}); |
|
515 |
}).join("")) |
|
516 |
.mCustomScrollbar({ |
|
517 |
autoDraggerLength:false, |
|
518 |
scrollButtons:{ |
|
519 |
enable:false |
|
520 |
} |
|
521 |
}); |
|
522 |
return false; |
|
523 |
}) |
|
| 63 | 524 |
.each(function(i) { |
525 |
movies[i].poster$ = $(this); |
|
526 |
}); |
|
| 54 | 527 |
} |
528 |
); |
|
529 |
|
|
530 |
function refreshtoken() { |
|
| 56 | 531 |
return Math.floor(0x100000000 * Math.random()).toString(16) + "-" + (Date.now() % 0x100000000).toString(16); |
| 54 | 532 |
} |
533 |
|
|
| 62 | 534 |
$(".restart").click(function() { |
| 54 | 535 |
startViz(); |
536 |
return false; |
|
| 60 | 537 |
}); |
538 |
|
|
539 |
var commentDiv = $("#comment"); |
|
540 |
|
|
541 |
$("#data-viz").mousemove(_.throttle(function(e) { |
|
542 |
commentDiv |
|
543 |
.css({ |
|
544 |
left: e.pageX, |
|
| 62 | 545 |
top: e.pageY + 2 |
| 60 | 546 |
}) |
| 67 | 547 |
.removeClass("left right").addClass(e.pageX < $(window).width() / 2 ? "left" : "right"); |
| 60 | 548 |
}, 50)); |
|
49
531a593a0294
update buzz : integration crew comment arrow and half star (rating)
Anthony Ly <anthonyly.com@gmail.com>
parents:
42
diff
changeset
|
549 |
|
| 54 | 550 |
}); |