/* global ajaxurl, wpAjax */

/**

 * @param {jQuery} $ jQuery object.

 */

( function( $ ) {

var functions = {

	add:     'ajaxAdd',

	del:     'ajaxDel',

	dim:     'ajaxDim',

	process: 'process',

	recolor: 'recolor'

}, wpList;

/**

 * @namespace

 */

wpList = {

	/**

	 * @member {object}

	 */

	settings: {

		/**

		 * URL for Ajax requests.

		 *

		 * @member {string}

		 */

		url: ajaxurl,

		/**

		 * The HTTP method to use for Ajax requests.

		 *

		 * @member {string}

		 */

		type: 'POST',

		/**

		 * ID of the element the parsed Ajax response will be stored in.

		 *

		 * @member {string}

		 */

		response: 'ajax-response',

		/**

		 * The type of list.

		 *

		 * @member {string}

		 */

		what: '',

		/**

		 * CSS class name for alternate styling.

		 *

		 * @member {string}

		 */

		alt: 'alternate',

		/**

		 * Offset to start alternate styling from.

		 *

		 * @member {number}

		 */

		altOffset: 0,

		/**

		 * Color used in animation when adding an element.

		 *

		 * Can be 'none' to disable the animation.

		 *

		 * @member {string}

		 */

		addColor: '#ffff33',

		/**

		 * Color used in animation when deleting an element.

		 *

		 * Can be 'none' to disable the animation.

		 *

		 * @member {string}

		 */

		delColor: '#faafaa',

		/**

		 * Color used in dim add animation.

		 *

		 * Can be 'none' to disable the animation.

		 *

		 * @member {string}

		 */

		dimAddColor: '#ffff33',

		/**

		 * Color used in dim delete animation.

		 *

		 * Can be 'none' to disable the animation.

		 *

		 * @member {string}

		 */

		dimDelColor: '#ff3333',

		/**

		 * Callback that's run before a request is made.

		 *

		 * @callback wpList~confirm

		 * @param {object}      this

		 * @param {HTMLElement} list            The list DOM element.

		 * @param {object}      settings        Settings for the current list.

		 * @param {string}      action          The type of action to perform: 'add', 'delete', or 'dim'.

		 * @param {string}      backgroundColor Background color of the list's DOM element.

		 * @returns {boolean} Whether to proceed with the action or not.

		 */

		confirm: null,

		/**

		 * Callback that's run before an item gets added to the list.

		 *

		 * Allows to cancel the request.

		 *

		 * @callback wpList~addBefore

		 * @param {object} settings Settings for the Ajax request.

		 * @returns {object|boolean} Settings for the Ajax request or false to abort.

		 */

		addBefore: null,

		/**

		 * Callback that's run after an item got added to the list.

		 *

		 * @callback wpList~addAfter

		 * @param {XML}    returnedResponse Raw response returned from the server.

		 * @param {object} settings         Settings for the Ajax request.

		 * @param {jqXHR}  settings.xml     jQuery XMLHttpRequest object.

		 * @param {string} settings.status  Status of the request: 'success', 'notmodified', 'nocontent', 'error',

		 *                                  'timeout', 'abort', or 'parsererror'.

		 * @param {object} settings.parsed  Parsed response object.

		 */

		addAfter: null,

		/**

		 * Callback that's run before an item gets deleted from the list.

		 *

		 * Allows to cancel the request.

		 *

		 * @callback wpList~delBefore

		 * @param {object}      settings Settings for the Ajax request.

		 * @param {HTMLElement} list     The list DOM element.

		 * @returns {object|boolean} Settings for the Ajax request or false to abort.

		 */

		delBefore: null,

		/**

		 * Callback that's run after an item got deleted from the list.

		 *

		 * @callback wpList~delAfter

		 * @param {XML}    returnedResponse Raw response returned from the server.

		 * @param {object} settings         Settings for the Ajax request.

		 * @param {jqXHR}  settings.xml     jQuery XMLHttpRequest object.

		 * @param {string} settings.status  Status of the request: 'success', 'notmodified', 'nocontent', 'error',

		 *                                  'timeout', 'abort', or 'parsererror'.

		 * @param {object} settings.parsed  Parsed response object.

		 */

		delAfter: null,

		/**

		 * Callback that's run before an item gets dim'd.

		 *

		 * Allows to cancel the request.

		 *

		 * @callback wpList~dimBefore

		 * @param {object} settings Settings for the Ajax request.

		 * @returns {object|boolean} Settings for the Ajax request or false to abort.

		 */

		dimBefore: null,

		/**

		 * Callback that's run after an item got dim'd.

		 *

		 * @callback wpList~dimAfter

		 * @param {XML}    returnedResponse Raw response returned from the server.

		 * @param {object} settings         Settings for the Ajax request.

		 * @param {jqXHR}  settings.xml     jQuery XMLHttpRequest object.

		 * @param {string} settings.status  Status of the request: 'success', 'notmodified', 'nocontent', 'error',

		 *                                  'timeout', 'abort', or 'parsererror'.

		 * @param {object} settings.parsed  Parsed response object.

		 */

		dimAfter: null

	},

	/**

	 * Finds a nonce.

	 *

	 * 1. Nonce in settings.

	 * 2. `_ajax_nonce` value in element's href attribute.

	 * 3. `_ajax_nonce` input field that is a descendant of element.

	 * 4. `_wpnonce` value in element's href attribute.

	 * 5. `_wpnonce` input field that is a descendant of element.

	 * 6. 0 if none can be found.

	 *

	 * @param {jQuery} element  Element that triggered the request.

	 * @param {object} settings Settings for the Ajax request.

	 * @returns {string|number} Nonce

	 */

	nonce: function( element, settings ) {

		var url      = wpAjax.unserialize( element.attr( 'href' ) ),

			$element = $( '#' + settings.element );

		return settings.nonce || url._ajax_nonce || $element.find( 'input[name="_ajax_nonce"]' ).val() || url._wpnonce || $element.find( 'input[name="_wpnonce"]' ).val() || 0;

	},

	/**

	 * Extract list item data from a DOM element.

	 *

	 * Example 1: data-wp-lists="delete:the-comment-list:comment-{comment_ID}:66cc66:unspam=1"

	 * Example 2: data-wp-lists="dim:the-comment-list:comment-{comment_ID}:unapproved:e7e7d3:e7e7d3:new=approved"

	 *

	 * Returns an unassociated array with the following data:

	 * data[0] - Data identifier: 'list', 'add', 'delete', or 'dim'.

	 * data[1] - ID of the corresponding list. If data[0] is 'list', the type of list ('comment', 'category', etc).

	 * data[2] - ID of the parent element of all inputs necessary for the request.

	 * data[3] - Hex color to be used in this request. If data[0] is 'dim', dim class.

	 * data[4] - Additional arguments in query syntax that are added to the request. Example: 'post_id=1234'.

	 *           If data[0] is 'dim', dim add color.

	 * data[5] - Only available if data[0] is 'dim', dim delete color.

	 * data[6] - Only available if data[0] is 'dim', additional arguments in query syntax that are added to the request.

	 *

	 * Result for Example 1:

	 * data[0] - delete

	 * data[1] - the-comment-list

	 * data[2] - comment-{comment_ID}

	 * data[3] - 66cc66

	 * data[4] - unspam=1

	 *

	 * @param  {HTMLElement} element The DOM element.

	 * @param  {string}      type    The type of data to look for: 'list', 'add', 'delete', or 'dim'.

	 * @returns {Array} Extracted list item data.

	 */

	parseData: function( element, type ) {

		var data = [], wpListsData;

		try {

			wpListsData = $( element ).data( 'wp-lists' ) || '';

			wpListsData = wpListsData.match( new RegExp( type + ':[\\S]+' ) );

			if ( wpListsData ) {

				data = wpListsData[0].split( ':' );

			}

		} catch ( error ) {}

		return data;

	},

	/**

	 * Calls a confirm callback to verify the action that is about to be performed.

	 *

	 * @param {HTMLElement} list     The DOM element.

	 * @param {object}      settings Settings for this list.

	 * @param {string}      action   The type of action to perform: 'add', 'delete', or 'dim'.

	 * @returns {object|boolean} Settings if confirmed, false if not.

	 */

	pre: function( list, settings, action ) {

		var $element, backgroundColor, confirmed;

		settings = $.extend( {}, this.wpList.settings, {

			element: null,

			nonce:   0,

			target:  list.get( 0 )

		}, settings || {} );

		if ( $.isFunction( settings.confirm ) ) {

			$element = $( '#' + settings.element );

			if ( 'add' !== action ) {

				backgroundColor = $element.css( 'backgroundColor' );

				$element.css( 'backgroundColor', '#ff9966' );

			}

			confirmed = settings.confirm.call( this, list, settings, action, backgroundColor );

			if ( 'add' !== action ) {

				$element.css( 'backgroundColor', backgroundColor );

			}

			if ( ! confirmed ) {

				return false;

			}

		}

		return settings;

	},

	/**

	 * Adds an item to the list via AJAX.

	 *

	 * @param {HTMLElement} element  The DOM element.

	 * @param {object}      settings Settings for this list.

	 * @returns {boolean} Whether the item was added.

	 */

	ajaxAdd: function( element, settings ) {

		var list     = this,

			$element = $( element ),

			data     = wpList.parseData( $element, 'add' ),

			formValues, formData, parsedResponse, returnedResponse;

		settings = settings || {};

		settings = wpList.pre.call( list, $element, settings, 'add' );

		settings.element  = data[2] || $element.prop( 'id' ) || settings.element || null;

		settings.addColor = data[3] ? '#' + data[3] : settings.addColor;

		if ( ! settings ) {

			return false;

		}

		if ( ! $element.is( '[id="' + settings.element + '-submit"]' ) ) {

			return ! wpList.add.call( list, $element, settings );

		}

		if ( ! settings.element ) {

			return true;

		}

		settings.action = 'add-' + settings.what;

		settings.nonce  = wpList.nonce( $element, settings );

		if ( ! wpAjax.validateForm( '#' + settings.element ) ) {

			return false;

		}

		settings.data = $.param( $.extend( {

			_ajax_nonce: settings.nonce,

			action:      settings.action

		}, wpAjax.unserialize( data[4] || '' ) ) );

		formValues = $( '#' + settings.element + ' :input' ).not( '[name="_ajax_nonce"], [name="_wpnonce"], [name="action"]' );

		formData   = $.isFunction( formValues.fieldSerialize ) ? formValues.fieldSerialize() : formValues.serialize();

		if ( formData ) {

			settings.data += '&' + formData;

		}

		if ( $.isFunction( settings.addBefore ) ) {

			settings = settings.addBefore( settings );

			if ( ! settings ) {

				return true;

			}

		}

		if ( ! settings.data.match( /_ajax_nonce=[a-f0-9]+/ ) ) {

			return true;

		}

		settings.success = function( response ) {

			parsedResponse   = wpAjax.parseAjaxResponse( response, settings.response, settings.element );

			returnedResponse = response;

			if ( ! parsedResponse || parsedResponse.errors ) {

				return false;

			}

			if ( true === parsedResponse ) {

				return true;

			}

			$.each( parsedResponse.responses, function() {

				wpList.add.call( list, this.data, $.extend( {}, settings, { // this.firstChild.nodevalue

					position: this.position || 0,

					id:       this.id || 0,

					oldId:    this.oldId || null

				} ) );

			} );

			list.wpList.recolor();

			$( list ).trigger( 'wpListAddEnd', [ settings, list.wpList ] );

			wpList.clear.call( list, '#' + settings.element );

		};

		settings.complete = function( jqXHR, status ) {

			if ( $.isFunction( settings.addAfter ) ) {

				settings.addAfter( returnedResponse, $.extend( {

					xml:    jqXHR,

					status: status,

					parsed: parsedResponse