metadataplayer: comparison src/widgets/Polemic.js

Mercurial Mercurial > metadataplayer / comparison

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

src/widgets/Polemic.js

branch	new-model
changeset 1020	198c2b79f5e1
parent 1019	3ab36f402b0c

equal deleted inserted replaced

-:3ab36f402b0c
+:198c2b79f5e1
 en: {
 from_: "from ",
 _to_: " to ",
 _annotations: " annotation(s)"
 }
-};
+}
 IriSP.Widgets.Polemic.prototype.defaults = {
 element_width : 5,
 element_height : 5,
-max_elements: 20,
+max_elements : 15,
 annotation_type : "tweet",
 defaultcolor : "#585858",
 foundcolor : "#fc00ff",
 polemics : [
 {
 "color" : "#036AAE"
 }
 ]
 };
+IriSP.Widgets.Polemic.prototype.onSearch = function(searchString) {
+this.searchString = typeof searchString !== "undefined" ? searchString : '';
+var _found = 0,
+_re = IriSP.Model.regexpFromTextOrArray(searchString, true),
+_this = this;
+this.$tweets.each(function() {
+var _el = IriSP.jQuery(this);
+if (_this.searchString) {
+if (_re.test(_el.attr("tweet-title"))) {
+_el.css({
+"background" : _this.foundcolor,
+"opacity" : 1
+});
+_found++;
+} else {
+_el.css({
+"background" : _el.attr("polemic-color"),
+"opacity" : .3
+});
+}
+} else {
+_el.css({
+"background" : _el.attr("polemic-color"),
+"opacity" : 1
+});
+}
+});
+if (this.searchString) {
+if (_found) {
+this.player.popcorn.trigger("IriSP.search.matchFound");
+} else {
+this.player.popcorn.trigger("IriSP.search.noMatchFound");
+}
+}
+}
 IriSP.Widgets.Polemic.prototype.draw = function() {
-this.onMediaEvent("timeupdate", "onTimeupdate");
+this.bindPopcorn("timeupdate", "onTimeupdate");
 this.$zone = IriSP.jQuery('<div>');
 this.$zone.addClass("Ldt-Polemic");
 this.$.append(this.$zone);
 this.$elapsed = IriSP.jQuery('<div>')
 height: "100%"
 });
 this.$zone.append(this.$elapsed);
-// we don't filter with null duration anymore
 var _slices = [],
 _slice_count = Math.floor( this.width / this.element_width ),
 _duration = this.source.getDuration(),
 _max = 0,
 _list = this.getWidgetAnnotations(),
 _count = 0,
 _res = {
 begin : _begin.toString(),
 end : _end.toString(),
 annotations : _list.filter(function(_annotation) {
-return _annotation.begin >= _begin && _annotation.begin < _end;
+return _annotation.begin >= _begin && _annotation.end < _end;
 }),
 polemicStacks : []
-};
+}
 for (var _j = 0; _j < this.polemics.length; _j++) {
 var _polemic = _res.annotations.searchByDescription(this.polemics[_j].keywords);
 _count += _polemic.length;
 _res.polemicStacks.push(_polemic);
 var _x = 0;
 function displayAnnotation(_elx, _ely, _pol, _col, _annotation) {
 var _html = Mustache.to_html(
-'<div class="Ldt-Polemic-TweetDiv Ldt-TraceMe" trace-info="annotation-id:{{id}}, media-id:{{media_id}}, polemic:{{polemic}}, time:{{time}}" polemic-color="{{color}}"'
+'<div class="Ldt-Polemic-TweetDiv Ldt-TraceMe" trace-info="annotation-id:{{id}}, media-id={{media_id}}, polemic={{polemic}}" polemic-color="{{color}}"'
 + ' tweet-title="{{title}}" annotation-id="{{id}}" style="width: {{width}}px; height: {{height}}px; top: {{top}}px; left: {{left}}px; background: {{color}}"></div>',
 {
 id: _annotation.id,
 media_id: _this.source.currentMedia.id,
 polemic: _pol,
 left: _elx,
 top: _ely,
 color: _col,
 width: (_this.element_width-1),
 height: _this.element_height,
-title: _annotation.title,
+title: _annotation.title
-time: _annotation.begin.toString()
 });
 var _el = IriSP.jQuery(_html);
 _el.mouseover(function() {
 _annotation.trigger("select");
 }).mouseout(function() {
 _annotation.trigger("unselect");
 }).click(function() {
-_annotation.trigger("click");
+_this.player.popcorn.trigger("IriSP.Mediafragment.setHashToAnnotation", _annotation.id);
-return false;
+_this.player.popcorn.trigger("IriSP.Tweet.show", _annotation.id);
 });
-IriSP.attachDndData(_el, {
-	title: _annotation.title,
-	description: _annotation.description,
-	image: _annotation.thumbnail,
-	uri: (typeof _annotation.url !== "undefined"
-		                ? _annotation.url
-		                : (document.location.href.replace(/#.*$/,'') + '#id='  + _annotation.id))
-});
-	// test if annotation has several colors.
-	var colAr = [];
-	for (var _j = 0; _j < _this.polemics.length; _j++) {
-		if( IriSP.Model.regexpFromTextOrArray( _this.polemics[_j].keywords ).test( _annotation.title ) ){
-			colAr.push(_this.polemics[_j].color);
-		}
-}
-	// display annotation
 _annotation.on("select", function() {
-if (_this.tooltip) {
+_this.tooltip.show(
-_this.tooltip.show(
+Math.floor(_elx + (_this.element_width - 1) / 2),
-+ Math.floor(_elx + (_this.element_width - 1) / 2),
+_ely,
-+ _ely,
+_annotation.title,
-_annotation.title,
+_col
-( (colAr.length>1) ? colAr : _col )
+);
-);
-}
 _this.$tweets.each(function() {
 var _e = IriSP.jQuery(this);
 _e.css(
 "opacity",
 ( _e.attr("annotation-id") == _annotation.id ? 1 : .3 )
 );
 });
 });
 _annotation.on("unselect", function() {
-if (_this.tooltip) {
+_this.tooltip.hide();
-_this.tooltip.hide();
-}
 _this.$tweets.css("opacity",1);
-});
-_annotation.on("found", function() {
-_el.css({
-"background" : _this.foundcolor,
-"opacity" : 1
-});
-});
-_annotation.on("not-found", function() {
-_el.css({
-"background" : _col,
-"opacity" : .3
-});
 });
 _this.$zone.append(_el);
 }
 IriSP._(_slices).forEach(function(_slice) {
 this.$zone.append(_html);
 this.$tweets = this.$.find(".Ldt-Polemic-TweetDiv");
-this.source.getAnnotations().on("search-cleared", function() {
+this.bindPopcorn("IriSP.search", "onSearch");
-_this.$tweets.each(function() {
+this.bindPopcorn("IriSP.search.closed", "onSearch");
-var _el = IriSP.jQuery(this);
+this.bindPopcorn("IriSP.search.cleared", "onSearch");
-_el.css({
-"background" : _el.attr("polemic-color"),
-"opacity" : 1
-});
-});
-});
 } else {
 this.$zone.hide();
 }
 } else {
 }
 IriSP._(_slices).forEach(function(_slice) {
 var _y = _this.height,
 _nums = _slice.annotations.length + "," + IriSP._(_slice.polemicStacks).map(function(_annotations) {
-return _annotations.length;
+return _annotations.length
 }).join(",");
 if (_slice.annotations.length) {
 var _h = Math.ceil(_scale * _slice.annotations.length);
 _y -= _h;
 displayStackElement(_x, _y, _h, _this.defaultcolor, _nums, _slice.begin, _slice.end, "none");
 var _el = IriSP.jQuery(this),
 _nums = _el.attr("annotation-counts").split(","),
 _html = '<p>' + _this.l10n.from_ + _el.attr("begin-time") + _this.l10n._to_ + _el.attr("end-time") + '</p>';
 for (var _i = 0; _i <= _this.polemics.length; _i++) {
 var _color = _i ? _this.polemics[_i - 1].color : _this.defaultcolor;
-_html += '<div class="Ldt-Tooltip-AltColor" style="background: ' + _color + '"></div><p>' + _nums[_i] + _this.l10n._annotations + '</p>';
+_html += '<div class="Ldt-Tooltip-Color" style="background: ' + _color + '"></div><p>' + _nums[_i] + _this.l10n._annotations + '</p>'
 }
-if (_this.tooltip) {
+_this.tooltip.show(_el.attr("pos-x"), _el.attr("pos-y"), _html);
-_this.tooltip.show(+ _el.attr("pos-x"), + _el.attr("pos-y"), _html);
-}
 })
 .mouseout(function() {
-if (_this.tooltip) {
+_this.tooltip.hide();
-_this.tooltip.hide();
+})
-}
-});
+}
-};
 this.$position = IriSP.jQuery('<div>').addClass("Ldt-Polemic-Position");
 this.$zone.append(this.$position);
 this.$zone.click(function(_e) {
 var _x = _e.pageX - _this.$zone.offset().left;
-_this.media.setCurrentTime(_this.media.duration * _x / _this.width);
+_this.player.popcorn.currentTime(_this.source.getDuration().getSeconds() * _x / _this.width);
 });
 this.$.append('<div class="Ldt-Polemic-Tooltip"></div>');
-this.insertSubwidget(
+this.insertSubwidget(this.$.find(".Ldt-Polemic-Tooltip"), "tooltip", { type: "Tooltip" });
-this.$.find(".Ldt-Polemic-Tooltip"),
+}
-{
-type: "Tooltip",
+IriSP.Widgets.Polemic.prototype.onTimeupdate = function() {
-min_x: 0,
+var _x = Math.floor( this.width * this.player.popcorn.currentTime() / this.source.getDuration().getSeconds());
-max_x: this.width
-},
-"tooltip"
-);
-};
-IriSP.Widgets.Polemic.prototype.onTimeupdate = function(_time) {
-var _x = Math.floor( this.width * _time / this.media.duration);
 this.$elapsed.css({
 width:  _x + "px"
 });
 this.$position.css({
 left: _x + "px"
-});
+})
-};
+}

metadataplayer