MediaWiki:Common.js - Revision history

Darkly77: add support for a button that toggles a class on the parent grid -- this will be used to add a button that makes the filters completely hide items, instead of just making them transparent

2023-02-13T06:41:39Z

add support for a button that toggles a class on the parent grid -- this will be used to add a button that makes the filters completely hide items, instead of just making them transparent

@@ Line 18: / Line 18: @@
 	initStatsCardsToggles(); // Allows hiding StatsCard (.ibox) elements, via toggle buttons (WIP)
 	initStatsCardsMiscToggles(); // Toggles for misc (costs/tags)
@@ Line 330: / Line 331: @@
 				$targets.toggle();
 			});
 		});

Darkly77: remove inline opacity and only use the "ibox--hidden" class (continued from last edit)

2023-02-13T06:28:16Z

remove inline opacity and only use the "ibox--hidden" class (continued from last edit)

← Older revision		Revision as of 06:28, 13 February 2023
Line 278:		Line 278:
	{		{
	$allTargets.removeClass( 'ibox--hidden' );		$allTargets.removeClass( 'ibox--hidden' );
	$allTargets.css( { opacity: 1 } );		// $allTargets.css( { opacity: 1 } );
	}		}
	// Otherwise, apply the actual filters		// Otherwise, apply the actual filters
Line 285:		Line 285:
	// Hide all to start with		// Hide all to start with
	$allTargets.addClass( 'ibox--hidden' );		$allTargets.addClass( 'ibox--hidden' );
	$allTargets.css( { opacity: 0.2 } );		// $allTargets.css( { opacity: 0.2 } );

	// Show any that match the currently active filters		// Show any that match the currently active filters
Line 293:		Line 293:
	var $currentTargets = $allTargets.filter( '[data-ibox-type="item"].' + targetStr );		var $currentTargets = $allTargets.filter( '[data-ibox-type="item"].' + targetStr );
	$currentTargets.removeClass( 'ibox--hidden' );		$currentTargets.removeClass( 'ibox--hidden' );
	$currentTargets.css( { opacity: 1 } );		// $currentTargets.css( { opacity: 1 } );
	}		}
	}		}

Darkly77: remove the opacity change, so it only uses the "ibox--hidden" class

2023-02-13T06:26:24Z

remove the opacity change, so it only uses the "ibox--hidden" class

← Older revision		Revision as of 06:26, 13 February 2023
Line 215:		Line 215:
	case 'show-all':		case 'show-all':
	$targets.removeClass( 'ibox--hidden' );		$targets.removeClass( 'ibox--hidden' );
	$targets.css( { opacity: 1 } );		// $targets.css( { opacity: 1 } );
	$nonBulkBtns.addClass( 'btn--active' );		$nonBulkBtns.addClass( 'btn--active' );
	$nonBulkBtns.removeClass( 'btn--inactive' );		$nonBulkBtns.removeClass( 'btn--inactive' );
Line 223:		Line 223:
	case 'show-none':		case 'show-none':
	$targets.addClass( 'ibox--hidden' );		$targets.addClass( 'ibox--hidden' );
	$targets.css( { opacity: 0.2 } );		// $targets.css( { opacity: 0.2 } );
	$nonBulkBtns.removeClass( 'btn--active' );		$nonBulkBtns.removeClass( 'btn--active' );
	$nonBulkBtns.addClass( 'btn--inactive' );		$nonBulkBtns.addClass( 'btn--inactive' );

Darkly77: add comment with URL of this script's edit page

2023-02-13T06:24:58Z

add comment with URL of this script's edit page

← Older revision		Revision as of 06:24, 13 February 2023
Line 1:		Line 1:
	/* Any JavaScript here will be loaded for all users on every page load. */		/* Any JavaScript here will be loaded for all users on every page load. */

			/*
			https://brotato.wiki.spellsandguns.com/MediaWiki:Common.js
			*/

	/*		/*

Darkly77: add code for weapon tier toggle buttons (see Mod:Isaac_Characters_Mod)

2022-12-17T01:20:28Z

add code for weapon tier toggle buttons (see Mod:Isaac_Characters_Mod)

@@ Line 74: / Line 74: @@
 				});
 			});
 		});
 	}//end:initCardTabs

Darkly77: fix some es6 being used

2022-12-17T00:36:41Z

fix some es6 being used

← Older revision		Revision as of 00:36, 17 December 2022
Line 210:		Line 210:

	// Show any that match the currently active filters		// Show any that match the currently active filters
	for (~~let~~ i = 0; i < activeTargetStrs.length; i++)		for (var i = 0; i < activeTargetStrs.length; i++)
	{		{
	var targetStr = activeTargetStrs[i];		var targetStr = activeTargetStrs[i];

Darkly77: initStatsCardsToggles - UX improvements (needed a bit of a rewrite, but now functions more like you'd expect ie. not janky)

2022-12-17T00:35:55Z

initStatsCardsToggles - UX improvements (needed a bit of a rewrite, but now functions more like you'd expect ie. not janky)

Show changes

Darkly77: docs, remove debug

2022-12-16T19:44:58Z

docs, remove debug

← Older revision		Revision as of 19:44, 16 December 2022
Line 154:		Line 154:
	/**		/**
	* Toggle "misc" (costs/tags)		* Toggle "misc" (costs/tags)
			*
			* Buttons: <span class="btn btn--active" data-hide-type="misc" data-hide-target=".myelement">
			* Targets: <span class="myelement" data-target-type"misc">
	*		*
	* @return {void}		* @return {void}
Line 160:		Line 163:
	{		{
	var $btns = $( '[data-hide-type="misc"]' );		var $btns = $( '[data-hide-type="misc"]' );
	~~console.log('$btns', $btns);~~

	$btns.each( function( i, el )		$btns.each( function( i, el )
Line 175:		Line 177:
	$btn.on( 'click', function( ev )		$btn.on( 'click', function( ev )
	{		{
	~~console.log('click', { $btn:$btn, targetStr:targetStr, $targets:$targets });~~
	$btn.toggleClass( 'btn--active' );		$btn.toggleClass( 'btn--active' );
	$btn.toggleClass( 'btn--inactive' );		$btn.toggleClass( 'btn--inactive' );

Darkly77: fixes + debug

2022-12-16T19:36:28Z

fixes + debug

← Older revision		Revision as of 19:36, 16 December 2022
Line 14:		Line 14:
	initCardTabs(); // Template:StatsCardWeaponTabs		initCardTabs(); // Template:StatsCardWeaponTabs
	initStatsCardsToggles(); // Allows hiding StatsCard (.ibox) elements, via toggle buttons (WIP)		initStatsCardsToggles(); // Allows hiding StatsCard (.ibox) elements, via toggle buttons (WIP)
	// initStatsCardsMiscToggles(); // Toggles for misc (~~cosst~~/tags)		initStatsCardsMiscToggles(); // Toggles for misc (costs/tags)


Line 160:		Line 160:
	{		{
	var $btns = $( '[data-hide-type="misc"]' );		var $btns = $( '[data-hide-type="misc"]' );
			console.log('$btns', $btns);

	$btns.each( function( i, el )		$btns.each( function( i, el )
Line 165:		Line 166:
	var $btn = $( el );		var $btn = $( el );
	var targetStr = $btn.attr( 'data-hide-target' );		var targetStr = $btn.attr( 'data-hide-target' );
	var $targets = $( targetStr );		var $targets = $( '[data-target-type="misc"]' + targetStr );

	if ( !$targets.length )		if ( !$targets.length )
Line 174:		Line 175:
	$btn.on( 'click', function( ev )		$btn.on( 'click', function( ev )
	{		{
			console.log('click', { $btn:$btn, targetStr:targetStr, $targets:$targets });
	$btn.toggleClass( 'btn--active' );		$btn.toggleClass( 'btn--active' );
	$btn.toggleClass( 'btn--inactive' );		$btn.toggleClass( 'btn--inactive' );

Darkly77: fixes

2022-12-16T19:31:33Z

fixes

← Older revision		Revision as of 19:31, 16 December 2022
Line 14:		Line 14:
	initCardTabs(); // Template:StatsCardWeaponTabs		initCardTabs(); // Template:StatsCardWeaponTabs
	initStatsCardsToggles(); // Allows hiding StatsCard (.ibox) elements, via toggle buttons (WIP)		initStatsCardsToggles(); // Allows hiding StatsCard (.ibox) elements, via toggle buttons (WIP)
	initStatsCardsMiscToggles(); // Toggles for misc (cosst/tags)		// initStatsCardsMiscToggles(); // Toggles for misc (cosst/tags)


Line 96:		Line 96:
	var $nonBulkBtns = $allBtns.not( $bulkBtns );		var $nonBulkBtns = $allBtns.not( $bulkBtns );

	$~~( '[data-hide-type]' )~~.on( 'click', function( ev )		$allBtns.on( 'click', function( ev )
	{		{
	var $btn = $( ev.currentTarget );		var $btn = $( ev.currentTarget );
Line 164:		Line 164:
	{		{
	var $btn = $( el );		var $btn = $( el );
	var ~~$targets~~ = $( $btn.attr( 'data-hide-target' ) );		var targetStr = $btn.attr( 'data-hide-target' );
			var $targets = $( targetStr );

	if ( !$targets.length )		if ( !$targets.length )