first commit

wp-content/plugins/cmb2/js/cmb2-char-counter.js

@@ -0,0 +1,211 @@
+/**
+ * Used for character counters
+ */
+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 );