lightspeeddevelopment / lsx-search

window.CMB2 = window.CMB2 || {};

window.CMB2.charcounter = window.CMB2.charcounter || {};

( function(window, document, $, cmb, counter ) {

	'use strict';

	if ( ! wp.utils || ! wp.utils.WordCounter ) {

		return cmb.log( 'Cannot find wp.utils!' );

	}

	// Private variables

	counter.counters = {};

	var counters     = counter.counters;

	var wpCounter    = new wp.utils.WordCounter();

	/**

	 * Update a field's character counter

	 *

	 * @since  2.7.0

	 *

	 * @param {string} field_id

	 *

	 * @return {int}

	 */

	counter.updateCounter = function( field_id ) {

		// No counter?

		if ( ! counters.hasOwnProperty( field_id ) ) {

			return null;

		}

		var instance = counters[ field_id ];

		var wysiwyg  = instance.editor && ! instance.editor.isHidden();

		// Are we dealing with WYSIWYG visual editor, or textarea / WYSIWYG textarea?

		var text     = wysiwyg ? instance.editor.getContent( { format: 'raw' } ) : cmb.$id( field_id ).val().trim();

		var count    = wpCounter.count( text, instance.type );

		var exceeded = instance.max && count > instance.max;

		// Number remaining when max is defined

		var val      = instance.max ? instance.max - count : count;

		// Over maximum?

		instance.$el.parents( '.cmb2-char-counter-wrap' )[ exceeded ? 'addClass' : 'removeClass' ]( 'cmb2-max-exceeded' );

		// Update counter, and update counter input width.

		instance.$el.val( val ).outerWidth( ( ( 8 * String( val ).length ) + 15 ) + 'px' );

		return count;

	};

	counter.instantiate = function( $el ) {

		var data = $el.data();

		// Add counter details if not already done

		if ( ! ( data.fieldId in counters ) ) {

			var instance = {

				$el    : $el,

				max    : data.max,

				type   : 'words' === data.counterType ? 'words' : 'characters_including_spaces',

				editor : false,

			};

			counters[ data.fieldId ] = instance;

			// Initialise counter

			counter.updateCounter( data.fieldId );

		}

	};

	/**

	 * Initializes all character counters. Hooked to cmb_init.

	 *

	 * @since  2.7.0

	 *

	 * @param {bool} init First init?

	 *

	 * @return {void}

	 */

	counter.initAll = function() {

		// Gather counters and initialise

		$( '.cmb2-char-counter' ).each( function() {

			counter.instantiate( $( this ) );

		});

	};

	/**

	 * Initializes WYSIWYG editors. Hooked to tinymce-editor-init

	 *

	 * @since  2.7.0

	 *

	 * @param {object} evt

	 * @param {object} editor

	 *

	 * @return {void}

	 */

	counter.initWysiwyg = function( evt, editor ) {

		// Check if it's one of our WYSIWYGs

		// Should have already been registered in counters via hidden textarea

		if ( editor.id in counters ) {

			// Add editor to counter

			counters[ editor.id ].editor = editor;

			// Add nodechange event

			editor.on( 'nodechange keyup', counter.countWysiwyg );

		}

	};

	/**

	 * Initializes after a new repeatable row has been added. Hooked to cmb2_add_row

	 *

	 * @since  2.7.0

	 *

	 * @param  {object} evt A jQuery-normalized event object.

	 * @param  {object} $row A jQuery dom element object for the group row.

	 *

	 * @return {void}

	 */

	counter.addRow = function( evt, $row ) {

		// Character counters in row?

		$row.find( '.cmb2-char-counter' ).each( function() {

			// Update attributes

			var $this    = $( this );

			var id       = $this.attr( 'id' );

			var field_id = id.replace( /^char-counter-/, '' );

			$this.attr( 'data-field-id', field_id ).data( 'field-id', field_id );

			counter.instantiate( $this );

		});

	};

	/**

	 * Clean the counters array.

	 * Removes counters after a repeatable row has been removed. Hooked to cmb2_remove_row.

	 *

	 * @since  2.7.0

	 *

	 * @return {void}

	 */

	counter.cleanCounters = function() {

		var field_id, remove = [];

		// Got through counters

		for ( field_id in counters ) {

			// Check for element, gather for removal

			if ( ! document.getElementById( field_id ) ) {

				remove.push( field_id );

			}

		}

		// Anything to remove?

		if ( remove.length ) {

			_.each( remove, function( field_id ) {

				delete counters[ field_id ];

			});

		}

	};

	/**

	 * Counts the value of wysiwyg on the keyup event.

	 *

	 * @since  2.7.0

	 *

	 * @param  {object} evt

	 *

	 * @return {void}

	 */

	counter.countWysiwyg = _.throttle( function( evt ) {

		// Init event

		if ( evt.hasOwnProperty( 'element' ) ) {

			return counter.updateCounter( $( evt.element ).data( 'id' ) );

		}

		// Nodechange event

		if ( evt.hasOwnProperty( 'currentTarget' ) ) {

			return counter.updateCounter( $( evt.currentTarget ).data( 'id' ) );

		}

	} );

	/**

	 * Counts the value of textarea on the keyup event.

	 *

	 * @since  2.7.0

	 *

	 * @param  {object} evt

	 *

	 * @return {void}

	 */

	counter.countTextarea = _.throttle( function(evt) {

		counter.updateCounter( evt.currentTarget.id );

	}, 400 );

	// Hook in our event callbacks.

	$( document )

		.on( 'cmb_init', counter.initAll )

		.on( 'tinymce-editor-init', counter.initWysiwyg )

		.on( 'cmb2_add_row', counter.addRow )

		.on( 'cmb2_remove_row', counter.cleanCounters )

		.on( 'input keyup', '.cmb2-count-chars', counter.countTextarea );

} )( window, document, jQuery, window.CMB2, window.CMB2.charcounter );