Difference between revisions of "MediaWiki:Gadget-TCGplayer.js"

From Yugipedia
Jump to: navigation, search
(Created page with "// TODO: Rewrite this to be less shitty if (typeof UELowPrice !== 'undefined') { document.getElementById("UELowPrice").innerHTML = UELowPrice; } if (typeof UEMidPrice !=...")
 
m (Prevent error by checking if there's info available to apply the gadget (meaning: it's a TCG card). Added more doc comments.)
 
(5 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
// TODO: Rewrite this to be less shitty
+
/**
 +
* TCGplayer prices gadget.
 +
* @author Becasita
 +
* @contact [[User talk:Becasita]]
 +
*/
 +
( function _gadgetTCGplayerPrices( window, $, mw, console, TCGplayer ) {
 +
"use strict";
  
−
if (typeof UELowPrice !== 'undefined') {
+
var LAST_LOG = '23:15, 28 November 2018 (UTC)';
−
    document.getElementById("UELowPrice").innerHTML = UELowPrice;
 
−
}
 
−
if (typeof UEMidPrice !== 'undefined') {
 
−
    document.getElementById("UEMidPrice").innerHTML = UEMidPrice;
 
−
}
 
−
if (typeof UEHighPrice !== 'undefined') {
 
−
    document.getElementById("UEHighPrice").innerHTML = UEHighPrice;
 
−
}
 
−
if (typeof FirstELowPrice !== 'undefined') {
 
−
    document.getElementById("FirstELowPrice").innerHTML = FirstELowPrice;
 
−
}
 
−
if (typeof FirstEMidPrice !== 'undefined') {
 
−
    document.getElementById("FirstEMidPrice").innerHTML = FirstEMidPrice;
 
−
}
 
−
if (typeof FirstEHighPrice !== 'undefined') {
 
−
    document.getElementById("FirstEHighPrice").innerHTML = FirstEHighPrice;
 
−
}
 
−
if (typeof LELowPrice !== 'undefined') {
 
−
    document.getElementById("LELowPrice").innerHTML = LELowPrice;
 
−
}
 
−
if (typeof LEMidPrice !== 'undefined') {
 
−
    document.getElementById("LEMidPrice").innerHTML = LEMidPrice;
 
−
}
 
−
if (typeof LEHighPrice !== 'undefined') {
 
−
    document.getElementById("LEHighPrice").innerHTML = LEHighPrice;
 
−
}
 
  
−
$('span#tcgplayerlink').each(function() {
+
var EDITIONS = {
−
    $(this).find('a').attr('href', TCGPlayerURL);
+
limited: {
−
});
+
name: 'Limited Edition',
 +
'class': 'limited-edition',
 +
label: 'limited',
 +
},
 +
'1st': {
 +
name: '1st Edition',
 +
'class': '1st-edition',
 +
label: '1st',
 +
},
 +
unlimited: {
 +
name: 'Unlimited Edition',
 +
'class': 'unlimited-edition',
 +
label: 'unlimited',
 +
},
 +
};
 +
 
 +
/**
 +
* Makes a table row with the header for the specified edition.
 +
* @param {object} edition An `EDITIONS` field.
 +
* @param {string} edition.label
 +
* @param {string} edition['class']
 +
* @param {string} edition.name
 +
* @return {jQuery} The table row (`<tr>`) containing the header (`<th>`).
 +
*/
 +
function makeHeader( edition ) {
 +
return $( '<tr>', {
 +
html: $( '<th>', {
 +
colspan: '3',
 +
text: EDITIONS[ edition.label ].name,
 +
} ),
 +
} );
 +
}
 +
 
 +
/**
 +
* Creates the header with the 'Low', 'Medium' and 'High' labels.
 +
* @return {jQuery} Table row (`<tr>`) containing the labels.
 +
*/
 +
function makeLabels() {
 +
var $tr = $( '<tr>' );
 +
 
 +
[ 'Low', 'Medium', 'High' ].forEach( function( label ) {
 +
$tr.append(
 +
$( '<th>', {
 +
text: label,
 +
} )
 +
);
 +
} );
 +
 
 +
return $tr;
 +
}
 +
 
 +
/**
 +
* Creates a table row.
 +
* @param {object} edition An `EDITIONS` field.
 +
* @param {string} edition.label
 +
* @param {string} edition['class']
 +
* @param {string} edition.name
 +
* @return {jQuery} The table row (`<tr>`) containing the prices.
 +
*/
 +
function makeData( edition ) {
 +
var $tr = $( '<tr>', {
 +
'class': 'tcgplayer__data',
 +
} );
 +
 
 +
$.each( TCGplayer[ edition.label ], function( price, value ) {
 +
$tr.append(
 +
$( '<td>', {
 +
html: $( '<span>', {
 +
'class': 'tcgplayer__data__' + edition[ 'class' ],
 +
id: 'tcgplayer__data__' + edition[ 'class' ] + '--' + price,
 +
html: $( '<a>', {
 +
rel: 'nofollow',
 +
'class': [
 +
'external',
 +
'text'
 +
].join( ' ' ),
 +
href: TCGplayer.url,
 +
text: value != null ? value : 'N/A',
 +
} ),
 +
} ),
 +
} )
 +
);
 +
} );
 +
 
 +
return $tr;
 +
}
 +
 
 +
/**
 +
* Creates a block for an edition.
 +
* @param {jQuery} $table The table to be added to the content.
 +
* @param {object} edition An `EDITIONS` field.
 +
* @param {string} edition.label
 +
* @param {string} edition['class']
 +
* @param {string} edition.name
 +
*/
 +
function makeBlock( $table, edition ) {
 +
var prices = TCGplayer[ edition.label ];
 +
 
 +
if (
 +
( // If they are all null or undefined
 +
prices.low == null
 +
&&
 +
prices.mid == null
 +
&&
 +
prices.high == null
 +
)
 +
) {
 +
return;
 +
}
 +
 
 +
var $header = makeHeader( edition );
 +
 
 +
var $labels = makeLabels();
 +
 
 +
var $data = makeData( edition );
 +
 
 +
$table
 +
.append( $header )
 +
.append( $labels )
 +
.append( $data )
 +
;
 +
}
 +
 
 +
/**
 +
* Inits the TCGplayer script. Called when the
 +
* `wikipage.content` hook is fired.
 +
* @param  {jQuery} $content Page content.
 +
*/
 +
function init( $content ) {
 +
if ( !TCGplayer ) {
 +
return;
 +
}
 +
 
 +
var $table = $( '<table>', {
 +
'class': [
 +
'wikitable',
 +
'plainlinks',
 +
'tcgplayer',
 +
].join( ' ' ),
 +
html: $( '<caption>', {
 +
html: $( '<a>', {
 +
rel: 'nofollow',
 +
href: 'https://www.tcgplayer.com/',
 +
text:'TCGplayer',
 +
} ),
 +
} ).append( ' Prices' ),
 +
} );
 +
 
 +
$.each( EDITIONS, function( label, edition ) {
 +
makeBlock( $table, edition );
 +
} );
 +
 
 +
if ( $table.find( 'tr' ).length ) {
 +
$content.find( '.cardtable-cardimage' ).append( $table );
 +
}
 +
}
 +
 
 +
mw.hook( 'wikipage.content' ).add( init );
 +
 
 +
console.log( '[Gadget] TCGplayerPrices last updated at', LAST_LOG );
 +
 
 +
} )( window, window.jQuery, window.mediaWiki, window.console, window.TCGplayer );

Latest revision as of 23:15, 28 November 2018

/**
 * TCGplayer prices gadget.
 * @author Becasita
 * @contact [[User talk:Becasita]]
 */
( function _gadgetTCGplayerPrices( window, $, mw, console, TCGplayer ) {
	"use strict";

	var LAST_LOG = '23:15, 28 November 2018 (UTC)';

	var EDITIONS = {
		limited: {
			name: 'Limited Edition',
			'class': 'limited-edition',
			label: 'limited',
		},
		'1st': {
			name: '1st Edition',
			'class': '1st-edition',
			label: '1st',
		},
		unlimited: {
			name: 'Unlimited Edition',
			'class': 'unlimited-edition',
			label: 'unlimited',
		},
	};

	/**
	 * Makes a table row with the header for the specified edition.
	 * @param {object} edition An `EDITIONS` field.
	 * @param {string} edition.label
	 * @param {string} edition['class']
	 * @param {string} edition.name
	 * @return {jQuery} The table row (`<tr>`) containing the header (`<th>`).
	 */
	function makeHeader( edition ) {
		return $( '<tr>', {
			html: $( '<th>', {
				colspan: '3',
				text: EDITIONS[ edition.label ].name,
			} ),
		} );
	}

	/**
	 * Creates the header with the 'Low', 'Medium' and 'High' labels.
	 * @return {jQuery} Table row (`<tr>`) containing the labels.
	 */
	function makeLabels() {
		var $tr = $( '<tr>' );

		[ 'Low', 'Medium', 'High' ].forEach( function( label ) {
			$tr.append(
				$( '<th>', {
					text: label,
				} )
			);
		} );

		return $tr;
	}

	/**
	 * Creates a table row.
	 * @param {object} edition An `EDITIONS` field.
	 * @param {string} edition.label
	 * @param {string} edition['class']
	 * @param {string} edition.name
	 * @return {jQuery} The table row (`<tr>`) containing the prices.
	 */
	function makeData( edition ) {
		var $tr = $( '<tr>', {
			'class': 'tcgplayer__data',
		} );

		$.each( TCGplayer[ edition.label ], function( price, value ) {
			$tr.append(
				$( '<td>', {
					html: $( '<span>', {
						'class': 'tcgplayer__data__' + edition[ 'class' ],
						id: 'tcgplayer__data__' + edition[ 'class' ] + '--' + price,
						html: $( '<a>', {
							rel: 'nofollow',
							'class': [
								'external',
								'text'
							].join( ' ' ),
							href: TCGplayer.url,
							text: value != null ? value : 'N/A',
						} ),
					} ),
				} )
			);
		} );

		return $tr;
	}

	/**
	 * Creates a block for an edition.
	 * @param {jQuery} $table The table to be added to the content.
	 * @param {object} edition An `EDITIONS` field.
	 * @param {string} edition.label
	 * @param {string} edition['class']
	 * @param {string} edition.name
	 */
	function makeBlock( $table, edition ) {
		var prices = TCGplayer[ edition.label ];

		if (
			( // If they are all null or undefined
				prices.low == null
				&&
				prices.mid == null
				&&
				prices.high == null
			)
		) {
			return;
		}

		var $header = makeHeader( edition );

		var $labels = makeLabels();

		var $data = makeData( edition );

		$table
			.append( $header )
			.append( $labels )
			.append( $data )
		;
	}

	/**
	 * Inits the TCGplayer script. Called when the
	 * `wikipage.content` hook is fired.
	 * @param  {jQuery} $content Page content.
	 */
	function init( $content ) {
		if ( !TCGplayer ) {
			return;
		}

		var $table = $( '<table>', {
			'class': [
				'wikitable',
				'plainlinks',
				'tcgplayer',
			].join( ' ' ),
			html: $( '<caption>', {
				html: $( '<a>', {
					rel: 'nofollow',
					href: 'https://www.tcgplayer.com/',
					text:'TCGplayer',
				} ),
			} ).append( ' Prices' ),
		} );

		$.each( EDITIONS, function( label, edition ) {
			makeBlock( $table, edition );
		} );

		if ( $table.find( 'tr' ).length ) {
			$content.find( '.cardtable-cardimage' ).append( $table );
		}
	}

	mw.hook( 'wikipage.content' ).add( init );

	console.log( '[Gadget] TCGplayerPrices last updated at', LAST_LOG );

} )( window, window.jQuery, window.mediaWiki, window.console, window.TCGplayer );
Retrieved from "https://yugipedia.com/index.php?title=MediaWiki:Gadget-TCGplayer.js&oldid=3993862"