MediaWiki:Common.js - Revision history

Darvil at 03:06, 22 September 2011

2011-09-22T03:06:42Z

Darvil at 05:17, 23 August 2011

2011-08-23T05:17:16Z

Darvil at 07:32, 22 August 2011

2011-08-22T07:32:13Z

Darvil at 06:00, 5 August 2011

2011-08-05T06:00:59Z

Darvil at 02:23, 1 August 2011

2011-08-01T02:23:03Z

Darvil at 03:17, 25 July 2011

2011-07-25T03:17:16Z

Darvil at 01:45, 25 July 2011

2011-07-25T01:45:51Z

Darvil at 01:45, 25 July 2011

2011-07-25T01:45:30Z

Darvil at 01:18, 25 July 2011

2011-07-25T01:18:25Z

Darvil at 01:15, 25 July 2011

2011-07-25T01:15:57Z

@@ Line 12: / Line 12: @@
 	ratio:      function(id) { return(_asianfuse.container(id_num).height() / _asianfuse.embed(id_num).height()); },
 	is_maximized: function(id) {
-		return parseInt(this.container(id).height()) == (this.maxHeight * this.ratio(id)) && parseInt(this.container(id).width()) == parseInt(_asianfuse.maxWidth);
+		return parseInt(this.container(id).height()) == parseInt(this.maxHeight * this.ratio(id)) && parseInt(this.container(id).width()) == parseInt(_asianfuse.maxWidth);
+	}
+}

@@ Line 56: / Line 56: @@
 		if( _asianfuse.is_maximized(id_num) ) {
 			_asianfuse.restore(id_num).hide();
 			_asianfuse.embed(id_num).width(_asianfuse.cache[id_num].embed_width + 'px');
-		_asianfuse.embed(id_num).height(_asianfuse.cache[id_num].embed_height + 'px');
+			_asianfuse.embed(id_num).height(_asianfuse.cache[id_num].embed_height + 'px');
 			_asianfuse.container(id_num).width(_asianfuse.cache[id_num].container_width + 'px');

@@ Line 4: / Line 4: @@
 	maxWidth: 425,
 	maxHeight: 350,
-	containers: [],
+	cache: {},
-	embeds: [],
+	flowplayers: {},
 	restores: [],
 	container:  function(id){ return(jQuery('#af-media-embed-container_' + id)); },
-	embed:      function(id){ return(jQuery('#af-media-embed_' + id));           },
+	embed:      function(id){ return(jQuery('#af-media-href_' + id).length ? jQuery('#af-media-href_' + id) : jQuery('#af-media-embed_' + id)); },
 	restore:    function(id){ return(jQuery('#af-media-restore_' + id));         },
 	ratio:      function(id) { return(_asianfuse.container(id_num).height() / _asianfuse.embed(id_num).height()); },
@@ Line 20: / Line 20: @@
 		id_num = this.id.split('_', 2)[1]
-		_asianfuse.containers[id_num] = { height: _asianfuse.container(id_num).height(), width: _asianfuse.container(id_num).width(), ratio: _asianfuse.ratio(id_num) }
+		_asianfuse.cache[id_num] = {
-		_asianfuse.embeds[id_num]     = { height: _asianfuse.embed(id_num).height(),     width: _asianfuse.embed(id_num).width()     }
+			container_height: _asianfuse.container(id_num).height(),
 	});
+}
@@ Line 31: / Line 35: @@
 		if( e.which != 1 || _asianfuse.is_maximized(id_num) ) { return; }
 		_asianfuse.container(id_num).width(_asianfuse.maxWidth + 'px');
-		_asianfuse.container(id_num).height((_asianfuse.maxHeight * _asianfuse.containers[id_num].ratio) + 'px');
+		_asianfuse.container(id_num).height((_asianfuse.maxHeight * _asianfuse.cache[id_num].container_ratio) + 'px');
 		_asianfuse.embed(id_num).width(_asianfuse.maxWidth + 'px');
@@ Line 42: / Line 45: @@
 		_asianfuse.restore(id_num).width((_asianfuse.maxWidth * 0.98) + 'px');
 		_asianfuse.restore(id_num).show();
 	});
+}
@@ Line 51: / Line 57: @@
 		if( _asianfuse.is_maximized(id_num) ) {
 			_asianfuse.restore(id_num).hide();
-			_asianfuse.embed(id_num).width(_asianfuse.embeds[id_num].width + 'px');
+			_asianfuse.embed(id_num).width(_asianfuse.cache[id_num].embed_width + 'px');
-			_asianfuse.embed(id_num).height(_asianfuse.embeds[id_num].height + 'px');
+		_asianfuse.embed(id_num).height(_asianfuse.cache[id_num].embed_height + 'px');
-			_asianfuse.container(id_num).width(_asianfuse.containers[id_num].width + 'px');
+			_asianfuse.container(id_num).width(_asianfuse.cache[id_num].container_width + 'px');
-			_asianfuse.container(id_num).height(_asianfuse.containers[id_num].height + 'px');
+			_asianfuse.container(id_num).height(_asianfuse.cache[id_num].container_height + 'px');
+		}
 	});
@@ Line 65: / Line 71: @@
 	setRestoreEvents();
+}
 addOnloadHook( initAsianFuseVideoPanels );

@@ Line 1: / Line 1: @@
 /* Any JavaScript here will be loaded for all users on every page load. */
-video_panel = function(id, cfg) {
+function setDefaults() {
-	this.config       = cfg
+	jQuery('.afv').each(function(i, el) {
-	this.container    = jQuery('#af-media-embed-container_' + id)
+		id_num = this.id.split('_', 2)[1]
-	this.maximize     = function(e) {
+		_asianfuse.containers[id_num] = { height: _asianfuse.container(id_num).height(), width: _asianfuse.container(id_num).width(), ratio: _asianfuse.ratio(id_num) }
-		if( e.button != 0 && this.is_maximized() ) { return; }
+		_asianfuse.embeds[id_num]     = { height: _asianfuse.embed(id_num).height(),     width: _asianfuse.embed(id_num).width()     }
-		this.container.width(this.config.maxWidth + 'px');
+	});
-		this.embedded.width(this.config.maxWidth + 'px');
-		this.embedded.height(this.config.maxHeight + 'px');
 		// Reset the width relative to the width of the embedded video,
 		// because we cannot count on it's parent element's calculated width to cause this to display as expected
-		this.restorer.width((this.config.maxWidth * 0.98) + 'px');
+		_asianfuse.restore(id_num).width((_asianfuse.maxWidth * 0.98) + 'px');
-		this.restorer.show();
+		_asianfuse.restore(id_num).show();
 	});
-	this.minimize     = function() {
-			this.container.width(this.widths.container + 'px')
+function setRestoreEvents() {
-			this.container.height(this.heights.container + 'px')
+	jQuery('div.restore').click(function(e) {
+		id_num = this.id.split('_', 2)[1]
-	this.is_maximized = function() {
+		if( _asianfuse.is_maximized(id_num) ) {
-		o = (this.container.length > 0 ? 'container' : 'embedded');
+			_asianfuse.restore(id_num).hide();
-		return parseInt(this[o].height()) == parseInt(this.config.maxHeight + (this.container.length > 0 ? 45 : 0)) &&
+			_asianfuse.embed(id_num).width(_asianfuse.embeds[id_num].width + 'px');
-		       parseInt(this[o].width())  == parseInt(this.config.maxWidth);
+			_asianfuse.embed(id_num).height(_asianfuse.embeds[id_num].height + 'px');
-// Provide easy access to default values, neatly hidden in a "namespace" that SHOULDN'T conflict with any other environmental variables.
+			_asianfuse.container(id_num).width(_asianfuse.containers[id_num].width + 'px');
-var _asianfuse2 = {
+			_asianfuse.container(id_num).height(_asianfuse.containers[id_num].height + 'px');
-	maxWidth: 425,
-	maxHeight: 350,
+	});
+}
 function initAsianFuseVideoPanels() {
-	jQuery('.afv').each(function(i, el) {
+	setDefaults();
-		id = el.id.split('_', 2)
+	setMouseDownEvents();
-		_asianfuse2.add(id[1], _asianfuse2);
+	setRestoreEvents();
+}
 addOnloadHook( initAsianFuseVideoPanels );

@@ Line 10: / Line 10: @@
 	this.heights      = { container: this.container.height(), embedded: this.embedded.height() }
-	this.maximize     = function() {
+	this.maximize     = function(e) {
-		if( this.is_maximized() ) { return; }
+		if( e.button != 0 && this.is_maximized() ) { return; }
 		this.container.width(this.config.maxWidth + 'px');
 		this.container.height(this.config.maxHeight + 45 + 'px');

← Older revision		Revision as of 03:17, 25 July 2011
Line 59:		Line 59:

	addOnloadHook( initAsianFuseVideoPanels );		addOnloadHook( initAsianFuseVideoPanels );
−
−	~~document.write('~~
−	~~<script type="text/javascript" src="http://asianfuse.tv/flowplayer/dist/flowplayer-3.2.4.min.js"></script>~~
−	~~<link rel="stylesheet" type="text/css" href="http://asianfuse.tv/flowplayer/dist/global.css">~~
−	~~');~~

@@ Line 60: / Line 60: @@
 addOnloadHook( initAsianFuseVideoPanels );
-document.write('<script type="text/javascript" src="http://asianfuse.tv/flowplayer/dist/flowplayer-3.2.4.min.js"></script>
+document.write('
-<link rel="stylesheet" type="text/css" href="http://asianfuse.tv/flowplayer/dist/global.css">');
+<script type="text/javascript" src="http://asianfuse.tv/flowplayer/dist/flowplayer-3.2.4.min.js"></script>

← Older revision		Revision as of 01:45, 25 July 2011
Line 59:		Line 59:

	addOnloadHook( initAsianFuseVideoPanels );		addOnloadHook( initAsianFuseVideoPanels );
		+
		+	document.write('<script type="text/javascript" src="http://asianfuse.tv/flowplayer/dist/flowplayer-3.2.4.min.js"></script>
		+	<link rel="stylesheet" type="text/css" href="http://asianfuse.tv/flowplayer/dist/global.css">');