tweet_live: web/res/metadataplayer/Tooltip.js@ff4b567d51f2 (annotated)

Mercurial Mercurial > tweet_live / annotate

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

web/res/metadataplayer/Tooltip.js

author	Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
	Sun, 15 Feb 2015 00:43:16 +0100
changeset 1198	ff4b567d51f2
parent 765	8cde4d15a173
permissions	-rw-r--r--

upgrade metadataplayer and add annotation creation

598 d366aa22bd79 New Metadataplayer version Raphael Velt <raph.velt@gmail.com> parents: diff changeset	1	/* this widget displays a small tooltip */
694 e9400c80e1e4 Updated Metadataplayer Raphael Velt <raph.velt@gmail.com> parents: 648 diff changeset	2	IriSP.Widgets.Tooltip = function(player, config) {
e9400c80e1e4 Updated Metadataplayer Raphael Velt <raph.velt@gmail.com> parents: 648 diff changeset	3	IriSP.Widgets.Widget.call(this, player, config);
598 d366aa22bd79 New Metadataplayer version Raphael Velt <raph.velt@gmail.com> parents: diff changeset	4	};
d366aa22bd79 New Metadataplayer version Raphael Velt <raph.velt@gmail.com> parents: diff changeset	5
d366aa22bd79 New Metadataplayer version Raphael Velt <raph.velt@gmail.com> parents: diff changeset	6	IriSP.Widgets.Tooltip.prototype = new IriSP.Widgets.Widget();
d366aa22bd79 New Metadataplayer version Raphael Velt <raph.velt@gmail.com> parents: diff changeset	7
755 d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	8	IriSP.Widgets.Tooltip.prototype.defaults = {
d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	9
d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	10	};
d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	11
d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	12	IriSP.Widgets.Tooltip.prototype.template =
d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	13	'<div class="Ldt-Tooltip"><div class="Ldt-Tooltip-Main"><div class="Ldt-Tooltip-Corner-NW"></div>'
d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	14	+ '<div class="Ldt-Tooltip-Border-Top"></div><div class="Ldt-Tooltip-Corner-NE"></div>'
d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	15	+ '<div class="Ldt-Tooltip-Border-Left"></div><div class="Ldt-Tooltip-Border-Right"></div>'
d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	16	+ '<div class="Ldt-Tooltip-Corner-SW"></div><div class="Ldt-Tooltip-Border-SW"></div>'
d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	17	+ '<div class="Ldt-Tooltip-Tip"></div><div class="Ldt-Tooltip-Border-SE"></div>'
d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	18	+ '<div class="Ldt-Tooltip-Corner-SE"></div><div class="Ldt-Tooltip-Inner">'
d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	19	+ '<div class="Ldt-Tooltip-Color"></div><p class="Ldt-Tooltip-Text"></p></div></div></div>';
598 d366aa22bd79 New Metadataplayer version Raphael Velt <raph.velt@gmail.com> parents: diff changeset	20
d366aa22bd79 New Metadataplayer version Raphael Velt <raph.velt@gmail.com> parents: diff changeset	21	IriSP.Widgets.Tooltip.prototype.draw = function() {
d366aa22bd79 New Metadataplayer version Raphael Velt <raph.velt@gmail.com> parents: diff changeset	22	_this = this;
755 d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	23	this.renderTemplate();
598 d366aa22bd79 New Metadataplayer version Raphael Velt <raph.velt@gmail.com> parents: diff changeset	24	this.$.parent().css({
d366aa22bd79 New Metadataplayer version Raphael Velt <raph.velt@gmail.com> parents: diff changeset	25	"position" : "relative"
d366aa22bd79 New Metadataplayer version Raphael Velt <raph.velt@gmail.com> parents: diff changeset	26	});
755 d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	27	this.$tooltip = this.$.find(".Ldt-Tooltip");
d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	28	this.$tip = this.$.find(".Ldt-Tooltip-Tip");
d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	29	this.$sw = this.$.find(".Ldt-Tooltip-Border-SW");
d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	30	this.$se = this.$.find(".Ldt-Tooltip-Border-SE");
1198 ff4b567d51f2 upgrade metadataplayer and add annotation creation Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 765 diff changeset	31	this.__halfWidth = Math.floor(( this.$.find(".Ldt-Tooltip-Main").width() \|\| 192)/2);
755 d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	32	this.__borderWidth = this.$.find(".Ldt-Tooltip-Border-Left").width();
d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	33	this.__tipDelta = this.__halfWidth - Math.floor(this.$tip.width()/2);
d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	34	this.__maxShift = this.__tipDelta - this.__borderWidth;
598 d366aa22bd79 New Metadataplayer version Raphael Velt <raph.velt@gmail.com> parents: diff changeset	35	this.$.mouseover(function() {
755 d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	36	_this.$tooltip.hide();
598 d366aa22bd79 New Metadataplayer version Raphael Velt <raph.velt@gmail.com> parents: diff changeset	37	});
d366aa22bd79 New Metadataplayer version Raphael Velt <raph.velt@gmail.com> parents: diff changeset	38	this.hide();
d366aa22bd79 New Metadataplayer version Raphael Velt <raph.velt@gmail.com> parents: diff changeset	39	};
d366aa22bd79 New Metadataplayer version Raphael Velt <raph.velt@gmail.com> parents: diff changeset	40
d366aa22bd79 New Metadataplayer version Raphael Velt <raph.velt@gmail.com> parents: diff changeset	41	IriSP.Widgets.Tooltip.prototype.show = function(x, y, text, color) {
d366aa22bd79 New Metadataplayer version Raphael Velt <raph.velt@gmail.com> parents: diff changeset	42
d366aa22bd79 New Metadataplayer version Raphael Velt <raph.velt@gmail.com> parents: diff changeset	43	if (typeof color !== "undefined") {
1198 ff4b567d51f2 upgrade metadataplayer and add annotation creation Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 765 diff changeset	44	// one color or array of colors
ff4b567d51f2 upgrade metadataplayer and add annotation creation Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 765 diff changeset	45	if (typeof color === "string") {
ff4b567d51f2 upgrade metadataplayer and add annotation creation Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 765 diff changeset	46	this.$.find(".Ldt-Tooltip-Color").html("");
ff4b567d51f2 upgrade metadataplayer and add annotation creation Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 765 diff changeset	47	this.$.find(".Ldt-Tooltip-Color").show().css("background-color", color);
ff4b567d51f2 upgrade metadataplayer and add annotation creation Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 765 diff changeset	48	this.$.find(".Ldt-Tooltip-Color").show().css("height", "");
ff4b567d51f2 upgrade metadataplayer and add annotation creation Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 765 diff changeset	49	}
ff4b567d51f2 upgrade metadataplayer and add annotation creation Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 765 diff changeset	50	else{
ff4b567d51f2 upgrade metadataplayer and add annotation creation Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 765 diff changeset	51	var d = this.$.find(".Ldt-Tooltip-Color");
ff4b567d51f2 upgrade metadataplayer and add annotation creation Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 765 diff changeset	52	d.html("");
ff4b567d51f2 upgrade metadataplayer and add annotation creation Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 765 diff changeset	53	d.show();
ff4b567d51f2 upgrade metadataplayer and add annotation creation Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 765 diff changeset	54	for(var i=0; i<color.length; i++){
ff4b567d51f2 upgrade metadataplayer and add annotation creation Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 765 diff changeset	55	d.append('<div style="float: left; height: 10px; width: 10px; background-color: ' + color[i] + '">')
ff4b567d51f2 upgrade metadataplayer and add annotation creation Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 765 diff changeset	56	}
ff4b567d51f2 upgrade metadataplayer and add annotation creation Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 765 diff changeset	57	this.$.find(".Ldt-Tooltip-Color").css("height", (color.length * 10) + "px");
ff4b567d51f2 upgrade metadataplayer and add annotation creation Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 765 diff changeset	58	}
598 d366aa22bd79 New Metadataplayer version Raphael Velt <raph.velt@gmail.com> parents: diff changeset	59	} else {
d366aa22bd79 New Metadataplayer version Raphael Velt <raph.velt@gmail.com> parents: diff changeset	60	this.$.find(".Ldt-Tooltip-Color").hide();
d366aa22bd79 New Metadataplayer version Raphael Velt <raph.velt@gmail.com> parents: diff changeset	61	}
d366aa22bd79 New Metadataplayer version Raphael Velt <raph.velt@gmail.com> parents: diff changeset	62
d366aa22bd79 New Metadataplayer version Raphael Velt <raph.velt@gmail.com> parents: diff changeset	63	this.$.find(".Ldt-Tooltip-Text").html(text);
d366aa22bd79 New Metadataplayer version Raphael Velt <raph.velt@gmail.com> parents: diff changeset	64
755 d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	65	this.$tooltip.show();
d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	66
d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	67	var shift = 0;
d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	68
d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	69	if (typeof this.min_x !== "undefined" && (x - this.__halfWidth < this.min_x)) {
d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	70	shift = Math.max(x - this.__halfWidth - this.min_x, - this.__maxShift);
d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	71	}
d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	72
765 8cde4d15a173 Update Metadataplayer Raphael Velt <raph.velt@gmail.com> parents: 755 diff changeset	73	if (typeof this.max_x !== "undefined" && (+x + this.__halfWidth > this.max_x)) {
8cde4d15a173 Update Metadataplayer Raphael Velt <raph.velt@gmail.com> parents: 755 diff changeset	74	shift = Math.min(+ x + this.__halfWidth - this.max_x, this.__maxShift);
755 d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	75	}
d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	76
d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	77	this.$tooltip.css({
d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	78	"left" : (x - shift) + "px",
d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	79	"top" : y + "px"
d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	80	});
598 d366aa22bd79 New Metadataplayer version Raphael Velt <raph.velt@gmail.com> parents: diff changeset	81	this.$tip.css({
755 d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	82	"left": (this.__tipDelta + shift) + "px"
d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	83	});
d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	84	this.$sw.css({
d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	85	"width": (this.__tipDelta + shift - this.__borderWidth) + "px"
d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	86	});
d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	87	this.$se.css({
d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	88	"width": (this.__tipDelta - shift - this.__borderWidth) + "px"
598 d366aa22bd79 New Metadataplayer version Raphael Velt <raph.velt@gmail.com> parents: diff changeset	89	});
d366aa22bd79 New Metadataplayer version Raphael Velt <raph.velt@gmail.com> parents: diff changeset	90	};
d366aa22bd79 New Metadataplayer version Raphael Velt <raph.velt@gmail.com> parents: diff changeset	91
d366aa22bd79 New Metadataplayer version Raphael Velt <raph.velt@gmail.com> parents: diff changeset	92	IriSP.Widgets.Tooltip.prototype.hide = function() {
755 d50aeed9a54b Update Tooltip Raphael Velt <raph.velt@gmail.com> parents: 694 diff changeset	93	this.$tooltip.hide();
598 d366aa22bd79 New Metadataplayer version Raphael Velt <raph.velt@gmail.com> parents: diff changeset	94	};

tweet_live