33 this.tweets = new Array(); |
33 this.tweets = new Array(); |
34 this.svgElements = new Array(); |
34 this.svgElements = new Array(); |
35 |
35 |
36 // Make and define the Raphael area |
36 // Make and define the Raphael area |
37 this.paper = Raphael(document.getElementById(this._id), config.width, config.height); |
37 this.paper = Raphael(document.getElementById(this._id), config.width, config.height); |
|
38 console.log(config.height); |
38 }; |
39 }; |
39 |
40 |
40 IriSP.PolemicWidget.prototype = new IriSP.Widget(); |
41 IriSP.PolemicWidget.prototype = new IriSP.Widget(); |
41 |
42 |
42 IriSP.PolemicWidget.prototype.draw = function() { |
43 IriSP.PolemicWidget.prototype.draw = function() { |
298 } |
299 } |
299 |
300 |
300 } |
301 } |
301 // DRAW UI :: resize border and bgd |
302 // DRAW UI :: resize border and bgd |
302 this.paperBackground = this.paper.rect(0, 0, this.width, this.heightmax).attr({fill:"#F8F8F8","stroke-width":0.1,opacity: 1}); |
303 this.paperBackground = this.paper.rect(0, 0, this.width, this.heightmax).attr({fill:"#F8F8F8","stroke-width":0.1,opacity: 1}); |
303 // var PaperBorder = this.paper.rect(0, this.yMax,this.width,1).attr({fill:"#fff",stroke: "none",opacity: 1}); |
304 |
304 |
305 // outer borders |
|
306 this.outerBorders = []; |
|
307 this.outerBorders.push(this.paper.rect(0, this.height - 1, this.width, 1).attr({fill:"#ababab",stroke: "none",opacity: 1})); |
|
308 this.outerBorders.push(this.paper.rect(0, 0, this.width, 1).attr({fill:"#ababab",stroke: "none",opacity: 1})); |
|
309 |
|
310 // inner borders |
|
311 this.innerBorders = []; |
|
312 this.innerBorders.push(this.paper.rect(1, this.height - 2, this.width, 1).attr({fill:"#efefef",stroke: "none",opacity: 1})); |
|
313 this.innerBorders.push(this.paper.rect(1, 1, this.width, 1).attr({fill:"#efefef",stroke: "none",opacity: 1})); |
|
314 this.innerBorders.push(this.paper.rect(1, 1, 1, this.height - 2).attr({fill:"#d0d1d1",stroke: "none",opacity: 0.8})); |
|
315 this.innerBorders.push(this.paper.rect(this.width - 2, 1, 1, this.height - 2).attr({fill:"#efefef",stroke: "none",opacity: 1})); |
|
316 |
|
317 |
|
318 |
305 this.paperSlider = this.paper.rect(0, 0, 0, this.heightmax).attr({fill:"#D4D5D5", stroke: "none", opacity: 1}); |
319 this.paperSlider = this.paper.rect(0, 0, 0, this.heightmax).attr({fill:"#D4D5D5", stroke: "none", opacity: 1}); |
306 |
320 |
307 // the small white line displayed over the slider. |
321 // the small white line displayed over the slider. |
308 this.sliderTip = this.paper.rect(0, 0, 1, this.heightmax).attr({fill:"#fc00ff", stroke: "none", opacity: 1}); |
322 this.sliderTip = this.paper.rect(0, 0, 1, this.heightmax).attr({fill:"#fc00ff", stroke: "none", opacity: 1}); |
309 |
|
310 // decalage |
323 // decalage |
311 // tweetSelection = this.paper.rect(-100,-100,5,5).attr({fill:"#fff",stroke: "none",opacity: 1}); |
324 // tweetSelection = this.paper.rect(-100,-100,5,5).attr({fill:"#fff",stroke: "none",opacity: 1}); |
312 |
325 |
313 |
326 |
314 this.paperSlider.toBack(); |
327 this.paperSlider.toBack(); |