ميدياويكي:Gadget-refStyle.js

if ($('.reflist ol li').length > 9) {
	$('.reflist').prev('h2').find('.mw-headline').addClass('reflist-toggle').css("cursor", "pointer");
	$(".reflist-toggle").click(function () {
		$(".reflist-options").toggle("fast");
	});
}
if ($('.reflist ol li').length > 19) {
	$('.reflist').addClass("reflist-cols");
}

// heWP gadget to control the display of reference section. rows, scroll, hide, and text-size
// depends on 3 classes from common.css: ol.reflist-cols, ol.reflist-scroll, ol.reflist-hide.
// if classes are removed from common.js, need to add them in gadget.
$(document).ready(function () {
	mw.loader.using('jquery.ui', function () {
		var current = $.cookie("ref-col-setting") || '',
			checkboxes = [{
				className: 'reflist-cols',
				label: 'أعمدة',
				skip: $.client.profile().name == 'msie'
			}, {
				className: 'reflist-scroll',
				label: 'شريط تصفح'
			}, {
				className: 'reflist-hide',
				label: 'إخفاء'
			}];

		function makeCheckbox(ol, className, label) {
			var already = ol.closest('.' + className).length;
			var checkBox = $('<input>', {
				type: 'checkbox'
			})
				.prop({
					'checked': already || (current.indexOf(className) >= 0),
					disabled: already
				})
				.click(function () {
					ol.toggleClass(className, $(this).prop('checked'));
					$.cookie("ref-col-setting", ol.attr('class'), {
						'expires': 30,
						'path': '/'
					});
				});
			return $('<span>')
				.append('&nbsp;&nbsp;' + label)
				.append(checkBox);
		}

		function makeSlider(ol) {
			var value = $.cookie("ref-font-size") || 90;
			ol.css({
				fontSize: value + '%'
			});
			var slider = $('<div>')
				.css({
					width: '100px'
				})
				.slider({
					max: 150,
					min: 50,
					value: value,
					stop: function () {
						var value = parseInt($(this).slider('value'), 10);
						value = value < 40 ? 40 : (value > 150 ? 150 : value);
						ol.css({
							fontSize: value + '%'
						});
						$.cookie("ref-font-size", value, {
							'expires': 30,
							'path': '/'
						});
					}
				});
			return $('<div>').css({
				textAlign: 'center',
				float: 'left',
				lineHeight: '1.6em',
				position: 'relative',
				top: '-1.31em',
				marginRight: '1em'
			}).text('حجم').append(slider);
		}

		function makeCheckBoxes(ol) {
			var span = $('<span class="reflist-options">').css({
				fontSize: '60%',
				float: 'left',
				position: 'relative',
				top: '0.8em'
			});
			for (var i in checkboxes)
				if (!checkboxes[i].skip)
					span.append(makeCheckbox(ol, checkboxes[i].className, checkboxes[i].label));
			span.append(makeSlider(ol));
			return span;
		}

		$('ol.references').each(function () {
			var ol = $(this);
			var h2 = ol.parent().prev('h2').filter(function () {
				return /مراجع/.test($(this).text());
			});
			if (ol.find('li').length < 10 || h2.length == 0)
				return;
			h2.append(makeCheckBoxes(ol));
			ol.addClass(current);
		});

	});
}); //ready..using