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

changeset 16	a86126ab1dd4
parent 9	177826044cd9
child 18	be944660c56a

equal deleted inserted replaced

-:3d4e9c994f10
+:a86126ab1dd4
 * @file Contains all dynamic functionality needed on post and term pages.
 *
 * @output wp-admin/js/post.js
 */
-/* global postL10n, ajaxurl, wpAjax, setPostThumbnailL10n, postboxes, pagenow, tinymce, alert, deleteUserSetting */
+/* global ajaxurl, wpAjax, postboxes, pagenow, tinymce, alert, deleteUserSetting, ClipboardJS */
 /* global theList:true, theExtraList:true, getUserSetting, setUserSetting, commentReply, commentsBox */
 /* global WPSetThumbnailHTML, wptitlehint */
-// Backwards compatibility: prevent fatal errors.
+// Backward compatibility: prevent fatal errors.
 window.makeSlugeditClickable = window.editPermalink = function(){};
 // Make sure the wp object exists.
 window.wp = window.wp || {};
 ( function( $ ) {
-	var titleHasFocus = false;
+	var titleHasFocus = false,
+		__ = wp.i18n.__;
 	/**
 	 * Control loading of comments on the post and term edit pages.
 	 *
 	 * @type {{st: number, get: commentsBox.get, load: commentsBox.load}}
 	window.commentsBox = {
 		// Comment offset to use when fetching new comments.
 		st : 0,
 		/**
-		 * Fetch comments using AJAX and display them in the box.
+		 * Fetch comments using Ajax and display them in the box.
 		 *
 		 * @memberof commentsBox
 		 *
-		 * @param {int} total Total number of comments for this post.
+		 * @param {number} total Total number of comments for this post.
-		 * @param {int} num   Optional. Number of comments to fetch, defaults to 20.
+		 * @param {number} num   Optional. Number of comments to fetch, defaults to 20.
-		 * @returns {boolean} Always returns false.
+		 * @return {boolean} Always returns false.
 		 */
 		get : function(total, num) {
 			var st = this.st, data;
 			if ( ! num )
 				num = 20;
 						// If the offset is over the total number of comments we cannot fetch any more, so hide the button.
 						if ( commentsBox.st > commentsBox.total )
 							$('#show-comments').hide();
 						else
-							$('#show-comments').show().children('a').html(postL10n.showcomm);
+							$('#show-comments').show().children('a').text( __( 'Show more comments' ) );
 						return;
 					} else if ( 1 == r ) {
-						$('#show-comments').html(postL10n.endcomm);
+						$('#show-comments').text( __( 'No more comments found.' ) );
 						return;
 					}
 					$('#the-comment-list').append('<tr><td colspan="2">'+wpAjax.broken+'</td></tr>');
 				}
 		},
 		/**
 		 * Load the next batch of comments.
 		 *
-		 * @param {int} total Total number of comments to load.
-		 *
 		 * @memberof commentsBox
+		 *
+		 * @param {number} total Total number of comments to load.
 		 */
 		load: function(total){
 			this.st = jQuery('#the-comment-list tr.comment:visible').length;
 			this.get(total);
 		}
 	};
 	/**
 	 * Set the Image ID of the Featured Image
 	 *
-	 * @param {int} id The post_id of the image to use as Featured Image.
+	 * @param {number} id The post_id of the image to use as Featured Image.
 	 *
 	 * @global
 	 */
 	window.WPSetThumbnailID = function(id){
 		var field = $('input[value="_thumbnail_id"]', '#list-table');
 			 *
 			 * @param {string} str Response, will be '0' when an error occurred otherwise contains link to add Featured Image.
 			 */
 			function(str){
 			if ( str == '0' ) {
-				alert( setPostThumbnailL10n.error );
+				alert( __( 'Could not set that as the thumbnail image. Try a different attachment.' ) );
 			} else {
 				WPSetThumbnailHTML(str);
 			}
 		}
 		);
 						wrap.addClass('saving');
 						wp.autosave.server.triggerSave();
 					}
 					if ( received.lock_error.avatar_src ) {
-						avatar = $( '<img class="avatar avatar-64 photo" width="64" height="64" alt="" />' ).attr( 'src', received.lock_error.avatar_src.replace( /&amp;/g, '&' ) );
+						avatar = $( '<img />', {
+							'class': 'avatar avatar-64 photo',
+							width: 64,
+							height: 64,
+							alt: '',
+							src: received.lock_error.avatar_src,
+							srcset: received.lock_error.avatar_src_2x ? received.lock_error.avatar_src_2x + ' 2x' : undefined
+						} );
 						wrap.find('div.post-locked-avatar').empty().append( avatar );
 					}
 					wrap.show().find('.currently-editing').text( received.lock_error.text );
 					wrap.find('.wp-tab-first').focus();
 /**
 * All post and postbox controls and functionality.
 */
 jQuery(document).ready( function($) {
 	var stamp, visibility, $submitButtons, updateVisibility, updateText,
-		sticky = '',
 		$textarea = $('#content'),
 		$document = $(document),
 		postId = $('#post_ID').val() || 0,
 		$submitpost = $('#submitpost'),
 		releaseLock = true,
 		$postVisibilitySelect = $('#post-visibility-select'),
 		$timestampdiv = $('#timestampdiv'),
 		$postStatusSelect = $('#post-status-select'),
-		isMac = window.navigator.platform ? window.navigator.platform.indexOf( 'Mac' ) !== -1 : false;
+		isMac = window.navigator.platform ? window.navigator.platform.indexOf( 'Mac' ) !== -1 : false,
+		copyAttachmentURLClipboard = new ClipboardJS( '.copy-attachment-url.edit-media' ),
+		copyAttachmentURLSuccessTimeout,
+		__ = wp.i18n.__, _x = wp.i18n._x;
 	postboxes.add_postbox_toggles(pagenow);
 	/*
 	 * Clear the window name. Otherwise if this is a former preview window where the user navigated to edit another post,
 	 */
 	window.name = '';
 	// Post locks: contain focus inside the dialog. If the dialog is shown, focus the first item.
 	$('#post-lock-dialog .notification-dialog').on( 'keydown', function(e) {
-		// Don't do anything when [tab] is pressed.
+		// Don't do anything when [Tab] is pressed.
 		if ( e.which != 9 )
 			return;
 		var target = $(e.target);
-		// [shift] + [tab] on first tab cycles back to last tab.
+		// [Shift] + [Tab] on first tab cycles back to last tab.
 		if ( target.hasClass('wp-tab-first') && e.shiftKey ) {
 			$(this).find('.wp-tab-last').focus();
 			e.preventDefault();
-		// [tab] on last tab cycles back to first tab.
+		// [Tab] on last tab cycles back to first tab.
 		} else if ( target.hasClass('wp-tab-last') && ! e.shiftKey ) {
 			$(this).find('.wp-tab-first').focus();
 			e.preventDefault();
 		}
 	}).filter(':visible').find('.wp-tab-first').focus();
-	// Set the heartbeat interval to 15 sec. if post lock dialogs are enabled.
+	// Set the heartbeat interval to 15 seconds if post lock dialogs are enabled.
 	if ( wp.heartbeat && $('#post-lock-dialog').length ) {
 		wp.heartbeat.interval( 15 );
 	}
 	// The form is being submitted by the user.
 				$submitpost.find( '#minor-publishing .spinner' ).addClass( 'is-active' );
 			}
 		});
 	});
-	// Submit the form saving a draft or an autosave, and show a preview in a new tab
+	// Submit the form saving a draft or an autosave, and show a preview in a new tab.
 	$('#post-preview').on( 'click.post-preview', function( event ) {
 		var $this = $(this),
 			$form = $('form#post'),
 			$previewField = $('input#wp-preview'),
 			target = $this.attr('target') || 'wp-preview',
 	}).on( 'autosave-enable-buttons.edit-post', function() {
 		if ( ! wp.heartbeat || ! wp.heartbeat.hasConnectionError() ) {
 			$submitButtons.removeClass( 'disabled' );
 		}
 	}).on( 'before-autosave.edit-post', function() {
-		$( '.autosave-message' ).text( postL10n.savingText );
+		$( '.autosave-message' ).text( __( 'Saving Draft…' ) );
 	}).on( 'after-autosave.edit-post', function( event, data ) {
 		$( '.autosave-message' ).text( data.message );
 		if ( $( document.body ).hasClass( 'post-new-php' ) ) {
 			$( '.submitbox .submitdelete' ).show();
 		var editor = typeof tinymce !== 'undefined' && tinymce.get('content');
 		if ( ( editor && ! editor.isHidden() && editor.isDirty() ) ||
 			( wp.autosave && wp.autosave.server.postChanged() ) ) {
-			return postL10n.saveAlert;
+			return __( 'The changes you made will be lost if you navigate away from this page.' );
 		}
 	}).on( 'unload.edit-post', function( event ) {
 		if ( ! releaseLock ) {
 			return;
 		}
 			data: data,
 			url: ajaxurl
 		});
 	});
-	// Multiple Taxonomies.
+	// Multiple taxonomies.
 	if ( $('#tagsdiv-post_tag').length ) {
 		window.tagBox && window.tagBox.init();
 	} else {
 		$('.meta-box-sortables').children('div.postbox').each(function(){
 			if ( this.id.indexOf('tagsdiv-') === 0 ) {
 		if ( taxonomy == 'category' ) {
 			settingName = 'cats';
 		}
-		// TODO: move to jQuery 1.3+, support for multiple hierarchical taxonomies, see wp-lists.js
+		// @todo Move to jQuery 1.3+, support for multiple hierarchical taxonomies, see wp-lists.js.
 		$('a', '#' + taxonomy + '-tabs').click( function( e ) {
 			e.preventDefault();
 			var t = $(this).attr('href');
 			$(this).parent().addClass('tabs').siblings('li').removeClass('tabs');
 			$('#' + taxonomy + '-tabs').siblings('.tabs-panel').hide();
 		// Add category button controls.
 		$('#new' + taxonomy).one( 'focus', function() {
 			$( this ).val( '' ).removeClass( 'form-input-tip' );
 		});
-		// On [enter] submit the taxonomy.
+		// On [Enter] submit the taxonomy.
 		$('#new' + taxonomy).keypress( function(event){
 			if( 13 === event.keyCode ) {
 				event.preventDefault();
 				$('#' + taxonomy + '-add-submit').click();
 			}
 		/**
 		 * Before adding a new taxonomy, disable submit button.
 		 *
 		 * @param {Object} s Taxonomy object which will be added.
 		 *
-		 * @returns {Object}
+		 * @return {Object}
 		 */
 		catAddBefore = function( s ) {
 			if ( !$('#new'+taxonomy).val() ) {
 				return false;
 			}
 		 * If the taxonomy has a parent place the taxonomy underneath the parent.
 		 *
 		 * @param {Object} r Response.
 		 * @param {Object} s Taxonomy data.
 		 *
-		 * @returns void
+		 * @return {void}
 		 */
 		catAddAfter = function( r, s ) {
 			var sup, drop = $('#new'+taxonomy+'_parent');
 			$( '#' + taxonomy + '-add-submit' ).prop( 'disabled', false );
 			var t = $(this), c = t.is(':checked'), id = t.val();
 			if ( id && t.parents('#taxonomy-'+taxonomy).length )
 				$('#in-' + taxonomy + '-' + id + ', #in-popular-' + taxonomy + '-' + id).prop( 'checked', c );
 		});
-	}); // end cats
+	}); // End cats.
 	// Custom Fields postbox.
 	if ( $('#postcustom').length ) {
 		$( '#the-list' ).wpList( {
 			/**
 			 *
 			 * @ignore
 			 *
 			 * @param {Object} s Request object.
 			 *
-			 * @returns {Object} Data modified with post_ID attached.
+			 * @return {Object} Data modified with post_ID attached.
 			 */
 			addBefore: function( s ) {
 				s.data += '&post_id=' + $('#post_ID').val();
 				return s;
 			},
 		/**
 		 * When the visibility of a post changes sub-options should be shown or hidden.
 		 *
 		 * @ignore
 		 *
-		 * @returns void
+		 * @return {void}
 		 */
 		updateVisibility = function() {
 			// Show sticky for public posts.
 			if ( $postVisibilitySelect.find('input:radio:checked').val() != 'public' ) {
 				$('#sticky').prop('checked', false);
 		/**
 		 * Make sure all labels represent the current settings.
 		 *
 		 * @ignore
 		 *
-		 * @returns {boolean} False when an invalid timestamp has been selected, otherwise True.
+		 * @return {boolean} False when an invalid timestamp has been selected, otherwise True.
 		 */
 		updateText = function() {
 			if ( ! $timestampdiv.length )
 				return true;
 				$timestampdiv.find('.timestamp-wrap').removeClass('form-invalid');
 			}
 			// Determine what the publish should be depending on the date and post status.
 			if ( attemptedDate > currentDate && $('#original_post_status').val() != 'future' ) {
-				publishOn = postL10n.publishOnFuture;
+				publishOn = __( 'Schedule for:' );
-				$('#publish').val( postL10n.schedule );
+				$('#publish').val( _x( 'Schedule', 'post action/button label' ) );
 			} else if ( attemptedDate <= currentDate && $('#original_post_status').val() != 'publish' ) {
-				publishOn = postL10n.publishOn;
+				publishOn = __( 'Publish on:' );
-				$('#publish').val( postL10n.publish );
+				$('#publish').val( __( 'Publish' ) );
 			} else {
-				publishOn = postL10n.publishOnPast;
+				publishOn = __( 'Published on:' );
-				$('#publish').val( postL10n.update );
+				$('#publish').val( __( 'Update' ) );
 			}
 			// If the date is the same, set it to trigger update events.
 			if ( originalDate.toUTCString() == attemptedDate.toUTCString() ) {
 				// Re-set to the current value.
 				$('#timestamp').html(stamp);
 			} else {
 				$('#timestamp').html(
 					'\n' + publishOn + ' <b>' +
-					postL10n.dateFormat
+					// translators: 1: Month, 2: Day, 3: Year, 4: Hour, 5: Minute.
+					__( '%1$s %2$s, %3$s at %4$s:%5$s' )
 						.replace( '%1$s', $( 'option[value="' + mm + '"]', '#mm' ).attr( 'data-text' ) )
 						.replace( '%2$s', parseInt( jj, 10 ) )
 						.replace( '%3$s', aa )
 						.replace( '%4$s', ( '00' + hh ).slice( -2 ) )
 						.replace( '%5$s', ( '00' + mn ).slice( -2 ) ) +
 				);
 			}
 			// Add "privately published" to post status when applies.
 			if ( $postVisibilitySelect.find('input:radio:checked').val() == 'private' ) {
-				$('#publish').val( postL10n.update );
+				$('#publish').val( __( 'Update' ) );
 				if ( 0 === optPublish.length ) {
-					postStatus.append('<option value="publish">' + postL10n.privatelyPublished + '</option>');
+					postStatus.append('<option value="publish">' + __( 'Privately Published' ) + '</option>');
 				} else {
-					optPublish.html( postL10n.privatelyPublished );
+					optPublish.html( __( 'Privately Published' ) );
 				}
 				$('option[value="publish"]', postStatus).prop('selected', true);
 				$('#misc-publishing-actions .edit-post-status').hide();
 			} else {
 				if ( $('#original_post_status').val() == 'future' || $('#original_post_status').val() == 'draft' ) {
 					if ( optPublish.length ) {
 						optPublish.remove();
 						postStatus.val($('#hidden_post_status').val());
 					}
 				} else {
-					optPublish.html( postL10n.published );
+					optPublish.html( __( 'Published' ) );
 				}
 				if ( postStatus.is(':hidden') )
 					$('#misc-publishing-actions .edit-post-status').show();
 			}
 			// Update "Status:" to currently selected status.
 			$('#post-status-display').text(
-				wp.sanitize.stripTagsAndEncodeText( $('option:selected', postStatus).text() ) // Remove any potential tags from post status text.
+				// Remove any potential tags from post status text.
+				wp.sanitize.stripTagsAndEncodeText( $('option:selected', postStatus).text() )
 			);
 			// Show or hide the "Save Draft" button.
 			if ( $('option:selected', postStatus).val() == 'private' || $('option:selected', postStatus).val() == 'publish' ) {
 				$('#save-post').hide();
 			} else {
 				$('#save-post').show();
 				if ( $('option:selected', postStatus).val() == 'pending' ) {
-					$('#save-post').show().val( postL10n.savePending );
+					$('#save-post').show().val( __( 'Save as Pending' ) );
 				} else {
-					$('#save-post').show().val( postL10n.saveDraft );
+					$('#save-post').show().val( __( 'Save Draft' ) );
 				}
 			}
 			return true;
 		};
 			updateText();
 			event.preventDefault();
 		});
 		// Set the selected visibility as current.
-		$postVisibilitySelect.find('.save-post-visibility').click( function( event ) { // crazyhorse - multiple ok cancels
+		$postVisibilitySelect.find('.save-post-visibility').click( function( event ) { // Crazyhorse - multiple OK cancels.
+			var visibilityLabel = '', selectedVisibility = $postVisibilitySelect.find('input:radio:checked').val();
 			$postVisibilitySelect.slideUp('fast');
 			$('#visibility .edit-visibility').show().focus();
 			updateText();
-			if ( $postVisibilitySelect.find('input:radio:checked').val() != 'public' ) {
+			if ( 'public' !== selectedVisibility ) {
 				$('#sticky').prop('checked', false);
 			}
-			if ( $('#sticky').prop('checked') ) {
+			switch ( selectedVisibility ) {
-				sticky = 'Sticky';
+				case 'public':
-			} else {
+					visibilityLabel = $( '#sticky' ).prop( 'checked' ) ? __( 'Public, Sticky' ) : __( 'Public' );
-				sticky = '';
+					break;
-			}
+				case 'private':
+					visibilityLabel = __( 'Private' );
-			$('#post-visibility-display').html(	postL10n[ $postVisibilitySelect.find('input:radio:checked').val() + sticky ]	);
+					break;
+				case 'password':
+					visibilityLabel = __( 'Password Protected' );
+					break;
+			}
+			$('#post-visibility-display').text( visibilityLabel );
 			event.preventDefault();
 		});
 		// When the selection changes, update labels.
 		$postVisibilitySelect.find('input:radio').change( function() {
 			updateText();
 			event.preventDefault();
 		});
 		// Save the changed timestamp.
-		$timestampdiv.find('.save-timestamp').click( function( event ) { // crazyhorse - multiple ok cancels
+		$timestampdiv.find('.save-timestamp').click( function( event ) { // Crazyhorse - multiple OK cancels.
 			if ( updateText() ) {
 				$timestampdiv.slideUp('fast');
 				$timestampdiv.siblings('a.edit-timestamp').show().focus();
 			}
 			event.preventDefault();
 		});
 	}
 	/**
 	 * Handle the editing of the post_name. Create the required HTML elements and
-	 * update the changes via AJAX.
+	 * update the changes via Ajax.
 	 *
 	 * @global
 	 *
-	 * @returns void
+	 * @return {void}
 	 */
 	function editPermalink() {
 		var i, slug_value,
 			$el, revert_e,
 			c = 0,
 		// Save current content to revert to when cancelling.
 		$el = $( '#editable-post-name' );
 		revert_e = $el.html();
-		buttons.html( '<button type="button" class="save button button-small">' + postL10n.ok + '</button> <button type="button" class="cancel button-link">' + postL10n.cancel + '</button>' );
+		buttons.html( '<button type="button" class="save button button-small">' + __( 'OK' ) + '</button> <button type="button" class="cancel button-link">' + __( 'Cancel' ) + '</button>' );
 		// Save permalink changes.
 		buttons.children( '.save' ).click( function() {
 			var new_slug = $el.children( 'input' ).val();
 					buttons.html(buttonsOrig);
 					permalink.html(permalinkOrig);
 					real_slug.val(new_slug);
 					$( '.edit-slug' ).focus();
-					wp.a11y.speak( postL10n.permalinkSaved );
+					wp.a11y.speak( __( 'Permalink saved' ) );
 				}
 			);
 		});
 		// Cancel editing of permalink.
 		}
 		slug_value = ( c > full.length / 4 ) ? '' : full;
 		$el.html( '<input type="text" id="new-post-slug" value="' + slug_value + '" autocomplete="off" />' ).children( 'input' ).keydown( function( e ) {
 			var key = e.which;
-			// On [enter], just save the new slug, don't save the post.
+			// On [Enter], just save the new slug, don't save the post.
 			if ( 13 === key ) {
 				e.preventDefault();
 				buttons.children( '.save' ).click();
 			}
-			// On [esc] cancel the editing.
+			// On [Esc] cancel the editing.
 			if ( 27 === key ) {
 				buttons.children( '.cancel' ).click();
 			}
 		} ).keyup( function() {
 			real_slug.val( this.value );
 	 *
 	 * @param {string} id Optional. HTML ID to add the screen reader helper text to.
 	 *
 	 * @global
 	 *
-	 * @returns void
+	 * @return {void}
 	 */
 	window.wptitlehint = function( id ) {
 		id = id || 'title';
 		var title = $( '#' + id ), titleprompt = $( '#' + id + '-prompt-text' );
 				editor.dom.addClass( body, format == 'post-format-0' ? 'post-format-standard' : format );
 				$( document ).trigger( 'editor-classchange' );
 			}
 		});
-		// When changing page template, change the editor body class
+		// When changing page template, change the editor body class.
 		$( '#page_template' ).on( 'change.set-editor-class', function() {
 			var editor, body, pageTemplate = $( this ).val() || '';
 			pageTemplate = pageTemplate.substr( pageTemplate.lastIndexOf( '/' ) + 1, pageTemplate.length )
 				.replace( /\.php$/, '' )
 			}
 		});
 	}
-	// Save on pressing [ctrl]/[command] + [s] in the Text editor.
+	// Save on pressing [Ctrl]/[Command] + [S] in the Text editor.
 	$textarea.on( 'keydown.wp-autosave', function( event ) {
-		// Key [s] has code 83.
+		// Key [S] has code 83.
 		if ( event.which === 83 ) {
 			if ( event.shiftKey || event.altKey || ( isMac && ( ! event.metaKey || event.ctrlKey ) ) || ( ! isMac && ! event.ctrlKey ) ) {
 				return;
 			}
 			location += 'wp-post-new-reload=true';
 			window.history.replaceState( null, null, location );
 		});
 	}
-});
+	/**
+	 * Copies the attachment URL in the Edit Media page to the clipboard.
+	 *
+	 * @since 5.5.0
+	 *
+	 * @param {MouseEvent} event A click event.
+	 *
+	 * @return {void}
+	 */
+	copyAttachmentURLClipboard.on( 'success', function( event ) {
+		var triggerElement = $( event.trigger ),
+			successElement = $( '.success', triggerElement.closest( '.copy-to-clipboard-container' ) );
+		// Clear the selection and move focus back to the trigger.
+		event.clearSelection();
+		// Handle ClipboardJS focus bug, see https://github.com/zenorocha/clipboard.js/issues/680
+		triggerElement.focus();
+		// Show success visual feedback.
+		clearTimeout( copyAttachmentURLSuccessTimeout );
+		successElement.removeClass( 'hidden' );
+		// Hide success visual feedback after 3 seconds since last success.
+		copyAttachmentURLSuccessTimeout = setTimeout( function() {
+			successElement.addClass( 'hidden' );
+		}, 3000 );
+		// Handle success audible feedback.
+		wp.a11y.speak( __( 'The file URL has been copied to your clipboard' ) );
+	} );
+} );
 /**
 * TinyMCE word count display
 */
 ( function( $, counter ) {

enmi-conf.org