enmi-conf.org: comparison wp/wp-admin/js/color-picker.js

Mercurial Mercurial > enmi-conf.org / comparison

summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help

wp/wp-admin/js/color-picker.js

changeset 16	a86126ab1dd4
parent 9	177826044cd9
child 18	be944660c56a

equal deleted inserted replaced

-:3d4e9c994f10
+:a86126ab1dd4
 /**
 * @output wp-admin/js/color-picker.js
 */
-/* global wpColorPickerL10n */
 ( function( $, undef ) {
 	var ColorPicker,
 		_before = '<button type="button" class="button wp-color-result" aria-expanded="false"><span class="wp-color-result-text"></span></button>',
 		_after = '<div class="wp-picker-holder" />',
 		_wrap = '<div class="wp-picker-container" />',
 		_button = '<input type="button" class="button button-small" />',
 		_wrappingLabel = '<label></label>',
-		_wrappingLabelText = '<span class="screen-reader-text"></span>';
+		_wrappingLabelText = '<span class="screen-reader-text"></span>',
+		__ = wp.i18n.__;
 	/**
 	 * Creates a jQuery UI color picker that is used in the theme customizer.
 	 *
 	 * @class $.widget.wp.wpColorPicker
 		},
 		/**
 		 * Creates a color picker that only allows you to adjust the hue.
 		 *
 		 * @since 3.5.0
-		 *
 		 * @access private
 		 *
-		 * @returns {void}
+		 * @return {void}
 		 */
 		_createHueOnly: function() {
 			var self = this,
 				el = self.element,
 				color;
 				 * @ignore
 				 *
 				 * @param {Event} event    The event that's being called.
 				 * @param {HTMLElement} ui The HTMLElement containing the color picker.
 				 *
-				 * @returns {void}
+				 * @return {void}
 				 */
 				change: function( event, ui ) {
 					if ( $.isFunction( self.options.change ) ) {
 						self.options.change.call( this, event, ui );
 					}
 		},
 		/**
 		 * Creates the color picker, sets default values, css classes and wraps it all in HTML.
 		 *
 		 * @since 3.5.0
-		 *
 		 * @access private
 		 *
-		 * @returns {void}
+		 * @return {void}
 		 */
 		_create: function() {
 			// Return early if Iris support is missing.
 			if ( ! $.support.iris ) {
 				return;
 				// Wrap the input field in the default label.
 				el.wrap( _wrappingLabel );
 				// Insert the default label text.
 				self.wrappingLabelText = $( _wrappingLabelText )
 					.insertBefore( el )
-					.text( wpColorPickerL10n.defaultLabel );
+					.text( __( 'Color value' ) );
 			}
 			/*
 			 * At this point, either it's the standalone version or the Customizer
 			 * one, we have a wrapping label to use as hook in the DOM, let's store it.
 			// Set up the toggle button and insert it before the wrapping label.
 			self.toggler = $( _before )
 				.insertBefore( self.wrappingLabel )
 				.css( { backgroundColor: self.initialValue } );
 			// Set the toggle button span element text.
-			self.toggler.find( '.wp-color-result-text' ).text( wpColorPickerL10n.pick );
+			self.toggler.find( '.wp-color-result-text' ).text( __( 'Select Color' ) );
 			// Set up the Iris container and insert it after the wrapping label.
 			self.pickerContainer = $( _after ).insertAfter( self.wrappingLabel );
 			// Store a reference to the Clear/Default button.
 			self.button = $( _button );
 			// Set up the Clear/Default button.
 			if ( self.options.defaultColor ) {
 				self.button
 					.addClass( 'wp-picker-default' )
-					.val( wpColorPickerL10n.defaultString )
+					.val( __( 'Default' ) )
-					.attr( 'aria-label', wpColorPickerL10n.defaultAriaLabel );
+					.attr( 'aria-label', __( 'Select default color' ) );
 			} else {
 				self.button
 					.addClass( 'wp-picker-clear' )
-					.val( wpColorPickerL10n.clear )
+					.val( __( 'Clear' ) )
-					.attr( 'aria-label', wpColorPickerL10n.clearAriaLabel );
+					.attr( 'aria-label', __( 'Clear color' ) );
 			}
 			// Wrap the wrapping label in its wrapper and append the Clear/Default button.
 			self.wrappingLabel
 				.wrap( '<span class="wp-picker-input-wrap hidden" />' )
 				 * @ignore
 				 *
 				 * @param {Event} event    The event that's being called.
 				 * @param {HTMLElement} ui The HTMLElement containing the color picker.
 				 *
-				 * @returns {void}
+				 * @return {void}
 				 */
 				change: function( event, ui ) {
 					self.toggler.css( { backgroundColor: ui.color.toString() } );
 					if ( $.isFunction( self.options.change ) ) {
 		},
 		/**
 		 * Binds event listeners to the color picker.
 		 *
 		 * @since 3.5.0
-		 *
 		 * @access private
 		 *
-		 * @returns {void}
+		 * @return {void}
 		 */
 		_addListeners: function() {
 			var self = this;
 			/**
 			 *
 			 * @since 3.5.0
 			 *
 			 * @param {Event} event The event that's being called.
 			 *
-			 * @returs {void}
+			 * @return {void}
 			 */
 			self.wrap.on( 'click.wpcolorpicker', function( event ) {
 				event.stopPropagation();
 			});
 			/**
 			 * Open or close the color picker depending on the class.
 			 *
-			 * @since 3.5
+			 * @since 3.5.0
 			 */
 			self.toggler.click( function(){
 				if ( self.toggler.hasClass( 'wp-picker-open' ) ) {
 					self.close();
 				} else {
 			 *
 			 * @since 3.5.0
 			 *
 			 * @param {Event} event The event that's being called.
 			 *
-			 * @returns {void}
+			 * @return {void}
 			 */
 			self.element.change( function( event ) {
 				var me = $( this ),
 					val = me.val();
 			 *
 			 * @since 3.5.0
 			 *
 			 * @param {Event} event The event that's being called.
 			 *
-			 * @returns {void}
+			 * @return {void}
 			 */
 			self.button.click( function( event ) {
 				var me = $( this );
 				if ( me.hasClass( 'wp-picker-clear' ) ) {
 					self.element.val( '' );
 		/**
 		 * Opens the color picker dialog.
 		 *
 		 * @since 3.5.0
 		 *
-		 * @returns {void}
+		 * @return {void}
 		 */
 		open: function() {
 			this.element.iris( 'toggle' );
 			this.inputWrapper.removeClass( 'hidden' );
 			this.wrap.addClass( 'wp-picker-active' );
 		/**
 		 * Closes the color picker dialog.
 		 *
 		 * @since 3.5.0
 		 *
-		 * @returns {void}
+		 * @return {void}
 		 */
 		close: function() {
 			this.element.iris( 'toggle' );
 			this.inputWrapper.addClass( 'hidden' );
 			this.wrap.removeClass( 'wp-picker-active' );
 		 *
 		 * @param newColor {string|*} The new color to use. Can be undefined.
 		 *
 		 * @since 3.5.0
 		 *
-		 * @returns {string} The element's color
+		 * @return {string} The element's color.
 		 */
 		color: function( newColor ) {
 			if ( newColor === undef ) {
 				return this.element.iris( 'option', 'color' );
 			}
 		 *
 		 * @param newDefaultColor {string|*} The new default color to use. Can be undefined.
 		 *
 		 * @since 3.5.0
 		 *
-		 * @returns {boolean|string} The element's color.
+		 * @return {boolean|string} The element's color.
 		 */
 		defaultColor: function( newDefaultColor ) {
 			if ( newDefaultColor === undef ) {
 				return this.options.defaultColor;
 			}

enmi-conf.org