metadataplayer: src/widgets/Segments.js@198c2b79f5e1 (annotated)

Mercurial Mercurial > metadataplayer / annotate

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

src/widgets/Segments.js

author	cavaliet
	Thu, 02 Jan 2014 16:49:20 +0100
branch	new-model
changeset 1020	198c2b79f5e1
parent 1019	3ab36f402b0c
permissions	-rw-r--r--

oups (last commit in bad branch)

937 eb3c442cec50 Added events on annotation for inter widget communication veltr parents: 930 diff changeset	1	// TODO: Trigger IriSP.SegmentsWidget.click
876 03967b6ada7c ArrowWidget, AnnotationWidget veltr parents: 875 diff changeset	2
875 43629caa77bc Big refactoring of widget files + started migration of segmentwidget veltr parents: diff changeset	3	IriSP.Widgets.Segments = function(player, config) {
43629caa77bc Big refactoring of widget files + started migration of segmentwidget veltr parents: diff changeset	4	IriSP.Widgets.Widget.call(this, player, config);
43629caa77bc Big refactoring of widget files + started migration of segmentwidget veltr parents: diff changeset	5	};
43629caa77bc Big refactoring of widget files + started migration of segmentwidget veltr parents: diff changeset	6
43629caa77bc Big refactoring of widget files + started migration of segmentwidget veltr parents: diff changeset	7	IriSP.Widgets.Segments.prototype = new IriSP.Widgets.Widget();
43629caa77bc Big refactoring of widget files + started migration of segmentwidget veltr parents: diff changeset	8
43629caa77bc Big refactoring of widget files + started migration of segmentwidget veltr parents: diff changeset	9	IriSP.Widgets.Segments.prototype.defaults = {
43629caa77bc Big refactoring of widget files + started migration of segmentwidget veltr parents: diff changeset	10	annotation_type : "chap",
43629caa77bc Big refactoring of widget files + started migration of segmentwidget veltr parents: diff changeset	11	colors: ["#1f77b4","#aec7e8","#ff7f0e","#ffbb78","#2ca02c","#98df8a","#d62728","#ff9896","#9467bd","#c5b0d5","#8c564b","#c49c94","#e377c2","#f7b6d2","#7f7f7f","#c7c7c7","#bcbd22","#dbdb8d","#17becf","#9edae5"],
1020 198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	12	height: 10
875 43629caa77bc Big refactoring of widget files + started migration of segmentwidget veltr parents: diff changeset	13	};
43629caa77bc Big refactoring of widget files + started migration of segmentwidget veltr parents: diff changeset	14
43629caa77bc Big refactoring of widget files + started migration of segmentwidget veltr parents: diff changeset	15	IriSP.Widgets.Segments.prototype.template =
937 eb3c442cec50 Added events on annotation for inter widget communication veltr parents: 930 diff changeset	16	'<div class="Ldt-Segments-List"></div>'
924 64c2eaafe5e2 Modifications for LDT-Platform veltr parents: 916 diff changeset	17	+ '<div class="Ldt-Segments-Position"></div>'
64c2eaafe5e2 Modifications for LDT-Platform veltr parents: 916 diff changeset	18	+ '<div class="Ldt-Segments-Tooltip"></div>';
875 43629caa77bc Big refactoring of widget files + started migration of segmentwidget veltr parents: diff changeset	19
937 eb3c442cec50 Added events on annotation for inter widget communication veltr parents: 930 diff changeset	20	IriSP.Widgets.Segments.prototype.annotationTemplate =
1020 198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	21	'<div class="Ldt-Segments-Segment Ldt-TraceMe" trace-info="segment-id:{{id}}, media-id:{{media_id}}" segment-text="{{text}}"'
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	22	+ 'style="left:{{left}}px; width:{{width}}px; background:{{color}}"></div>'
937 eb3c442cec50 Added events on annotation for inter widget communication veltr parents: 930 diff changeset	23
eb3c442cec50 Added events on annotation for inter widget communication veltr parents: 930 diff changeset	24
875 43629caa77bc Big refactoring of widget files + started migration of segmentwidget veltr parents: diff changeset	25	IriSP.Widgets.Segments.prototype.draw = function() {
1020 198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	26	this.bindPopcorn("IriSP.search", "onSearch");
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	27	this.bindPopcorn("IriSP.search.closed", "onSearch");
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	28	this.bindPopcorn("IriSP.search.cleared", "onSearch");
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	29	this.bindPopcorn("timeupdate", "onTimeupdate");
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	30
937 eb3c442cec50 Added events on annotation for inter widget communication veltr parents: 930 diff changeset	31	this.renderTemplate();
eb3c442cec50 Added events on annotation for inter widget communication veltr parents: 930 diff changeset	32
1020 198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	33	var _list = this.getWidgetAnnotations(),
875 43629caa77bc Big refactoring of widget files + started migration of segmentwidget veltr parents: diff changeset	34	_this = this,
1020 198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	35	_scale = this.width / this.source.getDuration();
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	36	this.$.css({
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	37	width : this.width + "px",
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	38	height : (this.height - 2) + "px",
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	39	margin : "1px 0"
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	40	});
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	41	this.list_$ = this.$.find('.Ldt-Segments-List');
937 eb3c442cec50 Added events on annotation for inter widget communication veltr parents: 930 diff changeset	42
eb3c442cec50 Added events on annotation for inter widget communication veltr parents: 930 diff changeset	43	_list.forEach(function(_annotation, _k) {
eb3c442cec50 Added events on annotation for inter widget communication veltr parents: 930 diff changeset	44	var _left = _annotation.begin * _scale,
eb3c442cec50 Added events on annotation for inter widget communication veltr parents: 930 diff changeset	45	_width = ( _annotation.getDuration() ) * _scale,
eb3c442cec50 Added events on annotation for inter widget communication veltr parents: 930 diff changeset	46	_center = Math.floor( _left + _width / 2 ),
eb3c442cec50 Added events on annotation for inter widget communication veltr parents: 930 diff changeset	47	_fulltext = _annotation.title + ( _annotation.description ? ( '<br/>' + _annotation.description ) : '' ),
1020 198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	48	_beginseconds = _annotation.begin.getSeconds();
937 eb3c442cec50 Added events on annotation for inter widget communication veltr parents: 930 diff changeset	49	var _data = {
1020 198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	50	color : ( typeof _annotation.color !== "undefined" && _annotation.color ? _annotation.color : _this.colors[_k % _this.colors.length] ),
937 eb3c442cec50 Added events on annotation for inter widget communication veltr parents: 930 diff changeset	51	text: _fulltext.replace(/(\n\|\r\|\r\n)/mg,' ').replace(/(^.{120,140})[\s].+$/m,'$1…'),
1020 198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	52	left : Math.floor( _left ),
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	53	width : Math.floor( _width ),
937 eb3c442cec50 Added events on annotation for inter widget communication veltr parents: 930 diff changeset	54	id : _annotation.id,
1020 198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	55	media_id : _annotation.getMedia().id
937 eb3c442cec50 Added events on annotation for inter widget communication veltr parents: 930 diff changeset	56	};
eb3c442cec50 Added events on annotation for inter widget communication veltr parents: 930 diff changeset	57	var _html = Mustache.to_html(_this.annotationTemplate, _data),
eb3c442cec50 Added events on annotation for inter widget communication veltr parents: 930 diff changeset	58	_el = IriSP.jQuery(_html);
eb3c442cec50 Added events on annotation for inter widget communication veltr parents: 930 diff changeset	59	_el.mouseover(function() {
eb3c442cec50 Added events on annotation for inter widget communication veltr parents: 930 diff changeset	60	_annotation.trigger("select");
eb3c442cec50 Added events on annotation for inter widget communication veltr parents: 930 diff changeset	61	})
eb3c442cec50 Added events on annotation for inter widget communication veltr parents: 930 diff changeset	62	.mouseout(function() {
eb3c442cec50 Added events on annotation for inter widget communication veltr parents: 930 diff changeset	63	_annotation.trigger("unselect");
eb3c442cec50 Added events on annotation for inter widget communication veltr parents: 930 diff changeset	64	})
eb3c442cec50 Added events on annotation for inter widget communication veltr parents: 930 diff changeset	65	.click(function() {
1020 198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	66	_this.player.popcorn.currentTime(_beginseconds);
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	67	_this.player.popcorn.trigger("IriSP.Mediafragment.setHashToAnnotation", _data.id);
937 eb3c442cec50 Added events on annotation for inter widget communication veltr parents: 930 diff changeset	68	})
1020 198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	69	.appendTo(_this.list_$)
937 eb3c442cec50 Added events on annotation for inter widget communication veltr parents: 930 diff changeset	70	_annotation.on("select", function() {
1020 198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	71	_this.$segments.removeClass("active").addClass("inactive");
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	72	_this.tooltip.show( _center, 0, _data.text, _data.color );
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	73	_el.removeClass("inactive").addClass("active");
937 eb3c442cec50 Added events on annotation for inter widget communication veltr parents: 930 diff changeset	74	});
eb3c442cec50 Added events on annotation for inter widget communication veltr parents: 930 diff changeset	75	_annotation.on("unselect", function() {
1020 198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	76	_this.tooltip.hide();
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	77	_this.$segments.removeClass("inactive active");
937 eb3c442cec50 Added events on annotation for inter widget communication veltr parents: 930 diff changeset	78	});
eb3c442cec50 Added events on annotation for inter widget communication veltr parents: 930 diff changeset	79	});
1020 198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	80	this.insertSubwidget(this.$.find(".Ldt-Segments-Tooltip"), "tooltip", { type: "Tooltip" });
876 03967b6ada7c ArrowWidget, AnnotationWidget veltr parents: 875 diff changeset	81	this.$segments = this.$.find('.Ldt-Segments-Segment');
1020 198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	82	}
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	83
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	84	IriSP.Widgets.Segments.prototype.onSearch = function(searchString) {
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	85	this.searchString = typeof searchString !== "undefined" ? searchString : '';
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	86	var _found = 0,
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	87	_re = IriSP.Model.regexpFromTextOrArray(searchString, true);
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	88	if (this.searchString) {
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	89	this.$segments.each(function() {
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	90	var _el = IriSP.jQuery(this);
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	91	if (_re.test(_el.attr("segment-text"))) {
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	92	_el.removeClass("unfound").addClass("found");
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	93	_found++;
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	94	} else {
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	95	_el.removeClass("found").addClass("unfound");
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	96	}
1019 3ab36f402b0c update widgets after enhance in annotation platform. cavaliet parents: 937 diff changeset	97	});
1020 198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	98	if (_found) {
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	99	this.player.popcorn.trigger("IriSP.search.matchFound");
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	100	} else {
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	101	this.player.popcorn.trigger("IriSP.search.noMatchFound");
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	102	}
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	103	} else {
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	104	this.$segments.removeClass("found unfound");
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	105	}
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	106	}
875 43629caa77bc Big refactoring of widget files + started migration of segmentwidget veltr parents: diff changeset	107
1020 198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	108	IriSP.Widgets.Segments.prototype.onTimeupdate = function() {
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	109	var _x = Math.floor( this.width * this.player.popcorn.currentTime() / this.source.getDuration().getSeconds());
876 03967b6ada7c ArrowWidget, AnnotationWidget veltr parents: 875 diff changeset	110	this.$.find('.Ldt-Segments-Position').css({
03967b6ada7c ArrowWidget, AnnotationWidget veltr parents: 875 diff changeset	111	left: _x + "px"
1020 198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	112	})
198c2b79f5e1 oups (last commit in bad branch) cavaliet parents: 1019 diff changeset	113	}

metadataplayer