/**

 * Handles updating and editing comments.

 *

 * @file This file contains functionality for the admin comments page.

 * @since 2.1.0

 * @output wp-admin/js/edit-comments.js

 */

/* global adminCommentsSettings, thousandsSeparator, list_args, QTags, ajaxurl, wpAjax */

/* global commentReply, theExtraList, theList, setCommentsList */

(function($) {

var getCount, updateCount, updateCountText, updatePending, updateApproved,

	updateHtmlTitle, updateDashboardText, updateInModerationText, adminTitle = document.title,

	isDashboard = $('#dashboard_right_now').length,

	titleDiv, titleRegEx,

	__ = wp.i18n.__;

	/**

	 * Extracts a number from the content of a jQuery element.

	 *

	 * @since 2.9.0

	 * @access private

	 *

	 * @param {jQuery} el jQuery element.

	 *

	 * @return {number} The number found in the given element.

	 */

	getCount = function(el) {

		var n = parseInt( el.html().replace(/[^0-9]+/g, ''), 10 );

		if ( isNaN(n) ) {

			return 0;

		}

		return n;

	};

	/**

	 * Updates an html element with a localized number string.

	 *

	 * @since 2.9.0

	 * @access private

	 *

	 * @param {jQuery} el The jQuery element to update.

	 * @param {number} n Number to be put in the element.

	 *

	 * @return {void}

	 */

	updateCount = function(el, n) {

		var n1 = '';

		if ( isNaN(n) ) {

			return;

		}

		n = n < 1 ? '0' : n.toString();

		if ( n.length > 3 ) {

			while ( n.length > 3 ) {

				n1 = thousandsSeparator + n.substr(n.length - 3) + n1;

				n = n.substr(0, n.length - 3);

			}

			n = n + n1;

		}

		el.html(n);

	};

	/**

	 * Updates the number of approved comments on a specific post and the filter bar.

	 *

	 * @since 4.4.0

	 * @access private

	 *

	 * @param {number} diff The amount to lower or raise the approved count with.

	 * @param {number} commentPostId The ID of the post to be updated.

	 *

	 * @return {void}

	 */

	updateApproved = function( diff, commentPostId ) {

		var postSelector = '.post-com-count-' + commentPostId,

			noClass = 'comment-count-no-comments',

			approvedClass = 'comment-count-approved',

			approved,

			noComments;

		updateCountText( 'span.approved-count', diff );

		if ( ! commentPostId ) {

			return;

		}

		// Cache selectors to not get duplicates.

		approved = $( 'span.' + approvedClass, postSelector );

		noComments = $( 'span.' + noClass, postSelector );

		approved.each(function() {

			var a = $(this), n = getCount(a) + diff;

			if ( n < 1 )

				n = 0;

			if ( 0 === n ) {

				a.removeClass( approvedClass ).addClass( noClass );

			} else {

				a.addClass( approvedClass ).removeClass( noClass );

			}

			updateCount( a, n );

		});

		noComments.each(function() {

			var a = $(this);

			if ( diff > 0 ) {

				a.removeClass( noClass ).addClass( approvedClass );

			} else {

				a.addClass( noClass ).removeClass( approvedClass );

			}

			updateCount( a, diff );

		});

	};

	/**

	 * Updates a number count in all matched HTML elements

	 *

	 * @since 4.4.0

	 * @access private

	 *

	 * @param {string} selector The jQuery selector for elements to update a count

	 *                          for.

	 * @param {number} diff The amount to lower or raise the count with.

	 *

	 * @return {void}

	 */

	updateCountText = function( selector, diff ) {

		$( selector ).each(function() {

			var a = $(this), n = getCount(a) + diff;

			if ( n < 1 ) {

				n = 0;

			}

			updateCount( a, n );

		});

	};

	/**

	 * Updates a text about comment count on the dashboard.

	 *

	 * @since 4.4.0

	 * @access private

	 *

	 * @param {Object} response Ajax response from the server that includes a

	 *                          translated "comment count" message.

	 *

	 * @return {void}

	 */

	updateDashboardText = function( response ) {

		if ( ! isDashboard || ! response || ! response.i18n_comments_text ) {

			return;

		}

		$( '.comment-count a', '#dashboard_right_now' ).text( response.i18n_comments_text );

	};

	/**

	 * Updates the "comments in moderation" text across the UI.

	 *

	 * @since 5.2.0

	 *

	 * @param {Object} response Ajax response from the server that includes a

	 *                          translated "comments in moderation" message.

	 *

	 * @return {void}

	 */

	updateInModerationText = function( response ) {

		if ( ! response || ! response.i18n_moderation_text ) {

			return;

		}

		// Update the "comment in moderation" text across the UI.

		$( '.comments-in-moderation-text' ).text( response.i18n_moderation_text );

		// Hide the "comment in moderation" text in the Dashboard "At a Glance" widget.

		if ( isDashboard && response.in_moderation ) {

			$( '.comment-mod-count', '#dashboard_right_now' )

				[ response.in_moderation > 0 ? 'removeClass' : 'addClass' ]( 'hidden' );

		}

	};

	/**

	 * Updates the title of the document with the number comments to be approved.

	 *

	 * @since 4.4.0

	 * @access private

	 *

	 * @param {number} diff The amount to lower or raise the number of to be

	 *                      approved comments with.

	 *

	 * @return {void}

	 */

	updateHtmlTitle = function( diff ) {

		var newTitle, regExMatch, titleCount, commentFrag;

		/* translators: %s: Comments count. */

		titleRegEx = titleRegEx || new RegExp( __( 'Comments (%s)' ).replace( '%s', '\\([0-9' + thousandsSeparator + ']+\\)' ) + '?' );

		// Count funcs operate on a $'d element.

		titleDiv = titleDiv || $( '<div />' );

		newTitle = adminTitle;

		commentFrag = titleRegEx.exec( document.title );

		if ( commentFrag ) {

			commentFrag = commentFrag[0];

			titleDiv.html( commentFrag );

			titleCount = getCount( titleDiv ) + diff;

		} else {

			titleDiv.html( 0 );

			titleCount = diff;

		}

		if ( titleCount >= 1 ) {

			updateCount( titleDiv, titleCount );

			regExMatch = titleRegEx.exec( document.title );

			if ( regExMatch ) {

				/* translators: %s: Comments count. */

				newTitle = document.title.replace( regExMatch[0], __( 'Comments (%s)' ).replace( '%s', titleDiv.text() ) + ' ' );

			}

		} else {

			regExMatch = titleRegEx.exec( newTitle );

			if ( regExMatch ) {

				newTitle = newTitle.replace( regExMatch[0], __( 'Comments' ) );

			}

		}

		document.title = newTitle;

	};

	/**

	 * Updates the number of pending comments on a specific post and the filter bar.

	 *

	 * @since 3.2.0

	 * @access private

	 *

	 * @param {number} diff The amount to lower or raise the pending count with.

	 * @param {number} commentPostId The ID of the post to be updated.

	 *

	 * @return {void}

	 */

	updatePending = function( diff, commentPostId ) {

		var postSelector = '.post-com-count-' + commentPostId,

			noClass = 'comment-count-no-pending',

			noParentClass = 'post-com-count-no-pending',

			pendingClass = 'comment-count-pending',

			pending,

			noPending;

		if ( ! isDashboard ) {

			updateHtmlTitle( diff );

		}

		$( 'span.pending-count' ).each(function() {

			var a = $(this), n = getCount(a) + diff;

			if ( n < 1 )

				n = 0;

			a.closest('.awaiting-mod')[ 0 === n ? 'addClass' : 'removeClass' ]('count-0');

			updateCount( a, n );

		});

		if ( ! commentPostId ) {

			return;

		}

		// Cache selectors to not get dupes.

		pending = $( 'span.' + pendingClass, postSelector );

		noPending = $( 'span.' + noClass, postSelector );

		pending.each(function() {

			var a = $(this), n = getCount(a) + diff;

			if ( n < 1 )

				n = 0;

			if ( 0 === n ) {

				a.parent().addClass( noParentClass );

				a.removeClass( pendingClass ).addClass( noClass );

			} else {

				a.parent().removeClass( noParentClass );

				a.addClass( pendingClass ).removeClass( noClass );

			}

			updateCount( a, n );

		});

		noPending.each(function() {

			var a = $(this);

			if ( diff > 0 ) {

				a.parent().removeClass( noParentClass );

				a.removeClass( noClass ).addClass( pendingClass );

			} else {

				a.parent().addClass( noParentClass );

				a.addClass( noClass ).removeClass( pendingClass );

			}

			updateCount( a, diff );

		});

	};

/**

 * Initializes the comments list.

 *

 * @since 4.4.0

 *

 * @global

 *

 * @return {void}

 */

window.setCommentsList = function() {

	var totalInput, perPageInput, pageInput, dimAfter, delBefore, updateTotalCount, delAfter, refillTheExtraList, diff,

		lastConfidentTime = 0;

	totalInput = $('input[name="_total"]', '#comments-form');

	perPageInput = $('input[name="_per_page"]', '#comments-form');

	pageInput = $('input[name="_page"]', '#comments-form');

	/**

	 * Updates the total with the latest count.

	 *

	 * The time parameter makes sure that we only update the total if this value is

	 * a newer value than we previously received.

	 *

	 * The time and setConfidentTime parameters make sure that we only update the

	 * total when necessary. So a value that has been generated earlier will not

	 * update the total.

	 *

	 * @since 2.8.0

	 * @access private

	 *

	 * @param {number} total Total number of comments.

	 * @param {number} time Unix timestamp of response.

 	 * @param {boolean} setConfidentTime Whether to update the last confident time

	 *                                   with the given time.

	 *

	 * @return {void}

	 */

	updateTotalCount = function( total, time, setConfidentTime ) {

		if ( time < lastConfidentTime )

			return;

		if ( setConfidentTime )

			lastConfidentTime = time;

		totalInput.val( total.toString() );

	};

	/**

	 * Changes DOM that need to be changed after a list item has been dimmed.

	 *

	 * @since 2.5.0

	 * @access private

	 *

	 * @param {Object} r Ajax response object.

	 * @param {Object} settings Settings for the wpList object.

	 *

	 * @return {void}

	 */

	dimAfter = function( r, settings ) {

		var editRow, replyID, replyButton, response,

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

		if ( true !== settings.parsed ) {

			response = settings.parsed.responses[0];

		}

		editRow = $('#replyrow');

		replyID = $('#comment_ID', editRow).val();

		replyButton = $('#replybtn', editRow);