MediaWiki:Gadget-HexConverter.js - Revision history

Dante383 at 04:55, 28 December 2024

2024-12-28T04:55:11Z

← Older revision		Revision as of 04:55, 28 December 2024
Line 33:		Line 33:
	return;		return;
	}		}
	~~console.log(field.dataset);~~
	let defaultDisplay = field.dataset~~['default-display']~~ ? field.dataset~~['default-display']~~ : 'hex';		let defaultDisplay = field.dataset.hexConverterDefaultDisplay ? field.dataset.hexConverterDefaultDisplay : 'hex';
	let dataHexValue = formatHex(field.dataset.hexConverterHex);		let dataHexValue = formatHex(field.dataset.hexConverterHex);
	let dataAsciiValue = hexToAscii(dataHexValue);		let dataAsciiValue = hexToAscii(dataHexValue);

2024-12-28T04:54:16Z

← Older revision		Revision as of 04:54, 28 December 2024
Line 33:		Line 33:
	return;		return;
	}		}
			console.log(field.dataset);
	let defaultDisplay = field.dataset['default-display'] ? field.dataset['default-display'] : 'hex';		let defaultDisplay = field.dataset['default-display'] ? field.dataset['default-display'] : 'hex';
	let dataHexValue = formatHex(field.dataset.hexConverterHex);		let dataHexValue = formatHex(field.dataset.hexConverterHex);

2024-12-28T04:53:39Z

← Older revision		Revision as of 04:53, 28 December 2024
Line 34:		Line 34:
	}		}

	let defaultDisplay = field.dataset~~.defaultDisplay~~ ? field.dataset~~.defaultDisplay~~ : 'hex';		let defaultDisplay = field.dataset['default-display'] ? field.dataset['default-display'] : 'hex';
	let dataHexValue = formatHex(field.dataset.hexConverterHex);		let dataHexValue = formatHex(field.dataset.hexConverterHex);
	let dataAsciiValue = hexToAscii(dataHexValue);		let dataAsciiValue = hexToAscii(dataHexValue);

2024-12-28T04:49:39Z

← Older revision		Revision as of 04:49, 28 December 2024
Line 27:		Line 27:
	for (var i in elements) {		for (var i in elements) {
	var field = elements[i];		var field = elements[i];
	~~console.log(field.dataset);~~

	if (!validateInitialHexValue(field.dataset.hexConverterHex))		if (!validateInitialHexValue(field.dataset.hexConverterHex))
Line 35:		Line 34:
	}		}

			let defaultDisplay = field.dataset.defaultDisplay ? field.dataset.defaultDisplay : 'hex';
	let dataHexValue = formatHex(field.dataset.hexConverterHex);		let dataHexValue = formatHex(field.dataset.hexConverterHex);
	let dataAsciiValue = hexToAscii(dataHexValue);		let dataAsciiValue = hexToAscii(dataHexValue);
Line 52:		Line 52:
	$('<button>ASCII</button>').attr('data-format', 'ascii')		$('<button>ASCII</button>').attr('data-format', 'ascii')
	];		];
			let defaultDisplayMap = ['hex', 'dec', 'ascii'];

	buttons.forEach(button => {		buttons.forEach(button => {
Line 59:		Line 60:

	dynamicField.append($('<pre></pre>'));		dynamicField.append($('<pre></pre>'));
	buttons[0].click();		buttons[defaultDisplayMap.indexOf(defaultDisplay)].click();

	return dynamicField;		return dynamicField;

2024-12-28T04:43:02Z

← Older revision		Revision as of 04:43, 28 December 2024
Line 10:		Line 10:
	*/		*/
	(function(){		(function(){
	~~console.log('js hex conv loaded');~~
	var setup = function ( $content ) {		var setup = function ( $content ) {
	~~console.log('setup called');~~
	var fields = Array.from( $content.find( '.hex-converter-field' ) );		var fields = Array.from( $content.find( '.hex-converter-field' ) );
	~~console.log(fields);~~
	new ConverterWidgets(fields, $content[0]);		new ConverterWidgets(fields, $content[0]);
	}		}
Line 40:		Line 37:
	let dataHexValue = formatHex(field.dataset.hexConverterHex);		let dataHexValue = formatHex(field.dataset.hexConverterHex);
	let dataAsciiValue = hexToAscii(dataHexValue);		let dataAsciiValue = hexToAscii(dataHexValue);

			$(field).parent().find('.hex-converter-preload').remove();

	$(field).replaceWith(function(){		$(field).replaceWith(function(){

2024-12-28T04:24:42Z

← Older revision		Revision as of 04:24, 28 December 2024
Line 73:		Line 73:
	let target = $(e.target);		let target = $(e.target);
	let parent = target.parent().parent();		let parent = target.parent().parent();
	target.parent.find('button').removeClass('hex-converter-active');		target.parent().find('button').removeClass('hex-converter-active');
	parent.find('pre').html(parent.attr('data-value-' + target.attr('data-format')));		parent.find('pre').html(parent.attr('data-value-' + target.attr('data-format')));
	target.addClass('hex-converter-active');		target.addClass('hex-converter-active');

2024-12-28T04:24:05Z

← Older revision		Revision as of 04:24, 28 December 2024
Line 71:		Line 71:

	ConverterWidgets.prototype.switchDisplayTypeHandler = function (e) {		ConverterWidgets.prototype.switchDisplayTypeHandler = function (e) {
	~~$('.hex-converter-live-buttons-container > button').removeClass('hex-converter-active');~~
	let target = $(e.target);		let target = $(e.target);
	let parent = target.parent().parent();		let parent = target.parent().parent();
			target.parent.find('button').removeClass('hex-converter-active');
	parent.find('pre').html(parent.attr('data-value-' + target.attr('data-format')));		parent.find('pre').html(parent.attr('data-value-' + target.attr('data-format')));
	target.addClass('hex-converter-active');		target.addClass('hex-converter-active');

2024-12-28T04:21:10Z

← Older revision		Revision as of 04:21, 28 December 2024
Line 61:		Line 61:
	dynamicField.append($('<pre></pre>'));		dynamicField.append($('<pre></pre>'));
	buttons[0].click();		buttons[0].click();

	return dynamicField;		return dynamicField;
	});		});
Line 71:		Line 71:

	ConverterWidgets.prototype.switchDisplayTypeHandler = function (e) {		ConverterWidgets.prototype.switchDisplayTypeHandler = function (e) {
	$('.hex-converter-live-buttons-container > ~~buttons~~').removeClass('hex-converter-active');		$('.hex-converter-live-buttons-container > button').removeClass('hex-converter-active');
	let target = $(e.target);		let target = $(e.target);
	let parent = target.parent().parent();		let parent = target.parent().parent();

2024-12-28T04:19:52Z

← Older revision		Revision as of 04:19, 28 December 2024
Line 59:		Line 59:
	});		});

	dynamicField.append($('<pre>~~' + dataHexValue + '~~</pre>'));		dynamicField.append($('<pre></pre>'));
			buttons[0].click();

	return dynamicField;		return dynamicField;
	});		});
Line 70:		Line 71:

	ConverterWidgets.prototype.switchDisplayTypeHandler = function (e) {		ConverterWidgets.prototype.switchDisplayTypeHandler = function (e) {
			$('.hex-converter-live-buttons-container > buttons').removeClass('hex-converter-active');
	let target = $(e.target);		let target = $(e.target);
	let parent = target.parent().parent();		let parent = target.parent().parent();
	parent.find('pre').html(parent.attr('data-value-' + target.attr('data-format')));		parent.find('pre').html(parent.attr('data-value-' + target.attr('data-format')));
			target.addClass('hex-converter-active');
	}		}

2024-12-28T04:15:21Z

← Older revision		Revision as of 04:15, 28 December 2024
Line 106:		Line 106:
	}		}

	var hexToAscii = function (~~hexx~~) {		var hexToAscii = function (hex) {
	~~var~~ hex = ~~hexx~~.~~toString~~();		let output = '';
	~~var str~~ = '';		hex = hex.replace(/[^0-9A-Fa-f]/g,"");
	for (~~var~~ i = 0; i < hex.length; i += 2)		hex = hex.match(/[0-9A-Fa-f]{2}/g);
	~~str +~~= ~~String.fromCharCode(~~parseInt(~~hex.substr(i, 2)~~, 16));
	return ~~str~~;		for(i=0; i<hex.length; i++)
			{
			var h = hex[i];
			var code = parseInt(h,16);
			var t = String.fromCodePoint(code);
			output += t;
			}
			return output;
	}		}

	mw.hook( 'wikipage.content' ).add( setup );		mw.hook( 'wikipage.content' ).add( setup );
	})();		})();