미디어위키:Gadget-CreatePageUw.js

참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.

• 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
• 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
• 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.

( function () {
	'use strict';

	if (
		mw.config.get( 'wgCanonicalSpecialPageName' ) !==
		'CreatePage'
	) {
		return;
	}

	function insertSproutImage( input, fieldLayout ) {
		var imageBox;
		var image;
		var insertionTarget;

		if (
			document.querySelector(
				'.pvz-createpage-sprout'
			)
		) {
			return;
		}

		imageBox = document.createElement( 'div' );
		imageBox.className = 'pvz-createpage-sprout';

		image = document.createElement( 'img' );
		image.src = mw.util.getUrl(
			'Special:Redirect/file/Sprout_PvZ2.png'
		);
		image.alt = '';
		image.className = 'pvz-design-critical';

		imageBox.appendChild( image );

		insertionTarget =
			fieldLayout ||
			input.closest( '.oo-ui-fieldLayout-field' ) ||
			input.parentElement;

		if (
			insertionTarget &&
			insertionTarget.parentNode
		) {
			insertionTarget.parentNode.insertBefore(
				imageBox,
				insertionTarget
			);
		}
	}

	function customizeInput( input ) {
		var inputWidget;
		var fieldLayout;

		input.placeholder =
			'새로 재배할 문서의 제목을 입력하세요';

		input.setAttribute(
			'aria-label',
			'새로 재배할 문서의 제목을 입력하세요'
		);

		input.classList.add(
			'pvz-createpage-input'
		);

		inputWidget = input.closest(
			'.oo-ui-textInputWidget'
		);

		if ( inputWidget ) {
			inputWidget.classList.add(
				'pvz-createpage-input-widget'
			);
		}

		fieldLayout = input.closest(
			'.oo-ui-fieldLayout'
		);

		if ( fieldLayout ) {
			fieldLayout.classList.add(
				'pvz-createpage-input-layout'
			);
		}

		insertSproutImage(
			input,
			fieldLayout
		);
	}

	function customizeSubmitButton( form ) {
		var submitButton;
		var submitWidget;
		var fieldLayout;
		var label;

		submitButton = form.querySelector(
			'input[type="submit"], ' +
			'button[type="submit"], ' +
			'.oo-ui-buttonInputWidget-input, ' +
			'.oo-ui-buttonElement-button'
		);

		if ( !submitButton ) {
			return;
		}

		submitButton.classList.add(
			'pvz-createpage-submit-button'
		);

		submitButton.setAttribute(
			'aria-label',
			'제출'
		);

		if (
			submitButton.tagName.toLowerCase() ===
			'input'
		) {
			submitButton.value = '제출';
		} else {
			label = submitButton.querySelector(
				'.oo-ui-labelElement-label'
			);

			if ( label ) {
				label.textContent = '제출';
			} else {
				submitButton.textContent = '제출';
			}
		}

		submitWidget = submitButton.closest(
			'.oo-ui-buttonInputWidget, ' +
			'.oo-ui-buttonWidget'
		);

		if ( submitWidget ) {
			submitWidget.classList.add(
				'pvz-createpage-submit-widget'
			);
		}

		fieldLayout = submitButton.closest(
			'.oo-ui-fieldLayout'
		);

		if ( fieldLayout ) {
			fieldLayout.classList.add(
				'pvz-createpage-submit-layout'
			);
		}
	}

	function initializeCreatePageUw() {
		var input;
		var form;

		input = document.getElementById(
			'mw-input-wptitle'
		);

		if ( !input ) {
			return;
		}

		customizeInput( input );

		form = input.closest( 'form' );

		if ( form ) {
			customizeSubmitButton( form );
		}
	}

	if ( document.readyState === 'loading' ) {
		document.addEventListener(
			'DOMContentLoaded',
			initializeCreatePageUw,
			{ once: true }
		);
	} else {
		initializeCreatePageUw();
	}
}() );