MediaWiki:Gadget-calculator-search.js - Revision history

Chris.Rishel at 23:40, 5 April 2022

2022-04-05T23:40:49Z

← Older revision		Revision as of 16:40, 5 April 2022
Line 49:		Line 49:
	$searchInput ) );		$searchInput ) );

	$searchContainer.append( $( '<form>', {		if( $( mw.calculators.selectors.calculationCategories ).length ) {
	id: 'calculator-search-category-form'		$searchContainer.append( $( '<form>', {
	} ) );		id: 'calculator-search-category-form'
			} ) );


	var categoryPlaceholderText;		var categoryPlaceholderText;

	if( $searchContainer.data( 'category-placeholder' ) ){		if( $searchContainer.data( 'category-placeholder' ) ){
	categoryPlaceholderText = $searchContainer.data( 'category-placeholder' );		categoryPlaceholderText = $searchContainer.data( 'category-placeholder' );
	} else {		} else {
	categoryPlaceholderText = '(Show all categories)';		categoryPlaceholderText = '(Show all categories)';
	}		}

	var categorySelectAttributes = {		var categorySelectAttributes = {
	id: 'calculator-category-input',		id: 'calculator-category-input',
	class: 'custom-select custom-select-sm'		class: 'custom-select custom-select-sm'
	};		};

	~~var $categorySelectInput = $( '<select>', categorySelectAttributes )~~
	~~.on( 'change', function() {~~
	~~mw.calculators.selectCategory( $( this ).val() );~~
	} );

			var $categorySelectInput = $( '<select>', categorySelectAttributes )
			.on( 'change', function() {
			mw.calculators.selectCategory( $( this ).val() );
			} );

	~~$categorySelectInput.append( $( '<option>', {~~
	~~text: categoryPlaceholderText,~~
	~~value: ''~~
	~~} ) );~~

	~~$( '.calculator-calculationcategory' ).each( function() {~~
	$categorySelectInput.append( $( '<option>', {		$categorySelectInput.append( $( '<option>', {
	~~value~~: ~~$( this ).data( 'id' )~~,		text: categoryPlaceholderText,
	~~html~~: ~~$( this ).data(~~ '~~title~~' )		value: ''
	} ) );		} ) );
	~~} );~~

	$( '#calculator-search-category-form' )		$( mw.calculators.selectors.calculationCategories ).each( function() {
	.replaceWith( $( '<form>', {		$categorySelectInput.append( $( '<option>', {
	id: 'calculator-search-category-form'		value: $( this ).data( 'id' ),
	} )		html: $( this ).data( 'title' )
	.append(		} ) );
	$categorySelectInput ) );		} );

			$( '#calculator-search-category-form' )
			.replaceWith( $( '<form>', {
			id: 'calculator-search-category-form'
			} )
			.append(
			$categorySelectInput ) );
			}
	};		};

	mw.calculators.searchCalculations = function( searchText ) {		mw.calculators.searchCalculations = function( searchText ) {
	~~var calculationCategoryClass = 'calculator-calculationcategory';~~
	~~var calculationClass = 'calculator-calculation';~~

	var reSearch = new RegExp( searchText, 'im' );		var reSearch = new RegExp( searchText, 'im' );

	// Search categories and calculations contained within categories		// Search categories and calculations contained within categories
	$( '.~~' + calculationCategoryClass~~ ).each( function() {		$( mw.calculators.selectors.calculationCategories ).each( function() {
	// Get the calculations contained by the category		// Get the calculations contained by the category
	var $calculations = $( this ).find( '.~~' + calculationClass~~ );		var $calculations = $( this ).find( mw.calculators.selectors.calculations );

	// If no search text is defined or if the search text matches one of the search terms,		// If no search text is defined or if the search text matches one of the search terms,
Line 140:		Line 139:

	// Search calculations not contained by a category.		// Search calculations not contained by a category.
	$( '.~~' + calculationClass~~ ).not( '.~~' + calculationCategoryClass~~ + ' .' + ~~calculationClass~~ ).each(		$( mw.calculators.selectors.calculations ).not( mw.calculators.selectors.calculationCategories + ' ' + mw.calculators.selectors.calculations ).each(
	function() {		function() {
	if( !searchText \|\| reSearch.test( $( this ).data( 'search' ) ) ) {		if( !searchText \|\| reSearch.test( $( this ).data( 'search' ) ) ) {
Line 152:		Line 151:

	mw.calculators.selectCategory = function( calculationCategoryId ) {		mw.calculators.selectCategory = function( calculationCategoryId ) {
	$( '.~~calculator-calculationcategory'~~ ).each( function() {		$( mw.calculators.selectors.calculationCategories ).each( function() {
	if( !calculationCategoryId \|\| $( this ).data( 'id' ) === calculationCategoryId ) {		if( !calculationCategoryId \|\| $( this ).data( 'id' ) === calculationCategoryId ) {
	$( this ).show();		$( this ).show();

Chris.Rishel at 22:46, 5 April 2022

2022-04-05T22:46:55Z

← Older revision		Revision as of 15:46, 5 April 2022
Line 140:		Line 140:

	// Search calculations not contained by a category.		// Search calculations not contained by a category.
	~~var~~ $( '.' + calculationClass ).not( '.' + calculationCategoryClass + ' .' + calculationClass ).each(		$( '.' + calculationClass ).not( '.' + calculationCategoryClass + ' .' + calculationClass ).each(
	function() {		function() {
	if( !searchText \|\| reSearch.test( $( this ).data( 'search' ) ) ) {		if( !searchText \|\| reSearch.test( $( this ).data( 'search' ) ) ) {

Chris.Rishel at 22:45, 5 April 2022

2022-04-05T22:45:51Z

← Older revision		Revision as of 15:45, 5 April 2022
Line 94:		Line 94:

	mw.calculators.searchCalculations = function( searchText ) {		mw.calculators.searchCalculations = function( searchText ) {
	var ~~$calculationCategories~~ = $( '.calculator-calculationcategory' );		var calculationCategoryClass = 'calculator-calculationcategory';
			var calculationClass = 'calculator-calculation';

	var reSearch = new RegExp( searchText, 'im' );		var reSearch = new RegExp( searchText, 'im' );

	$~~calculationCategories~~.each( function() {		// Search categories and calculations contained within categories
	// Get the calculations contained by the ~~calculator~~		$( '.' + calculationCategoryClass ).each( function() {
	var $calculations = $( this ).find( '.~~calculator-calculation~~' );		// Get the calculations contained by the category
			var $calculations = $( this ).find( '.' + calculationClass );

	// If no search text is defined or if the search text matches one of the search terms,		// If no search text is defined or if the search text matches one of the search terms,
	// show the ~~calculator~~ and all calculations.		// show the category and all calculations.
	var showCalculationCategory = !searchText \|\| reSearch.test( $( this ).data( 'search' ) );		var showCalculationCategory = !searchText \|\| reSearch.test( $( this ).data( 'search' ) );

	if( showCalculationCategory ) {		if( showCalculationCategory ) {
	// If the entire ~~calculator~~ should be shown, show all calculations		// If the entire category should be shown, show all calculations
	$calculations.each( function() {		$calculations.each( function() {
	$( this ).show();		$( this ).show();
	} );		} );
	} else {		} else {
	// If we aren't certain we should show the entire ~~calculator~~, see if the search matches		// If we aren't certain we should show the entire category, see if the search matches
	// any of the contained calculations.		// any of the contained calculations.
	$calculations.each( function() {		$calculations.each( function() {
Line 136:		Line 138:
	}		}
	} );		} );

			// Search calculations not contained by a category.
			var $( '.' + calculationClass ).not( '.' + calculationCategoryClass + ' .' + calculationClass ).each(
			function() {
			if( !searchText \|\| reSearch.test( $( this ).data( 'search' ) ) ) {
			$( this ).show();
			} else {
			$( this ).hide();
			}
			}
			);
	};		};

Chris.Rishel at 03:19, 27 September 2021

2021-09-27T03:19:49Z

← Older revision		Revision as of 20:19, 26 September 2021
Line 59:		Line 59:
	categoryPlaceholderText = $searchContainer.data( 'category-placeholder' );		categoryPlaceholderText = $searchContainer.data( 'category-placeholder' );
	} else {		} else {
	categoryPlaceholderText = 'Show all categories';		categoryPlaceholderText = '(Show all categories)';
	}		}

	~~categoryPlaceholderText = '(' + categoryPlaceholderText + ')';~~

	var categorySelectAttributes = {		var categorySelectAttributes = {

Chris.Rishel at 03:17, 27 September 2021

2021-09-27T03:17:16Z

← Older revision		Revision as of 20:17, 26 September 2021
Line 10:		Line 10:
	}		}

	var searchHeading ~~= 'Search';~~		var searchHeading = $searchContainer.data( 'title' ) ? ' ' + $searchContainer.data( 'title' ) : 'Search';
	~~searchHeading +~~= $searchContainer.data( 'title' ) ? ' ' + $searchContainer.data( 'title' ) : '';

	var $searchHeading = $( '<h4>' ).append( searchHeading );		var $searchHeading = $( '<h4>' ).append( searchHeading );

	var searchPlaceholderText ~~= 'Search '~~;		var searchPlaceholderText;

	if( $searchContainer.data( 'search-placeholder' ) ){		if( $searchContainer.data( 'search-placeholder' ) ){
	searchPlaceholderText += $searchContainer.data( 'search-placeholder' );		searchPlaceholderText = $searchContainer.data( 'search-placeholder' );
	} else {		} else {
			searchPlaceholderText = 'Search ';
	searchPlaceholderText += $searchContainer.data( 'title' ) ? $searchContainer.data( 'title' ) : 'calculations';		searchPlaceholderText += $searchContainer.data( 'title' ) ? $searchContainer.data( 'title' ) : 'calculations';
	}		}
Line 53:		Line 53:
	} ) );		} ) );


	var categoryPlaceholderText;		var categoryPlaceholderText;

Chris.Rishel at 03:11, 27 September 2021

2021-09-27T03:11:17Z

← Older revision		Revision as of 20:11, 26 September 2021
Line 52:		Line 52:
	id: 'calculator-search-category-form'		id: 'calculator-search-category-form'
	} ) );		} ) );


			var categoryPlaceholderText;

			if( $searchContainer.data( 'category-placeholder' ) ){
			categoryPlaceholderText = $searchContainer.data( 'category-placeholder' );
			} else {
			categoryPlaceholderText = 'Show all categories';
			}

			categoryPlaceholderText = '(' + categoryPlaceholderText + ')';

	var categorySelectAttributes = {		var categorySelectAttributes = {
Line 65:		Line 76:

	$categorySelectInput.append( $( '<option>', {		$categorySelectInput.append( $( '<option>', {
	text: ~~'(Show all categories)'~~,		text: categoryPlaceholderText,
	value: ''		value: ''
	} ) );		} ) );

Chris.Rishel at 01:46, 26 September 2021

2021-09-26T01:46:27Z

← Older revision		Revision as of 18:46, 25 September 2021
Line 82:		Line 82:
	.append(		.append(
	$categorySelectInput ) );		$categorySelectInput ) );

	~~$( '#calculator-search' ).css( 'top',~~
	~~$( '#mw-navigation' ).outerHeight( true ) + $( '#contentHeader' ).outerHeight( true )~~
	);
	};		};

Chris.Rishel at 01:42, 26 September 2021

2021-09-26T01:42:58Z

← Older revision		Revision as of 18:42, 25 September 2021
Line 82:		Line 82:
	.append(		.append(
	$categorySelectInput ) );		$categorySelectInput ) );

			$( '#calculator-search' ).css( 'top',
			$( '#mw-navigation' ).outerHeight( true ) + $( '#contentHeader' ).outerHeight( true )
			);
	};		};

Chris.Rishel at 21:17, 20 September 2021

2021-09-20T21:17:05Z

← Older revision		Revision as of 14:17, 20 September 2021
Line 34:		Line 34:
	.on( 'input', function() {		.on( 'input', function() {
	mw.calculators.searchCalculations( $( this ).val() );		mw.calculators.searchCalculations( $( this ).val() );
			} )
			.on( 'keypress', function( e ) {
			if( event.keyCode === 13 ) {
			e.preventDefault();
			return false;
			}
	} );		} );

Chris.Rishel at 22:28, 19 September 2021

2021-09-19T22:28:11Z

← Older revision		Revision as of 15:28, 19 September 2021
Line 47:		Line 47:
	} ) );		} ) );

	~~mw.trackSubscribe( 'mw.calculators.CalculatorRendered', function() {~~		var categorySelectAttributes = {
	var categorySelectAttributes = {		id: 'calculator-category-input',
	id: 'calculator-category-input',		class: 'custom-select custom-select-sm'
	class: 'custom-select custom-select-sm'		};
	};
			var $categorySelectInput = $( '<select>', categorySelectAttributes )
			.on( 'change', function() {
			mw.calculators.selectCategory( $( this ).val() );
			} );

	~~var $categorySelectInput = $( '<select>', categorySelectAttributes )~~
	~~.on( 'change', function() {~~
	~~mw.calculators.selectCategory( $( this ).val() );~~
	~~} );~~

			$categorySelectInput.append( $( '<option>', {
			text: '(Show all categories)',
			value: ''
			} ) );

			$( '.calculator-calculationcategory' ).each( function() {
	$categorySelectInput.append( $( '<option>', {		$categorySelectInput.append( $( '<option>', {
	~~text~~: '(~~Show all categories~~)',		value: $( this ).data( 'id' ),
	~~value~~: ''		html: $( this ).data( 'title' )
	} ) );		} ) );
			} );

	~~$( '.calculator' ).each( function() {~~		$( '#calculator-search-category-form' )
	~~$categorySelectInput.append( $( '<option>', {~~		.replaceWith( $( '<form>', {
	~~value: $( this ).data( 'id' ),~~		id: 'calculator-search-category-form'
	~~html: $( this ).data( 'title' )~~		} )
	~~} ) );~~		.append(
	~~} );~~		$categorySelectInput ) );

	$( '#calculator-search-category-form' )
	.replaceWith( $( '<form>', {
	id: 'calculator-search-category-form'
	} )
	.append(
	$categorySelectInput ) );
	} );
	};		};

	mw.calculators.searchCalculations = function( searchText ) {		mw.calculators.searchCalculations = function( searchText ) {
	var $~~calculators~~ = $( '.calculator' );		var $calculationCategories = $( '.calculator-calculationcategory' );

	var reSearch = new RegExp( searchText, 'im' );		var reSearch = new RegExp( searchText, 'im' );

	$~~calculators~~.each( function() {		$calculationCategories.each( function() {
	// Get the calculations contained by the calculator		// Get the calculations contained by the calculator
	var $calculations = $( this ).find( '.calculator-calculation' );		var $calculations = $( this ).find( '.calculator-calculation' );
Line 91:		Line 89:
	// If no search text is defined or if the search text matches one of the search terms,		// If no search text is defined or if the search text matches one of the search terms,
	// show the calculator and all calculations.		// show the calculator and all calculations.
	var ~~showCalculator~~ = !searchText \|\| reSearch.test( $( this ).data( 'search' ) );		var showCalculationCategory = !searchText \|\| reSearch.test( $( this ).data( 'search' ) );

	if( ~~showCalculator~~ ) {		if( showCalculationCategory ) {
	// If the entire calculator should be shown, show all calculations		// If the entire calculator should be shown, show all calculations
	$calculations.each( function() {		$calculations.each( function() {
Line 108:		Line 106:

	// Make sure the calculator heading and structure gets shown		// Make sure the calculator heading and structure gets shown
	~~showCalculator~~ = true;		showCalculationCategory = true;
	} else {		} else {
	$( this ).hide();		$( this ).hide();
Line 117:		Line 115:
	// If either the calculator or any contained calculations matched, show the calculator container		// If either the calculator or any contained calculations matched, show the calculator container
	// (i.e. title and structure for the calculations)		// (i.e. title and structure for the calculations)
	if( ~~showCalculator~~ ) {		if( showCalculationCategory ) {
	$( this ).show();		$( this ).show();
	} else {		} else {
Line 125:		Line 123:
	};		};

	mw.calculators.selectCategory = function( ~~calculatorId~~ ) {		mw.calculators.selectCategory = function( calculationCategoryId ) {
	$( '.calculator' ).each( function() {		$( '.calculator-calculationcategory' ).each( function() {
	if( !~~calculatorId~~ \|\| $( this ).data( 'id' ) === ~~calculatorId~~ ) {		if( !calculationCategoryId \|\| $( this ).data( 'id' ) === calculationCategoryId ) {
	$( this ).show();		$( this ).show();
	} else {		} else {