enmi-conf.org: comparison wp/wp-admin/js/widgets.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/widgets.js

changeset 16	a86126ab1dd4
parent 9	177826044cd9
child 18	be944660c56a

equal deleted inserted replaced

-:3d4e9c994f10
+:a86126ab1dd4
 	 * A closed Sidebar that gets a Widget dragged over it.
 	 *
 	 * @var {element|null}
 	 */
 	hoveredSidebar: null,
-	/**
-	 * Translations.
-	 *
-	 * Exported from PHP in wp_default_scripts().
-	 *
-	 * @var {object}
-	 */
-	l10n: {
-		save: '{save}',
-		saved: '{saved}',
-		saveAlert: '{saveAlert}',
-		widgetAdded: '{widgetAdded}'
-	},
 	/**
 	 * Lookup of which widgets have had change events triggered.
 	 *
 	 * @var {object}
 						this.scrollIntoView();
 					}
 					$( this ).find( '.widget-inside :tabbable:first' ).focus();
 				} );
-				event.returnValue = wpWidgets.l10n.saveAlert;
+				event.returnValue = wp.i18n.__( 'The changes you made will be lost if you navigate away from this page.' );
 				return event.returnValue;
 			}
 		});
 		// Handle the widgets containers in the left column.
 			// Update the admin menu "sticky" state.
 			$document.triggerHandler( 'wp-pin-menu' );
 		});
 		$(document.body).bind('click.widgets-toggle', function(e) {
-			var target = $(e.target),
+			var target = $(e.target), css = {},
-				css = { 'z-index': 100 },
 				widget, inside, targetWidth, widgetWidth, margin, saveButton, widgetId,
 				toggleBtn = target.closest( '.widget' ).find( '.widget-top button.widget-action' );
 			if ( target.parents('.widget-top').length && ! target.parents('#available-widgets').length ) {
 				widget = target.closest('div.widget');
 				widgetId = inside.find( '.widget-id' ).val();
 				// Save button is initially disabled, but is enabled when a field is changed.
 				if ( ! widget.data( 'dirty-state-initialized' ) ) {
 					saveButton = inside.find( '.widget-control-save' );
-					saveButton.prop( 'disabled', true ).val( wpWidgets.l10n.saved );
+					saveButton.prop( 'disabled', true ).val( wp.i18n.__( 'Saved' ) );
 					inside.on( 'input change', function() {
 						self.dirtyWidgets[ widgetId ] = true;
 						widget.addClass( 'widget-dirty' );
-						saveButton.prop( 'disabled', false ).val( wpWidgets.l10n.save );
+						saveButton.prop( 'disabled', false ).val( wp.i18n.__( 'Save' ) );
 					});
 					widget.data( 'dirty-state-initialized', true );
 				}
 				if ( inside.is(':hidden') ) {
 		$('#widget-list').children('.widget').draggable({
 			connectToSortable: 'div.widgets-sortables',
 			handle: '> .widget-top > .widget-title',
 			distance: 2,
 			helper: 'clone',
-			zIndex: 100,
+			zIndex: 101,
 			containment: '#wpwrap',
 			refreshPositions: true,
 			start: function( event, ui ) {
 				var chooser = $(this).find('.widgets-chooser');
 				ui.helper.find('div.widget-description').hide();
 				the_id = this.id;
 				if ( chooser.length ) {
-					// Hide the chooser and move it out of the widget
+					// Hide the chooser and move it out of the widget.
 					$( '#wpbody-content' ).append( chooser.hide() );
-					// Delete the cloned chooser from the drag helper
+					// Delete the cloned chooser from the drag helper.
 					ui.helper.find('.widgets-chooser').remove();
 					self.clearWidgetSelection();
 				}
 			},
 			stop: function() {
 			/**
 			 * Open Sidebar when a Widget gets dragged over it.
 			 *
 			 * @ignore
 			 *
-			 * @param {object} event jQuery event object.
+			 * @param {Object} event jQuery event object.
 			 */
 			over: function( event ) {
 				var $wrap = $( event.target ).parent();
 				if ( wpWidgets.hoveredSidebar && ! $wrap.is( wpWidgets.hoveredSidebar ) ) {
 			/**
 			 * Close Sidebar when the Widget gets dragged out of it.
 			 *
 			 * @ignore
 			 *
-			 * @param {object} event jQuery event object.
+			 * @param {Object} event jQuery event object.
 			 */
 			out: function( event ) {
 				if ( wpWidgets.hoveredSidebar ) {
 					wpWidgets.closeSidebar( event );
 				}
 				// Reset the var to hold a previously closed sidebar.
 				wpWidgets.hoveredSidebar = null;
 				if ( $widget.hasClass('deleting') ) {
-					wpWidgets.save( $widget, 1, 0, 1 ); // delete widget
+					wpWidgets.save( $widget, 1, 0, 1 ); // Delete widget.
 					$widget.remove();
 					return;
 				}
 				addNew = $widget.find('input.add_new').val();
 						.removeClass( 'closed' )
 						.find( '.handlediv' ).attr( 'aria-expanded', 'true' );
 					$children = $sidebar.children('.widget');
-					// Make sure the dropped widget is at the top
+					// Make sure the dropped widget is at the top.
 					if ( $children.length > 1 ) {
 						child = $children.get(0);
 						item = $widget.get(0);
 						if ( child.id && item.id && child.id !== item.id ) {
 			activate: function() {
 				$(this).parent().addClass( 'widget-hover' );
 			},
 			deactivate: function() {
-				// Remove all min-height added on "start"
+				// Remove all min-height added on "start".
 				$(this).css( 'min-height', '' ).parent().removeClass( 'widget-hover' );
 			},
 			receive: function( event, ui ) {
 				var $sender = $( ui.sender );
-				// Don't add more widgets to orphaned sidebars
+				// Don't add more widgets to orphaned sidebars.
 				if ( this.id.indexOf('orphaned_widgets') > -1 ) {
 					$sender.sortable('cancel');
 					return;
 				}
 				$('div.widget-placeholder').show();
 				$('#removing-widget').hide().children('span').empty();
 			}
 		});
-		// Area Chooser
+		// Area Chooser.
 		$( '#widgets-right .widgets-holder-wrap' ).each( function( index, element ) {
 			var $element = $( element ),
 				name = $element.find( '.sidebar-name h2' ).text(),
 				ariaLabel = $element.find( '.sidebar-name' ).data( 'add-to' ),
 				id = $element.find( '.widgets-sortables' ).attr( 'id' ),
 			if ( $widget.hasClass( 'widget-in-question' ) || $( '#widgets-left' ).hasClass( 'chooser' ) ) {
 				toggleButton.attr( 'aria-expanded', 'false' );
 				self.closeChooser();
 			} else {
-				// Open the chooser
+				// Open the chooser.
 				self.clearWidgetSelection();
 				$( '#widgets-left' ).addClass( 'chooser' );
 				// Add CSS class and insert the chooser after the widget description.
 				$widget.addClass( 'widget-in-question' ).children( '.widget-description' ).after( chooser );
 				// Open the chooser with a slide down animation.
 						.closest( 'li' ).addClass( 'widgets-chooser-selected' );
 				} );
 			}
 		});
-		// Add event handlers
+		// Add event handlers.
 		chooser.on( 'click.widgets-chooser', function( event ) {
 			var $target = $( event.target );
 			if ( $target.hasClass('button-primary') ) {
 				self.addWidget( chooser );
 				if ( r && r.length > 2 ) {
 					$( 'div.widget-content', widget ).html( r );
 					wpWidgets.appendTitle( widget );
 					// Re-disable the save button.
-					widget.find( '.widget-control-save' ).prop( 'disabled', true ).val( wpWidgets.l10n.saved );
+					widget.find( '.widget-control-save' ).prop( 'disabled', true ).val( wp.i18n.__( 'Saved' ) );
 					widget.removeClass( 'widget-dirty' );
 					// Clear the dirty flag from the widget.
 					delete self.dirtyWidgets[ id ];
 		widget = $('#available-widgets').find('.widget-in-question').clone();
 		widgetId = widget.attr('id');
 		add = widget.find( 'input.add_new' ).val();
 		n = widget.find( 'input.multi_number' ).val();
-		// Remove the cloned chooser from the widget
+		// Remove the cloned chooser from the widget.
 		widget.find('.widgets-chooser').remove();
 		if ( 'multi' === add ) {
 			widget.html(
 				widget.html().replace( /<[^<>]+>/g, function(m) {
 		sidebar.append( widget );
 		sidebar.sortable('refresh');
 		wpWidgets.save( widget, 0, 0, 1 );
-		// No longer "new" widget
+		// No longer "new" widget.
 		widget.find( 'input.add_new' ).val('');
 		$document.trigger( 'widget-added', [ widget ] );
 		/*
 		window.setTimeout( function() {
 			// Cannot use a callback in the animation above as it fires twice,
 			// have to queue this "by hand".
 			widget.find( '.widget-title' ).trigger('click');
 			// At the end of the animation, announce the widget has been added.
-			window.wp.a11y.speak( wpWidgets.l10n.widgetAdded, 'assertive' );
+			window.wp.a11y.speak( wp.i18n.__( 'Widget has been added to the selected sidebar' ), 'assertive' );
 		}, 250 );
 	},
 	closeChooser: function() {
 		var self = this,
 	/**
 	 * Closes a Sidebar that was previously closed, but opened by dragging a Widget over it.
 	 *
 	 * Used when a Widget gets dragged in/out of the Sidebar and never dropped.
 	 *
-	 * @param {object} event jQuery event object.
+	 * @param {Object} event jQuery event object.
 	 */
 	closeSidebar: function( event ) {
 		this.hoveredSidebar
 			.addClass( 'closed' )
 			.find( '.handlediv' ).attr( 'aria-expanded', 'false' );
 };
 $document.ready( function(){ wpWidgets.init(); } );
 })(jQuery);
+/**
+* Removed in 5.5.0, needed for back-compatibility.
+*
+* @since 4.9.0
+* @deprecated 5.5.0
+*
+* @type {object}
+*/
+wpWidgets.l10n = wpWidgets.l10n || {
+	save: '',
+	saved: '',
+	saveAlert: '',
+	widgetAdded: ''
+};
+wpWidgets.l10n = window.wp.deprecateL10nObject( 'wpWidgets.l10n', wpWidgets.l10n );

enmi-conf.org