/**

 * This file is used on the term overview page to power quick-editing terms.

 */

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

/**

 * Consists of functions relevant to the inline taxonomy editor.

 *

 * @namespace inlineEditTax

 *

 * @property {string} type The type of inline edit we are currently on.

 * @property {string} what The type property with a hash prefixed and a dash

 *                         suffixed.

 */

( function( $, wp ) {

	/**

	 * @summary Initializes the inline taxonomy editor.

	 *

	 * Adds event handlers to be able to quick edit.

	 *

	 * @since 2.7.0

	 *

	 * @this inlineEditTax

	 * @memberof inlineEditTax

	 * @returns {void}

	 */

		/*

		 * @summary Cancels inline editing when pressing escape inside the inline editor.

		 *

		 * @param {Object} e The keyup event that has been triggered.

		 */

			// 27 = [escape]

		/**

		 * @summary Cancels inline editing when clicking the cancel button.

		 */

		$( '.cancel', row ).click( function() {

		/**

		 * @summary Saves the inline edits when clicking the save button.

		 */

		$( '.save', row ).click( function() {

		/**

		 * @summary Saves the inline edits when pressing enter inside the inline editor.

		 */

			// 13 = [enter]

		/**

		 * @summary Saves the inline edits on submitting the inline edit form.

		 */

	/**

	 * Toggles the quick edit based on if it is currently shown or hidden.

	 *

	 * @since 2.7.0

	 *

	 * @this inlineEditTax

	 * @memberof inlineEditTax

	 *

	 * @param {HTMLElement} el An element within the table row or the table row

	 *                         itself that we want to quick edit.

	 * @returns {void}

	 */

	/**

	 * Shows the quick editor

	 *

	 * @since 2.7.0

	 *

	 * @this inlineEditTax

	 * @memberof inlineEditTax

	 *

	 * @param {string|HTMLElement} id The ID of the term we want to quick edit or an

	 *                                element within the table row or the

	 * table row itself.

	 * @returns {boolean} Always returns false.

	 */

		// Makes sure we can pass an HTMLElement as the ID.

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

	/**

	 * @summary Saves the quick edit data.

	 *

	 * Saves the quick edit data to the server and replaces the table row with the

	 * HTML retrieved from the server.

	 *

	 * @since 2.7.0

	 *

	 * @this inlineEditTax

	 * @memberof inlineEditTax

	 *

	 * @param {string|HTMLElement} id The ID of the term we want to quick edit or an

	 *                                element within the table row or the

	 * table row itself.

	 * @returns {boolean} Always returns false.

	 */

		// Makes sure we can pass an HTMLElement as the ID.

		// Do the ajax request to save the data to the server.

			/**

			 * @summary Handles the response from the server.

			 *

			 * Handles the response from the server, replaces the table row with the response

			 * from the server.

			 *

			 * @param {string} r The string with which to replace the table row.

			 */

				var row, new_id, option_value,

					$errorNotice = $( '#edit-' + id + ' .inline-edit-save .notice-error' ),

					$error = $errorNotice.find( '.error' );

						row.hide().fadeIn( 400, function() {

							// Move focus back to the Quick Edit link.

							row.find( '.editinline' ).focus();

							wp.a11y.speak( inlineEditL10n.saved );

						});

						$errorNotice.removeClass( 'hidden' );

						$error.html( r );

						/*

						 * Some error strings may contain HTML entities (e.g. `&#8220`), let's use

						 * the HTML element's text.

						 */

						wp.a11y.speak( $error.text() );

					$errorNotice.removeClass( 'hidden' );

					$error.html( inlineEditL10n.error );

					wp.a11y.speak( inlineEditL10n.error );

		// Prevent submitting the form when pressing Enter on a focused field.

	/**

	 * Closes the quick edit form.

	 *

	 * @since 2.7.0

	 *

	 * @this inlineEditTax

	 * @memberof inlineEditTax

	 * @returns {void}

	 */

			// Show the taxonomy row and move focus back to the Quick Edit link.

			$( this.what + id ).show().find( '.editinline' ).focus();

	/**

	 * Retrieves the ID of the term of the element inside the table row.

	 *

	 * @since 2.7.0

	 *

	 * @memberof inlineEditTax

	 *

	 * @param {HTMLElement} o An element within the table row or the table row itself.

	 * @returns {string} The ID of the term based on the element.

	 */

})( jQuery, window.wp );