metadataplayer: src/widgets/Slider.js@43629caa77bc (annotated)

Mercurial Mercurial > metadataplayer / annotate

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

src/widgets/Slider.js

author	veltr
	Mon, 23 Apr 2012 19:11:08 +0200
branch	new-model
changeset 875	43629caa77bc
parent 874	src/js/widgets/sliderWidget.js@38b65761a7d5
child 880	4c7b33bf2795
permissions	-rw-r--r--

Big refactoring of widget files + started migration of segmentwidget

874 38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	1	/*
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	2	The Slider Widget fits right under the video
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	3	*/
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	4
875 43629caa77bc Big refactoring of widget files + started migration of segmentwidget veltr parents: 874 diff changeset	5	IriSP.Widgets.Slider = function(player, config) {
43629caa77bc Big refactoring of widget files + started migration of segmentwidget veltr parents: 874 diff changeset	6	IriSP.Widgets.Widget.call(this, player, config);
874 38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	7	this.bindPopcorn("timeupdate","onTimeupdate");
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	8	this.bindPopcorn("IriSP.PlayerWidget.MouseOver","onMouseover");
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	9	this.bindPopcorn("IriSP.PlayerWidget.MouseOut","onMouseout");
289 c0e399fbf3fb due to a np++ crash, some files where created in with windows line endings. hamidouk parents: 260 diff changeset	10	};
c0e399fbf3fb due to a np++ crash, some files where created in with windows line endings. hamidouk parents: 260 diff changeset	11
875 43629caa77bc Big refactoring of widget files + started migration of segmentwidget veltr parents: 874 diff changeset	12	IriSP.Widgets.Slider.prototype = new IriSP.Widgets.Widget();
289 c0e399fbf3fb due to a np++ crash, some files where created in with windows line endings. hamidouk parents: 260 diff changeset	13
875 43629caa77bc Big refactoring of widget files + started migration of segmentwidget veltr parents: 874 diff changeset	14	IriSP.Widgets.Slider.prototype.defaults = {
43629caa77bc Big refactoring of widget files + started migration of segmentwidget veltr parents: 874 diff changeset	15	minimized_height : 4,
43629caa77bc Big refactoring of widget files + started migration of segmentwidget veltr parents: 874 diff changeset	16	maximized_height : 10,
43629caa77bc Big refactoring of widget files + started migration of segmentwidget veltr parents: 874 diff changeset	17	minimize_timeout : 1500 // time before minimizing slider after mouseout
43629caa77bc Big refactoring of widget files + started migration of segmentwidget veltr parents: 874 diff changeset	18	};
43629caa77bc Big refactoring of widget files + started migration of segmentwidget veltr parents: 874 diff changeset	19
43629caa77bc Big refactoring of widget files + started migration of segmentwidget veltr parents: 874 diff changeset	20	IriSP.Widgets.Slider.prototype.draw = function() {
874 38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	21
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	22	this.$slider = IriSP.jQuery('<div>')
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	23	.addClass("Ldt-Slider")
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	24	.css(this.calculateSliderCss(this.minimized_height));
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	25
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	26	this.$.append(this.$slider);
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	27
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	28	var _this = this;
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	29
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	30	this.$slider.slider({
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	31	range: "min",
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	32	value: 0,
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	33	min: 0,
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	34	max: this.source.getDuration().getSeconds(),
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	35	slide: function(event, ui) {
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	36	_this.player.popcorn.currentTime(ui.value);
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	37	}
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	38	});
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	39
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	40	this.$handle = this.$slider.find('.ui-slider-handle');
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	41
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	42	this.$handle.css(this.calculateHandleCss(this.minimized_height));
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	43
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	44	this.$
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	45	.mouseover(this.functionWrapper("onMouseover"))
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	46	.mouseout(this.functionWrapper("onMouseout"));
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	47
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	48	this.maximized = false;
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	49	this.timeoutId = false;
289 c0e399fbf3fb due to a np++ crash, some files where created in with windows line endings. hamidouk parents: 260 diff changeset	50	};
c0e399fbf3fb due to a np++ crash, some files where created in with windows line endings. hamidouk parents: 260 diff changeset	51
875 43629caa77bc Big refactoring of widget files + started migration of segmentwidget veltr parents: 874 diff changeset	52	IriSP.Widgets.Slider.prototype.onTimeupdate = function() {
874 38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	53	this.$slider.slider("value",this.player.popcorn.currentTime());
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	54	}
289 c0e399fbf3fb due to a np++ crash, some files where created in with windows line endings. hamidouk parents: 260 diff changeset	55
875 43629caa77bc Big refactoring of widget files + started migration of segmentwidget veltr parents: 874 diff changeset	56	IriSP.Widgets.Slider.prototype.onMouseover = function() {
874 38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	57	if (this.timeoutId) {
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	58	window.clearTimeout(this.timeoutId);
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	59	this.timeoutId = false;
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	60	}
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	61	if (!this.maximized) {
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	62	this.animateToHeight(this.maximized_height);
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	63	this.maximized = true;
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	64	}
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	65	}
347 9c55d584d3a9 slider maximization when rolled over now works. hamidouk parents: 332 diff changeset	66
875 43629caa77bc Big refactoring of widget files + started migration of segmentwidget veltr parents: 874 diff changeset	67	IriSP.Widgets.Slider.prototype.onMouseout = function() {
874 38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	68	if (this.timeoutId) {
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	69	window.clearTimeout(this.timeoutId);
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	70	this.timeoutId = false;
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	71	}
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	72	var _this = this;
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	73	this.timeoutId = window.setTimeout(function() {
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	74	if (_this.maximized) {
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	75	_this.animateToHeight(_this.minimized_height);
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	76	_this.maximized = false;
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	77	}
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	78	_this.timeoutId = false;
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	79	}, this.minimize_timeout);
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	80
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	81	}
347 9c55d584d3a9 slider maximization when rolled over now works. hamidouk parents: 332 diff changeset	82
875 43629caa77bc Big refactoring of widget files + started migration of segmentwidget veltr parents: 874 diff changeset	83	IriSP.Widgets.Slider.prototype.animateToHeight = function(_height) {
874 38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	84	this.$slider.stop().animate(
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	85	this.calculateSliderCss(_height),
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	86	500,
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	87	function() {
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	88	IriSP.jQuery(this).css("overflow","visible");
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	89	});
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	90	this.$handle.stop().animate(
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	91	this.calculateHandleCss(_height),
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	92	500,
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	93	function() {
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	94	IriSP.jQuery(this).css("overflow","visible");
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	95	});
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	96	}
289 c0e399fbf3fb due to a np++ crash, some files where created in with windows line endings. hamidouk parents: 260 diff changeset	97
875 43629caa77bc Big refactoring of widget files + started migration of segmentwidget veltr parents: 874 diff changeset	98	IriSP.Widgets.Slider.prototype.calculateSliderCss = function(_size) {
874 38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	99	return {
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	100	height: _size + "px",
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	101	"margin-top": (this.minimized_height - _size) + "px"
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	102	};
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	103	}
838 03b03865eb9b Transferred i18n data to widgets, corrected slider bug, added search in annotationslist veltr parents: 820 diff changeset	104
875 43629caa77bc Big refactoring of widget files + started migration of segmentwidget veltr parents: 874 diff changeset	105	IriSP.Widgets.Slider.prototype.calculateHandleCss = function(_size) {
874 38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	106	return {
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	107	height: (2 + _size) + "px",
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	108	width: (2 + _size) + "px",
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	109	"margin-left": -Math.ceil(2 + _size / 2) + "px"
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	110	}
38b65761a7d5 TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split veltr parents: 842 diff changeset	111	}

metadataplayer