MediaWiki:Common.js - Revision history

RID-12 at 12:23, 13 April 2026

2026-04-13T12:23:13Z

RID-12 at 12:12, 13 April 2026

2026-04-13T12:12:55Z

@@ Line 252: / Line 252: @@
              saveMenuPosition(currentX, currentY);
+         }
      });
 });

RID-12 at 12:08, 13 April 2026

2026-04-13T12:08:44Z

@@ Line 323: / Line 323: @@
          tocToggle.click();
+     }
 });

RID-12 at 12:04, 13 April 2026

2026-04-13T12:04:57Z

← Older revision		Revision as of 20:04, 13 April 2026
Line 50:		Line 50:
	top: '0'		top: '0'
	});		});
	return ~~true~~;		return { x: parseFloat(savedX), y: parseFloat(savedY) };
	}		}
	}		}
	return ~~false~~;		return null;
	}		}

Line 82:		Line 82:
	}		}

	// FAST DRAG with ~~translate3d for GPU acceleration~~		// FAST DRAG with correct offset calculation
	var $menu = $('#floatingMenu');		var $menu = $('#floatingMenu');
	var $dragHandle = $('.drag-handle');		var $dragHandle = $('.drag-handle');
	var isDragging = false;		var isDragging = false;
	var currentX = 0, currentY = 0;		var currentX = 0, currentY = 0;
			var dragOffsetX = 0, dragOffsetY = 0; // Offset from mouse to menu corner

	// Get current transform values ~~- FAST version~~		// Get current transform values
	function getCurrentPosition() {		function getCurrentPosition() {
	var transform = $menu.css('transform');		var transform = $menu.css('transform');
Line 94:		Line 95:
	return { x: 0, y: 0 };		return { x: 0, y: 0 };
	}		}
	~~// Handle matrix and matrix3d~~
	var matrix = transform.match(/matrix.*$(.+)$/);		var matrix = transform.match(/matrix.*$(.+)$/);
	if (matrix) {		if (matrix) {
	var values = matrix[1].split(', ');		var values = matrix[1].split(', ');
	if (values.length === 6) {		if (values.length === 6) {
	~~// matrix(a, b, c, d, tx, ty)~~
	return { x: parseFloat(values[4]), y: parseFloat(values[5]) };		return { x: parseFloat(values[4]), y: parseFloat(values[5]) };
	} else if (values.length === 16) {		} else if (values.length === 16) {
	~~// matrix3d~~
	return { x: parseFloat(values[12]), y: parseFloat(values[13]) };		return { x: parseFloat(values[12]), y: parseFloat(values[13]) };
	}		}
Line 110:		Line 108:

	// Set initial position		// Set initial position
	var ~~initialPos~~ = ~~setDefaultPosition~~();		var loadedPos = loadMenuPosition();
	~~currentX = initialPos.x;~~		if (loadedPos) {
	~~currentY = initialPos.y;~~

	~~// Try to load saved position~~
	if (~~loadMenuPosition()~~) {
	~~var loadedPos = getCurrentPosition();~~
	currentX = loadedPos.x;		currentX = loadedPos.x;
	currentY = loadedPos.y;		currentY = loadedPos.y;
			} else {
			var defaultPos = setDefaultPosition();
			currentX = defaultPos.x;
			currentY = defaultPos.y;
	}		}

Line 126:		Line 123:
	isDragging = true;		isDragging = true;

	// Get current position ~~at drag start~~		// Get the menu's current position
	var ~~pos~~ = getCurrentPosition();		var menuPos = getCurrentPosition();
	currentX = ~~pos~~.x;		currentX = menuPos.x;
	currentY = ~~pos~~.y;		currentY = menuPos.y;

	// ~~Store initial~~ mouse ~~position relative~~ to menu corner		// Calculate offset from mouse to menu's top-left corner
	var menuOffset = $menu.offset();		var menuOffset = $menu.offset();
	dragOffsetX = e.clientX - menuOffset.left;		dragOffsetX = e.clientX - menuOffset.left;
	dragOffsetY = e.clientY - menuOffset.top;		dragOffsetY = e.clientY - menuOffset.top;

	// Change cursor ~~immediately~~		// Change cursor
	$dragHandle.css('cursor', 'grabbing');		$dragHandle.css('cursor', 'grabbing');
	$menu.css('cursor', 'grabbing');		$menu.css('cursor', 'grabbing');
	$('body').css('user-select', 'none');		$('body').css('user-select', 'none');

	~~// Prevent any text selection~~
	return false;		return false;
	});		});

	~~var dragOffsetX = 0, dragOffsetY = 0;~~
	var rafId = null;		var rafId = null;

Line 158:		Line 153:
	// Use requestAnimationFrame for smooth 60fps dragging		// Use requestAnimationFrame for smooth 60fps dragging
	rafId = requestAnimationFrame(function() {		rafId = requestAnimationFrame(function() {
	// Calculate new position ~~based on~~ mouse position ~~and~~ offset		// Calculate new position: mouse position minus the offset where you grabbed
	var newX = e.clientX - dragOffsetX;		var newX = e.clientX - dragOffsetX;
	var newY = e.clientY - dragOffsetY;		var newY = e.clientY - dragOffsetY;
Line 239:		Line 234:
	});		});

	// Handle window resize ~~- reposition if needed~~		// Handle window resize
	$(window).on('resize', function() {		$(window).on('resize', function() {
	var maxX = $(window).width() - $menu.outerWidth();		var maxX = $(window).width() - $menu.outerWidth();

RID-12 at 12:02, 13 April 2026

2026-04-13T12:02:32Z

Show changes

RID-12 at 12:00, 13 April 2026

2026-04-13T12:00:21Z

Show changes

RID-12 at 11:58, 13 April 2026

2026-04-13T11:58:12Z

Show changes

RID-12 at 11:53, 13 April 2026

2026-04-13T11:53:08Z

Show changes

RID-12 at 11:50, 13 April 2026

2026-04-13T11:50:45Z

Show changes

RID-12 at 11:39, 21 February 2026

2026-02-21T11:39:36Z

← Older revision		Revision as of 19:39, 21 February 2026
Line 93:		Line 93:
	});		});

	// Ragnawiki ~~Custom~~ Collapsible		// Ragnawiki Collapsible - Clean implementation
	jQuery(document).ready(function($) {		jQuery(document).ready(function($) {
	// Remove any existing MediaWiki collapsible toggles		console.log("Ragnawiki collapsible initializing...");

			// Completely disable MediaWiki's built-in collapsible
			if (typeof mw !== 'undefined' && mw.loader) {
			mw.loader.using('jquery.makeCollapsible', function() {
			// Override the makeCollapsible function to do nothing
			$.fn.makeCollapsible = function() { return this; };
			});
			}

			// Remove any existing MediaWiki collapsible toggles and classes
	$('.mw-collapsible-toggle').remove();		$('.mw-collapsible-toggle').remove();
			$('.mw-made-collapsible').removeClass('mw-made-collapsible');

	// ~~For each~~ collapsible ~~container~~		// Small delay to ensure DOM is fully ready
	$('.mw-collapsible').each(function() {		setTimeout(function() {
	var $container = $(this);		// Find all our collapsible containers
	var $header = $container.find('.ragnawiki-card-header').first();		$('.mw-collapsible').each(function() {
	var $content = $container.find('.mw-collapsible-content').first();		var $container = $(this);
			var $header = $container.find('.ragnawiki-card-header, .ragnawiki-nav-header').first();
	~~if ($header.length && $content.length) {~~		var $content = $container.find('.mw-collapsible-content').first();
	~~// Set cursor~~
	~~$header.css('cursor', 'pointer'~~);

	// ~~Initially hide content~~		if ($header.length && $content.length) {
	if ($container.~~hasClass~~('mw-collapsed')~~) {~~		// Remove any existing click handlers
			$header.off('click.collapsible');

			// Set initial state
			$container.removeClass('expanded mw-collapsed');

			// Start collapsed by default
	$content.hide();		$content.hide();

			// Add click handler
			$header.on('click.collapsible', function(e) {
			e.preventDefault();
			e.stopPropagation();

			if ($container.hasClass('expanded')) {
			// Collapse
			$container.removeClass('expanded');
			$content.slideUp(200);
			} else {
			// Expand
			$container.addClass('expanded');
			$content.slideDown(200);
			}

			return false;
			});

			console.log("Collapsible initialized for:", $header.text().trim());
	}		}
			});
	~~// Click handler~~		}, 100);
	~~$header.on('click'~~, ~~function(e~~) {		});
	~~e.preventDefault(~~);
			/* Force Table of Contents to start collapsed */
	if (~~$container~~.~~hasClass~~(~~'mw-collapsed')~~) {		$(document).ready(function() {
	~~$container~~.~~removeClass~~('~~mw-collapsed~~');		var tocToggle = document.getElementById('togglelink');
	~~$content.slideDown~~(~~200);~~		if (tocToggle && tocToggle.innerText !== 'show') {
	~~} else {~~		tocToggle.click();
	~~$container~~.~~addClass(~~'~~mw-collapsed~~');		}
	~~$content~~.~~slideUp~~(~~200~~);
	}
	~~});~~
	}
	});
	});		});