/**

 * This file contains the functions needed for the inline editing of posts.

 *

 * @since 2.7.0

 * @output wp-admin/js/inline-edit-post.js

 */

/* global ajaxurl, typenow, inlineEditPost */

window.wp = window.wp || {};

/**

 * Manages the quick edit and bulk edit windows for editing posts or pages.

 *

 * @namespace inlineEditPost

 *

 * @since 2.7.0

 *

 * @type {Object}

 *

 * @property {string} type The type of inline editor.

 * @property {string} what The prefix before the post ID.

 *

 */

( function( $, wp ) {

	window.inlineEditPost = {

	/**

	 * Initializes the inline and bulk post editor.

	 *

	 * Binds event handlers to the Escape key to close the inline editor

	 * and to the save and close buttons. Changes DOM to be ready for inline

	 * editing. Adds event handler to bulk edit.

	 *

	 * @since 2.7.0

	 *

	 * @memberof inlineEditPost

	 *

	 * @return {void}

	 */

	init : function(){

		var t = this, qeRow = $('#inline-edit'), bulkRow = $('#bulk-edit');

		t.type = $('table.widefat').hasClass('pages') ? 'page' : 'post';

		// Post ID prefix.

		t.what = '#post-';

		/**

		 * Binds the Escape key to revert the changes and close the quick editor.

		 *

		 * @return {boolean} The result of revert.

		 */

		qeRow.on( 'keyup', function(e){

			// Revert changes if Escape key is pressed.

			if ( e.which === 27 ) {

				return inlineEditPost.revert();

			}

		});

		/**

		 * Binds the Escape key to revert the changes and close the bulk editor.

		 *

		 * @return {boolean} The result of revert.

		 */

		bulkRow.on( 'keyup', function(e){

			// Revert changes if Escape key is pressed.

			if ( e.which === 27 ) {

				return inlineEditPost.revert();

			}

		});

		/**

		 * Reverts changes and close the quick editor if the cancel button is clicked.

		 *

		 * @return {boolean} The result of revert.

		 */

		$( '.cancel', qeRow ).on( 'click', function() {

			return inlineEditPost.revert();

		});

		/**

		 * Saves changes in the quick editor if the save(named: update) button is clicked.

		 *

		 * @return {boolean} The result of save.

		 */

		$( '.save', qeRow ).on( 'click', function() {

			return inlineEditPost.save(this);

		});

		/**

		 * If Enter is pressed, and the target is not the cancel button, save the post.

		 *

		 * @return {boolean} The result of save.

		 */

		$('td', qeRow).on( 'keydown', function(e){

			if ( e.which === 13 && ! $( e.target ).hasClass( 'cancel' ) ) {

				return inlineEditPost.save(this);

			}

		});

		/**

		 * Reverts changes and close the bulk editor if the cancel button is clicked.

		 *

		 * @return {boolean} The result of revert.

		 */

		$( '.cancel', bulkRow ).on( 'click', function() {

			return inlineEditPost.revert();

		});

		/**

		 * Disables the password input field when the private post checkbox is checked.

		 */

		$('#inline-edit .inline-edit-private input[value="private"]').on( 'click', function(){

			var pw = $('input.inline-edit-password-input');

			if ( $(this).prop('checked') ) {

				pw.val('').prop('disabled', true);

			} else {

				pw.prop('disabled', false);

			}

		});

		/**

		 * Binds click event to the .editinline button which opens the quick editor.

		 */

		$( '#the-list' ).on( 'click', '.editinline', function() {

			$( this ).attr( 'aria-expanded', 'true' );

			inlineEditPost.edit( this );

		});

		$('#bulk-edit').find('fieldset:first').after(

		).siblings( 'fieldset:last' ).prepend(

			$( '#inline-edit .inline-edit-tags-wrap' ).clone()

		);

		$('select[name="_status"] option[value="future"]', bulkRow).remove();

		/**

		 * Adds onclick events to the apply buttons.

		 */

		$('#doaction').on( 'click', function(e){

			t.whichBulkButtonId = $( this ).attr( 'id' );

			n = t.whichBulkButtonId.substr( 2 );

			if ( 'edit' === $( 'select[name="' + n + '"]' ).val() ) {

				e.preventDefault();

				t.setBulk();

			} else if ( $('form#posts-filter tr.inline-editor').length > 0 ) {

				t.revert();

			}

		});

	},

	/**

	 * Toggles the quick edit window, hiding it when it's active and showing it when

	 * inactive.

	 *

	 * @since 2.7.0

	 *

	 * @memberof inlineEditPost

	 *

	 * @param {Object} el Element within a post table row.

	 */

	toggle : function(el){

		var t = this;

		$( t.what + t.getId( el ) ).css( 'display' ) === 'none' ? t.revert() : t.edit( el );

	},

	/**

	 * Creates the bulk editor row to edit multiple posts at once.

	 *

	 * @since 2.7.0

	 *

	 * @memberof inlineEditPost

	 */

	setBulk : function(){

		var te = '', type = this.type, c = true;

		var checkedPosts = $( 'tbody th.check-column input[type="checkbox"]:checked' );

		var categories = {};

		this.revert();

		$( '#bulk-edit td' ).attr( 'colspan', $( 'th:visible, td:visible', '.widefat:first thead' ).length );

		// Insert the editor at the top of the table with an empty row above to maintain zebra striping.

		$('table.widefat tbody').prepend( $('#bulk-edit') ).prepend('<tr class="hidden"></tr>');

		$('#bulk-edit').addClass('inline-editor').show();

		/**

		 * Create a HTML div with the title and a link(delete-icon) for each selected

		 * post.

		 *

		 * Get the selected posts based on the checked checkboxes in the post table.

		 */

		$( 'tbody th.check-column input[type="checkbox"]' ).each( function() {

			// If the checkbox for a post is selected, add the post to the edit list.

			if ( $(this).prop('checked') ) {

				c = false;

				var id = $( this ).val(),

					theTitle = $( '#inline_' + id + ' .post_title' ).html() || wp.i18n.__( '(no title)' ),

					buttonVisuallyHiddenText = wp.i18n.sprintf(

						/* translators: %s: Post title. */

						wp.i18n.__( 'Remove “%s” from Bulk Edit' ),

						theTitle

					);

				te += '<li class="ntdelitem"><button type="button" id="_' + id + '" class="button-link ntdelbutton"><span class="screen-reader-text">' + buttonVisuallyHiddenText + '</span></button><span class="ntdeltitle" aria-hidden="true">' + theTitle + '</span></li>';

			}

		});

		// If no checkboxes where checked, just hide the quick/bulk edit rows.

		if ( c ) {

			return this.revert();

		}

		// Populate the list of items to bulk edit.

		$( '#bulk-titles' ).html( '<ul id="bulk-titles-list" role="list">' + te + '</ul>' );

		// Gather up some statistics on which of these checked posts are in which categories.

		checkedPosts.each( function() {

			var id      = $( this ).val();

			var checked = $( '#category_' + id ).text().split( ',' );

			checked.map( function( cid ) {

				categories[ cid ] || ( categories[ cid ] = 0 );

				// Just record that this category is checked.

				categories[ cid ]++;

			} );

		} );

		// Compute initial states.

		$( '.inline-edit-categories input[name="post_category[]"]' ).each( function() {

			if ( categories[ $( this ).val() ] == checkedPosts.length ) {

				// If the number of checked categories matches the number of selected posts, then all posts are in this category.

				$( this ).prop( 'checked', true );

			} else if ( categories[ $( this ).val() ] > 0 ) {

				// If the number is less than the number of selected posts, then it's indeterminate.

				$( this ).prop( 'indeterminate', true );

				if ( ! $( this ).parent().find( 'input[name="indeterminate_post_category[]"]' ).length ) {

					// Get the term label text.

					var label = $( this ).parent().text();

					$( this ).after( '<input type="hidden" name="indeterminate_post_category[]" value="' + $( this ).val() + '">' ).attr( 'aria-label', label.trim() + ': ' + wp.i18n.__( 'Some selected posts have this category' ) );

				}

			}

		} );

		$( '.inline-edit-categories input[name="post_category[]"]:indeterminate' ).on( 'change', function() {

			// Remove accessible label text. Remove the indeterminate flags as there was a specific state change.

			$( this ).removeAttr( 'aria-label' ).parent().find( 'input[name="indeterminate_post_category[]"]' ).remove();

		} );

		$( '.inline-edit-save button' ).on( 'click', function() {

			$( '.inline-edit-categories input[name="post_category[]"]' ).prop( 'indeterminate', false );

		} );

		/**

		 * Binds on click events to handle the list of items to bulk edit.

		 *

		 * @listens click

		 */

		$( '#bulk-titles .ntdelbutton' ).click( function() {

			var $this = $( this ),

				id = $this.attr( 'id' ).substr( 1 ),

				$prev = $this.parent().prev().children( '.ntdelbutton' ),

				$next = $this.parent().next().children( '.ntdelbutton' );

			$( 'input#cb-select-all-1, input#cb-select-all-2' ).prop( 'checked', false );

			$( 'table.widefat input[value="' + id + '"]' ).prop( 'checked', false );

			$( '#_' + id ).parent().remove();

			wp.a11y.speak( wp.i18n.__( 'Item removed.' ), 'assertive' );

			// Move focus to a proper place when items are removed.

			if ( $next.length ) {

				$next.focus();

			} else if ( $prev.length ) {

				$prev.focus();

			} else {

				$( '#bulk-titles-list' ).remove();

				inlineEditPost.revert();

				wp.a11y.speak( wp.i18n.__( 'All selected items have been removed. Select new items to use Bulk Actions.' ) );

			}

		});

		// Enable auto-complete for tags when editing posts.

		if ( 'post' === type ) {

			$( 'tr.inline-editor textarea[data-wp-taxonomy]' ).each( function ( i, element ) {

				/*

				 * While Quick Edit clones the form each time, Bulk Edit always re-uses

				 * the same form. Let's check if an autocomplete instance already exists.

				 */

				if ( $( element ).autocomplete( 'instance' ) ) {

					// jQuery equivalent of `continue` within an `each()` loop.

					return;

				}

				$( element ).wpTagsSuggest();

			} );

		}

		// Set initial focus on the Bulk Edit region.

		$( '#bulk-edit .inline-edit-wrapper' ).attr( 'tabindex', '-1' ).focus();

		// Scrolls to the top of the table where the editor is rendered.

		$('html, body').animate( { scrollTop: 0 }, 'fast' );

	},

	/**

	 * Creates a quick edit window for the post that has been clicked.

	 *

	 * @since 2.7.0

	 *

	 * @memberof inlineEditPost

	 *

	 * @param {number|Object} id The ID of the clicked post or an element within a post

	 *                           table row.

	 * @return {boolean} Always returns false at the end of execution.

	 */

	edit : function(id) {

		var t = this, fields, editRow, rowData, status, pageOpt, pageLevel, nextPage, pageLoop = true, nextLevel, f, val, pw;

		t.revert();

		if ( typeof(id) === 'object' ) {

			id = t.getId(id);

		}

		fields = ['post_title', 'post_name', 'post_author', '_status', 'jj', 'mm', 'aa', 'hh', 'mn', 'ss', 'post_password', 'post_format', 'menu_order', 'page_template'];

		if ( t.type === 'page' ) {

			fields.push('post_parent');

		}

		// Add the new edit row with an extra blank row underneath to maintain zebra striping.

		editRow = $('#inline-edit').clone(true);

		$( 'td', editRow ).attr( 'colspan', $( 'th:visible, td:visible', '.widefat:first thead' ).length );

		// Remove the ID from the copied row and let the `for` attribute reference the hidden ID.