/*!
 * TemplateData Generator edit template page init
 *
 * @author Moriel Schottlender
 * @author Ed Sanders
 */

/* global ve */

$( function () {
	'use strict';

	new mw.Api().loadMessages( 'templatedata-doc-subpage', { amlang: mw.config.get( 'wgContentLanguage' ) } ).then( function () {
		var pieces, isDocPage, target,
			pageName = mw.config.get( 'wgPageName' ),
			docSubpage = mw.msg( 'templatedata-doc-subpage' ),
			config = {
				pageName: pageName,
				isPageSubLevel: false
			},
			$textbox = $( '#wpTextbox1' );

		pieces = pageName.split( '/' );
		isDocPage = pieces.length > 1 && pieces[ pieces.length - 1 ] === docSubpage;

		config = {
			pageName: pageName,
			isPageSubLevel: pieces.length > 1,
			parentPage: pageName,
			isDocPage: isDocPage,
			docSubpage: docSubpage
		};

		// Only if we are in a doc page do we set the parent page to
		// the one above. Otherwise, all parent pages are current pages
		if ( isDocPage ) {
			pieces.pop();
			config.parentPage = pieces.join( '/' );
		}

		// Textbox wikitext editor
		if ( $textbox.length ) {
			// Prepare the editor
			target = new mw.TemplateData.Target( $textbox, config );
			$( '#mw-content-text' ).prepend( target.$element );
		}
		// Visual editor source mode
		mw.hook( 've.activationComplete' ).add( function () {
			var surface = ve.init.target.getSurface();
			if ( surface.getMode() === 'source' ) {
				// Source mode will have created a dummy textbox
				$textbox = $( '#wpTextbox1' );
				target = new mw.TemplateData.Target( $textbox, config );
				// Use the same font size as main content text
				target.$element.addClass( 'mw-body-content' );
				$( '.ve-init-mw-desktopArticleTarget-originalContent' ).prepend( target.$element );
			}
		} );
		mw.hook( 've.deactivationComplete' ).add( function () {
			if ( target ) {
				target.destroy();
				target = null;
			}
		} );
	} );
} );