summaryrefslogtreecommitdiffstats
path: root/wp-admin/js/application-passwords.js
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-17 07:56:49 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-17 07:56:49 +0000
commita415c29efee45520ae252d2aa28f1083a521cd7b (patch)
treef4ade4b6668ecc0765de7e1424f7c1427ad433ff /wp-admin/js/application-passwords.js
parentInitial commit. (diff)
downloadwordpress-a415c29efee45520ae252d2aa28f1083a521cd7b.tar.xz
wordpress-a415c29efee45520ae252d2aa28f1083a521cd7b.zip
Adding upstream version 6.4.3+dfsg1.upstream/6.4.3+dfsg1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'wp-admin/js/application-passwords.js')
-rw-r--r--wp-admin/js/application-passwords.js219
1 files changed, 219 insertions, 0 deletions
diff --git a/wp-admin/js/application-passwords.js b/wp-admin/js/application-passwords.js
new file mode 100644
index 0000000..c79cdb8
--- /dev/null
+++ b/wp-admin/js/application-passwords.js
@@ -0,0 +1,219 @@
+/**
+ * @output wp-admin/js/application-passwords.js
+ */
+
+( function( $ ) {
+ var $appPassSection = $( '#application-passwords-section' ),
+ $newAppPassForm = $appPassSection.find( '.create-application-password' ),
+ $newAppPassField = $newAppPassForm.find( '.input' ),
+ $newAppPassButton = $newAppPassForm.find( '.button' ),
+ $appPassTwrapper = $appPassSection.find( '.application-passwords-list-table-wrapper' ),
+ $appPassTbody = $appPassSection.find( 'tbody' ),
+ $appPassTrNoItems = $appPassTbody.find( '.no-items' ),
+ $removeAllBtn = $( '#revoke-all-application-passwords' ),
+ tmplNewAppPass = wp.template( 'new-application-password' ),
+ tmplAppPassRow = wp.template( 'application-password-row' ),
+ userId = $( '#user_id' ).val();
+
+ $newAppPassButton.on( 'click', function( e ) {
+ e.preventDefault();
+
+ if ( $newAppPassButton.prop( 'aria-disabled' ) ) {
+ return;
+ }
+
+ var name = $newAppPassField.val();
+
+ if ( 0 === name.length ) {
+ $newAppPassField.trigger( 'focus' );
+ return;
+ }
+
+ clearNotices();
+ $newAppPassButton.prop( 'aria-disabled', true ).addClass( 'disabled' );
+
+ var request = {
+ name: name
+ };
+
+ /**
+ * Filters the request data used to create a new Application Password.
+ *
+ * @since 5.6.0
+ *
+ * @param {Object} request The request data.
+ * @param {number} userId The id of the user the password is added for.
+ */
+ request = wp.hooks.applyFilters( 'wp_application_passwords_new_password_request', request, userId );
+
+ wp.apiRequest( {
+ path: '/wp/v2/users/' + userId + '/application-passwords?_locale=user',
+ method: 'POST',
+ data: request
+ } ).always( function() {
+ $newAppPassButton.removeProp( 'aria-disabled' ).removeClass( 'disabled' );
+ } ).done( function( response ) {
+ $newAppPassField.val( '' );
+ $newAppPassButton.prop( 'disabled', false );
+
+ $newAppPassForm.after( tmplNewAppPass( {
+ name: response.name,
+ password: response.password
+ } ) );
+ $( '.new-application-password-notice' ).attr( 'tabindex', '-1' ).trigger( 'focus' );
+
+ $appPassTbody.prepend( tmplAppPassRow( response ) );
+
+ $appPassTwrapper.show();
+ $appPassTrNoItems.remove();
+
+ /**
+ * Fires after an application password has been successfully created.
+ *
+ * @since 5.6.0
+ *
+ * @param {Object} response The response data from the REST API.
+ * @param {Object} request The request data used to create the password.
+ */
+ wp.hooks.doAction( 'wp_application_passwords_created_password', response, request );
+ } ).fail( handleErrorResponse );
+ } );
+
+ $appPassTbody.on( 'click', '.delete', function( e ) {
+ e.preventDefault();
+
+ if ( ! window.confirm( wp.i18n.__( 'Are you sure you want to revoke this password? This action cannot be undone.' ) ) ) {
+ return;
+ }
+
+ var $submitButton = $( this ),
+ $tr = $submitButton.closest( 'tr' ),
+ uuid = $tr.data( 'uuid' );
+
+ clearNotices();
+ $submitButton.prop( 'disabled', true );
+
+ wp.apiRequest( {
+ path: '/wp/v2/users/' + userId + '/application-passwords/' + uuid + '?_locale=user',
+ method: 'DELETE'
+ } ).always( function() {
+ $submitButton.prop( 'disabled', false );
+ } ).done( function( response ) {
+ if ( response.deleted ) {
+ if ( 0 === $tr.siblings().length ) {
+ $appPassTwrapper.hide();
+ }
+ $tr.remove();
+
+ addNotice( wp.i18n.__( 'Application password revoked.' ), 'success' ).trigger( 'focus' );
+ }
+ } ).fail( handleErrorResponse );
+ } );
+
+ $removeAllBtn.on( 'click', function( e ) {
+ e.preventDefault();
+
+ if ( ! window.confirm( wp.i18n.__( 'Are you sure you want to revoke all passwords? This action cannot be undone.' ) ) ) {
+ return;
+ }
+
+ var $submitButton = $( this );
+
+ clearNotices();
+ $submitButton.prop( 'disabled', true );
+
+ wp.apiRequest( {
+ path: '/wp/v2/users/' + userId + '/application-passwords?_locale=user',
+ method: 'DELETE'
+ } ).always( function() {
+ $submitButton.prop( 'disabled', false );
+ } ).done( function( response ) {
+ if ( response.deleted ) {
+ $appPassTbody.children().remove();
+ $appPassSection.children( '.new-application-password' ).remove();
+ $appPassTwrapper.hide();
+
+ addNotice( wp.i18n.__( 'All application passwords revoked.' ), 'success' ).trigger( 'focus' );
+ }
+ } ).fail( handleErrorResponse );
+ } );
+
+ $appPassSection.on( 'click', '.notice-dismiss', function( e ) {
+ e.preventDefault();
+ var $el = $( this ).parent();
+ $el.removeAttr( 'role' );
+ $el.fadeTo( 100, 0, function () {
+ $el.slideUp( 100, function () {
+ $el.remove();
+ $newAppPassField.trigger( 'focus' );
+ } );
+ } );
+ } );
+
+ $newAppPassField.on( 'keypress', function ( e ) {
+ if ( 13 === e.which ) {
+ e.preventDefault();
+ $newAppPassButton.trigger( 'click' );
+ }
+ } );
+
+ // If there are no items, don't display the table yet. If there are, show it.
+ if ( 0 === $appPassTbody.children( 'tr' ).not( $appPassTrNoItems ).length ) {
+ $appPassTwrapper.hide();
+ }
+
+ /**
+ * Handles an error response from the REST API.
+ *
+ * @since 5.6.0
+ *
+ * @param {jqXHR} xhr The XHR object from the ajax call.
+ * @param {string} textStatus The string categorizing the ajax request's status.
+ * @param {string} errorThrown The HTTP status error text.
+ */
+ function handleErrorResponse( xhr, textStatus, errorThrown ) {
+ var errorMessage = errorThrown;
+
+ if ( xhr.responseJSON && xhr.responseJSON.message ) {
+ errorMessage = xhr.responseJSON.message;
+ }
+
+ addNotice( errorMessage, 'error' );
+ }
+
+ /**
+ * Displays a message in the Application Passwords section.
+ *
+ * @since 5.6.0
+ *
+ * @param {string} message The message to display.
+ * @param {string} type The notice type. Either 'success' or 'error'.
+ * @returns {jQuery} The notice element.
+ */
+ function addNotice( message, type ) {
+ var $notice = $( '<div></div>' )
+ .attr( 'role', 'alert' )
+ .attr( 'tabindex', '-1' )
+ .addClass( 'is-dismissible notice notice-' + type )
+ .append( $( '<p></p>' ).text( message ) )
+ .append(
+ $( '<button></button>' )
+ .attr( 'type', 'button' )
+ .addClass( 'notice-dismiss' )
+ .append( $( '<span></span>' ).addClass( 'screen-reader-text' ).text( wp.i18n.__( 'Dismiss this notice.' ) ) )
+ );
+
+ $newAppPassForm.after( $notice );
+
+ return $notice;
+ }
+
+ /**
+ * Clears notice messages from the Application Passwords section.
+ *
+ * @since 5.6.0
+ */
+ function clearNotices() {
+ $( '.notice', $appPassSection ).remove();
+ }
+}( jQuery ) );