29 this.TweetPolemic; |
29 this.TweetPolemic; |
30 this.yMax = this.height; |
30 this.yMax = this.height; |
31 this.PaperSlider; |
31 this.PaperSlider; |
32 this.heightOfChart; |
32 this.heightOfChart; |
33 this.tweets = new Array(); |
33 this.tweets = new Array(); |
|
34 this.svgElements = new Array(); |
34 |
35 |
35 // Make and define the Raphael area |
36 // Make and define the Raphael area |
36 this.paper = Raphael(document.getElementById(this._id), config.width, config.height); |
37 this.paper = Raphael(document.getElementById(this._id), config.width, config.height); |
37 |
38 |
38 }; |
39 }; |
265 if (this.yMax > y) { |
266 if (this.yMax > y) { |
266 this.yMax = y; |
267 this.yMax = y; |
267 } |
268 } |
268 |
269 |
269 var e = this.paper.rect(x, y, frameSize - margin, TweetHeight /* height */).attr({stroke:"#00","stroke-width":0.1, fill: colors[j]}); |
270 var e = this.paper.rect(x, y, frameSize - margin, TweetHeight /* height */).attr({stroke:"#00","stroke-width":0.1, fill: colors[j]}); |
|
271 this.svgElements.push(e); |
|
272 |
270 addEheight += TweetHeight; |
273 addEheight += TweetHeight; |
271 |
274 |
272 e.time= frames[i].mytweetsID[k].timeframe; |
275 e.time= frames[i].mytweetsID[k].timeframe; |
273 e.title= frames[i].mytweetsID[k].title; |
276 e.title= frames[i].mytweetsID[k].title; |
274 |
277 |
291 } |
294 } |
292 } |
295 } |
293 } |
296 } |
294 |
297 |
295 } |
298 } |
296 // DRAW UI :: resize border and bgd |
299 // DRAW UI :: resize border and bgd |
297 var heightOfChart = (this.yMax-(this.height- this.yMax)); |
300 this.paperBackground = this.paper.rect(0, this.yMax, this.width, this.heightmax).attr({fill:"#F8F8F8","stroke-width":0.1,opacity: 1}); |
298 var PaperBackground = this.paper.rect(0, this.yMax, this.width,heightOfChart).attr({fill:"#fff","stroke-width":0.1,opacity: 0.1}); |
301 // var PaperBorder = this.paper.rect(0, this.yMax,this.width,1).attr({fill:"#fff",stroke: "none",opacity: 1}); |
299 var PaperBorder = this.paper.rect(0, this.yMax,this.width,1).attr({fill:"#fff",stroke: "none",opacity: 1}); |
|
300 |
302 |
301 this.paperSlider = this.paper.rect(0, this.yMax, 0, this.heightmax).attr({fill:"#D4D5D5", stroke: "none", opacity: 1}); |
303 this.paperSlider = this.paper.rect(0, this.yMax, 0, this.heightmax).attr({fill:"#D4D5D5", stroke: "none", opacity: 1}); |
302 // decalage |
304 // decalage |
303 tweetSelection = this.paper.rect(-100,-100,5,5).attr({fill:"#fff",stroke: "none",opacity: 1}); |
305 tweetSelection = this.paper.rect(-100,-100,5,5).attr({fill:"#fff",stroke: "none",opacity: 1}); |
304 |
306 |
|
307 |
305 this.paperSlider.toBack(); |
308 this.paperSlider.toBack(); |
306 PaperBackground.toBack(); |
309 this.paperBackground.toBack(); |
307 } |
310 } |
308 |
311 |
309 this._Popcorn.listen("timeupdate", IriSP.wrap(this, this.sliderUpdater)); |
312 this._Popcorn.listen("timeupdate", IriSP.wrap(this, this.sliderUpdater)); |
310 } |
313 } |
311 |
314 |