MediaWiki:Common.js

注意: 保存後、変更を確認するにはブラウザーのキャッシュを消去する必要がある場合があります。

• Firefox / Safari: Shift を押しながら 再読み込み をクリックするか、Ctrl-F5 または Ctrl-R を押してください (Mac では ⌘-R)
• Google Chrome: Ctrl-Shift-R を押してください (Mac では ⌘-Shift-R)
• Microsoft Edge: Ctrl を押しながら 最新の情報に更新 をクリックするか、Ctrl-F5 を押してください。

/* RTA Wiki: PCでは匿名利用者の初回訪問時にメインメニューを左側に表示 */
(function () {
	var prefKey = 'rta-main-menu-pinned-initialized';

	if ( mw.config.get( 'wgUserName' ) || !window.matchMedia( '(min-width: 1000px)' ).matches ) {
		return;
	}

	try {
		if ( window.localStorage.getItem( prefKey ) === '1' ) {
			return;
		}
	} catch ( e ) {
		// Ignore unavailable local storage.
	}

	function pinMainMenu() {
		var pinButton = document.querySelector(
			'[data-event-name="pinnable-header.vector-main-menu.pin"]'
		);
		if ( !pinButton ) {
			return;
		}

		pinButton.click();
		try {
			window.localStorage.setItem( prefKey, '1' );
		} catch ( e ) {
			// Ignore unavailable local storage.
		}
	}

	if ( document.documentElement.classList.contains( 'vector-animations-ready' ) ) {
		pinMainMenu();
		return;
	}

	var observer = new MutationObserver( function () {
		if ( document.documentElement.classList.contains( 'vector-animations-ready' ) ) {
			pinMainMenu();
			observer.disconnect();
		}
	} );
	observer.observe( document.documentElement, {
		attributes: true,
		attributeFilter: [ 'class' ]
	} );
}());

/* RTA Wiki: 管理者以外には既存ページの編集導線を表示しない */
mw.loader.using( 'mediawiki.util' ).then( function () {
	function hideEditLinks() {
		if ( mw.config.get( 'wgUserGroups' ).includes( 'sysop' ) ) {
			return;
		}

		document.querySelectorAll(
			'#ca-edit, #ca-ve-edit, #ca-formedit, [id^="ca-formedit"], a[href*="action=formedit"]'
		).forEach( function ( element ) {
			( element.closest( 'li' ) || element ).remove();
		} );
	}

	if ( document.readyState === 'loading' ) {
		document.addEventListener( 'DOMContentLoaded', hideEditLinks );
	} else {
		hideEditLinks();
	}
} );

/* RTA Wiki: 時・分・秒の入力から記録時間・記録秒を自動設定する */
mw.loader.using( 'mediawiki.util' ).then( function () {
	function setUpRecordTimeInputs() {
		var timeInput = document.querySelector(
			'input[name="RTA記録[記録時間]"], input[name$="[記録時間]"]'
		);
		var secondsInput = document.querySelector(
			'input[name="RTA記録[記録秒]"], input[name$="[記録秒]"]'
		);
		var controls = document.getElementById( 'rta-time-inputs' );

		if (
			!timeInput || !secondsInput || !controls ||
			controls.dataset.rtaTimeSetUp === '1'
		) {
			return;
		}

		controls.dataset.rtaTimeSetUp = '1';
		controls.style.display = 'flex';
		controls.style.gap = '10px';
		controls.style.alignItems = 'center';
		controls.style.flexWrap = 'wrap';

		function makeInput( id, labelText, maxLength ) {
			var label = document.createElement( 'label' );
			var input = document.createElement( 'input' );

			

			input.id = id;
			input.type = 'text';
			input.inputMode = 'numeric';
			input.size = 3;
			input.maxLength = maxLength;
			input.value = '0';
input.autocomplete = 'off';
input.style.width = '4.5em';
input.style.boxSizing = 'border-box';

label.style.display = 'inline-flex';
label.style.alignItems = 'center';
label.style.gap = '4px';

label.appendChild( input );
label.appendChild( document.createTextNode( labelText ) );
			controls.appendChild( label );

			return input;
		}

		var hoursInput = makeInput( 'rta-record-hours', '時', 6 );
		var minutesInput = makeInput( 'rta-record-minutes', '分', 2 );
		var recordSecondsInput = makeInput( 'rta-record-seconds', '秒', 2 );

		var message = document.createElement( 'small' );
		message.style.display = 'block';
		message.style.marginTop = '4px';
		message.style.color = '#54595d';
		controls.insertAdjacentElement( 'afterend', message );

		function normalizeDigits( value ) {
			return value.replace( /[０-９]/g, function ( character ) {
				return String.fromCharCode( character.charCodeAt( 0 ) - 0xFEE0 );
			} ).trim();
		}

		function showMessage( text, isError ) {
			message.textContent = text;
			message.style.color = isError ? '#d33' : '#54595d';
		}

		function setVisibleValuesFromStoredTime() {
			var value = normalizeDigits( timeInput.value );
			var match = value.match( /^(\d+):([0-5]\d):([0-5]\d)$/ );

			if ( !match ) {
				return;
			}

			hoursInput.value = String( Number( match[1] ) );
			minutesInput.value = String( Number( match[2] ) );
			recordSecondsInput.value = String( Number( match[3] ) );
		}

		function updateRecordValues() {
			var hoursText = normalizeDigits( hoursInput.value );
			var minutesText = normalizeDigits( minutesInput.value );
			var secondsText = normalizeDigits( recordSecondsInput.value );

			hoursInput.value = hoursText;
			minutesInput.value = minutesText;
			recordSecondsInput.value = secondsText;

			if (
				!/^\d+$/.test( hoursText ) ||
				!/^\d+$/.test( minutesText ) ||
				!/^\d+$/.test( secondsText )
			) {
				timeInput.value = '';
				secondsInput.value = '';
				showMessage( '時・分・秒を数字で入力してください。', true );
				return false;
			}

			var hours = Number( hoursText );
			var minutes = Number( minutesText );
			var seconds = Number( secondsText );

			if (
				!Number.isSafeInteger( hours ) ||
				minutes > 59 ||
				seconds > 59
			) {
				timeInput.value = '';
				secondsInput.value = '';
				showMessage( '分・秒は 0〜59 の範囲で入力してください。', true );
				return false;
			}

			var totalSeconds = hours * 3600 + minutes * 60 + seconds;

			if ( totalSeconds === 0 ) {
				timeInput.value = '';
				secondsInput.value = '';
				showMessage( '0秒より大きい記録時間を入力してください。', true );
				return false;
			}

			timeInput.value =
				String( hours ) + ':' +
				String( minutes ).padStart( 2, '0' ) + ':' +
				String( seconds ).padStart( 2, '0' );
			secondsInput.value = String( totalSeconds );

			showMessage(
				'保存値: ' + timeInput.value + ' （' + secondsInput.value + ' 秒）',
				false
			);
			return true;
		}

		setVisibleValuesFromStoredTime();

		[ hoursInput, minutesInput, recordSecondsInput ].forEach( function ( input ) {
			input.addEventListener( 'input', updateRecordValues );
			input.addEventListener( 'change', updateRecordValues );
			input.addEventListener( 'blur', updateRecordValues );
		} );

		if ( timeInput.form ) {
			timeInput.form.addEventListener( 'submit', function ( event ) {
				if ( !updateRecordValues() ) {
					event.preventDefault();
				}
			} );
		}

		if ( timeInput.value ) {
	updateRecordValues();
} else {
	showMessage( '時・分・秒を入力してください。', false );
}
	}

	function start() {
		setUpRecordTimeInputs();
		mw.hook( 'wikipage.content' ).add( setUpRecordTimeInputs );
	}

	if ( document.readyState === 'loading' ) {
		document.addEventListener( 'DOMContentLoaded', start );
	} else {
		start();
	}
} );
/* RTA Wiki: 記録カードの並べ替え */
mw.loader.using( 'mediawiki.util' ).then( function () {
	function setUpRecordCardSorts() {
		document.querySelectorAll( '.rta-record-cards--sortable' ).forEach( function ( container, index ) {
			if ( container.dataset.rtaSortable === '1' ) {
				return;
			}
			container.dataset.rtaSortable = '1';

			var control = document.createElement( 'div' );
			var label = document.createElement( 'label' );
			var select = document.createElement( 'select' );
			var selectId = 'rta-record-sort-' + index;

			control.className = 'rta-record-sort';
			label.htmlFor = selectId;
			label.textContent = '並び順：';
			select.id = selectId;

			[
				[ 'time-asc', 'タイムが速い順' ],
				[ 'time-desc', 'タイムが遅い順' ],
				[ 'date-desc', '記録日が新しい順' ],
				[ 'date-asc', '記録日が古い順' ]
			].forEach( function ( item ) {
				var option = document.createElement( 'option' );
				option.value = item[ 0 ];
				option.textContent = item[ 1 ];
				select.appendChild( option );
			} );

			control.appendChild( label );
			control.appendChild( select );
			container.parentNode.insertBefore( control, container );

			function sortCards() {
				var cards = Array.from( container.children ).filter( function ( element ) {
					return element.classList.contains( 'rta-record-card' );
				} );

				cards.sort( function ( a, b ) {
					var mode = select.value;
					var aSeconds = Number( a.dataset.rtaSeconds );
					var bSeconds = Number( b.dataset.rtaSeconds );
					var aDate = a.dataset.rtaDate || '';
					var bDate = b.dataset.rtaDate || '';

					if ( mode === 'time-asc' || mode === 'time-desc' ) {
						if ( !Number.isFinite( aSeconds ) ) {
							return 1;
						}
						if ( !Number.isFinite( bSeconds ) ) {
							return -1;
						}
						return mode === 'time-asc' ?
							aSeconds - bSeconds :
							bSeconds - aSeconds;
					}

					if ( !aDate ) {
						return 1;
					}
					if ( !bDate ) {
						return -1;
					}

					return mode === 'date-asc' ?
						aDate.localeCompare( bDate ) :
						bDate.localeCompare( aDate );
				} );

				cards.forEach( function ( card ) {
					container.appendChild( card );
				} );
			}

			select.addEventListener( 'change', sortCards );
		} );
	}

	function start() {
		setUpRecordCardSorts();
		mw.hook( 'wikipage.content' ).add( setUpRecordCardSorts );
	}

	if ( document.readyState === 'loading' ) {
		document.addEventListener( 'DOMContentLoaded', start );
	} else {
		start();
	}
} );

/* RTA Wiki: 記録カードの年・版・実施条件による絞り込み */
mw.loader.using( 'mediawiki.util' ).then( function () {
	function setUpRecordCardFilters() {
		document.querySelectorAll( '.rta-record-cards--filterable' ).forEach( function ( container, index ) {
			if ( container.dataset.rtaFilterable === '1' ) {
				return;
			}
			container.dataset.rtaFilterable = '1';

			var cards = Array.from( container.children ).filter( function ( element ) {
				return element.classList.contains( 'rta-record-card' );
			} );

			var years = Array.from( new Set( cards.map( function ( card ) {
				return card.dataset.rtaYear;
			} ).filter( Boolean ) ) ).sort().reverse();

			var versions = Array.from( new Set( cards.map( function ( card ) {
				return card.dataset.rtaVersion;
			} ).filter( Boolean ) ) ).sort();

			var control = document.createElement( 'div' );
			var yearLabel = document.createElement( 'label' );
			var yearSelect = document.createElement( 'select' );
			var versionLabel = document.createElement( 'label' );
			var versionSelect = document.createElement( 'select' );
			var conditionLabel = document.createElement( 'label' );
			var conditionSelect = document.createElement( 'select' );
			var result = document.createElement( 'span' );
			var yearId = 'rta-record-year-filter-' + index;
			var versionId = 'rta-record-version-filter-' + index;
			var conditionId = 'rta-record-condition-filter-' + index;

			control.className = 'rta-record-filter';

			yearLabel.htmlFor = yearId;
			yearLabel.textContent = '年：';
			yearSelect.id = yearId;

			[ [ '', 'すべて' ] ].concat( years.map( function ( year ) {
				return [ year, year + '年' ];
			} ) ).forEach( function ( item ) {
				var option = document.createElement( 'option' );
				option.value = item[ 0 ];
				option.textContent = item[ 1 ];
				yearSelect.appendChild( option );
			} );

			versionLabel.htmlFor = versionId;
			versionLabel.textContent = '作品の版：';
			versionSelect.id = versionId;

			[ [ '', 'すべて' ] ].concat( versions.map( function ( version ) {
				return [ version, version ];
			} ) ).forEach( function ( item ) {
				var option = document.createElement( 'option' );
				option.value = item[ 0 ];
				option.textContent = item[ 1 ];
				versionSelect.appendChild( option );
			} );

			conditionLabel.htmlFor = conditionId;
			conditionLabel.textContent = '実施条件：';
			conditionSelect.id = conditionId;

			[
				[ '', 'すべて' ],
				[ 'normal', '通常RTA' ],
				[ 'event', '大会・イベント記録' ],
				[ 'race', '並走' ],
				[ 'single-segment', 'シングルセグメント' ]
			].forEach( function ( item ) {
				var option = document.createElement( 'option' );
				option.value = item[ 0 ];
				option.textContent = item[ 1 ];
				conditionSelect.appendChild( option );
			} );

			result.className = 'rta-record-filter__result';
			control.append(
				yearLabel, yearSelect,
				versionLabel, versionSelect,
				conditionLabel, conditionSelect,
				result
			);
			container.parentNode.insertBefore( control, container );

			function applyFilters() {
				var visibleCount = 0;

				cards.forEach( function ( card ) {
					var event = card.dataset.rtaEvent === 'はい';
					var race = card.dataset.rtaRace === 'はい';
					var singleSegment = card.dataset.rtaSingleSegment === 'はい';
					var yearMatches = !yearSelect.value ||
						card.dataset.rtaYear === yearSelect.value;
					var versionMatches = !versionSelect.value ||
						card.dataset.rtaVersion === versionSelect.value;
					var conditionMatches = (
						!conditionSelect.value ||
						( conditionSelect.value === 'normal' && !event && !race && !singleSegment ) ||
						( conditionSelect.value === 'event' && event ) ||
						( conditionSelect.value === 'race' && race ) ||
						( conditionSelect.value === 'single-segment' && singleSegment )
					);

					card.hidden = !( yearMatches && versionMatches && conditionMatches );

					if ( !card.hidden ) {
						visibleCount++;
					}
				} );

				result.textContent = visibleCount + ' / ' + cards.length + '件を表示';
			}

			yearSelect.addEventListener( 'change', applyFilters );
			versionSelect.addEventListener( 'change', applyFilters );
			conditionSelect.addEventListener( 'change', applyFilters );
			applyFilters();
		} );
	}

	function start() {
		setUpRecordCardFilters();
		mw.hook( 'wikipage.content' ).add( setUpRecordCardFilters );
	}

	if ( document.readyState === 'loading' ) {
		document.addEventListener( 'DOMContentLoaded', start );
	} else {
		start();
	}
} );