File Manager

📂 File Manager

📝 Edit File: password-toggle.js

/**
 * Adds functionality for password visibility buttons to toggle between text and password input types.
 *
 * @since 6.3.0
 * @output wp-admin/js/password-toggle.js
 */

( function () {
	var toggleElements, status, input, icon, label, __ = wp.i18n.__;

toggleElements = document.querySelectorAll( '.pwd-toggle' );

toggleElements.forEach( function (toggle) {
		toggle.classList.remove( 'hide-if-no-js' );
		toggle.addEventListener( 'click', togglePassword );
	} );

function togglePassword() {
		status = this.getAttribute( 'data-toggle' );
		input = this.parentElement.children.namedItem( 'pwd' );
		icon = this.getElementsByClassName( 'dashicons' )[ 0 ];
		label = this.getElementsByClassName( 'text' )[ 0 ];

if ( 0 === parseInt( status, 10 ) ) {
			this.setAttribute( 'data-toggle', 1 );
			this.setAttribute( 'aria-label', __( 'Hide password' ) );
			input.setAttribute( 'type', 'text' );
			label.innerHTML = __( 'Hide' );
			icon.classList.remove( 'dashicons-visibility' );
			icon.classList.add( 'dashicons-hidden' );
		} else {
			this.setAttribute( 'data-toggle', 0 );
			this.setAttribute( 'aria-label', __( 'Show password' ) );
			input.setAttribute( 'type', 'password' );
			label.innerHTML = __( 'Show' );
			icon.classList.remove( 'dashicons-hidden' );
			icon.classList.add( 'dashicons-visibility' );
		}
	}
} )();

Type	Item Name	Actions
📁	..
📁	widgets
📄	accordion.js
📄	accordion.min.js
📄	application-passwords.js
📄	application-passwords.min.js
📄	auth-app.js
📄	auth-app.min.js
📄	code-editor.js
📄	code-editor.min.js
📄	color-picker.js
📄	color-picker.min.js
📄	comment.js
📄	comment.min.js
📄	common.js
📄	common.min.js
📄	custom-background.js
📄	custom-background.min.js
📄	custom-header.js
📄	customize-controls.js
📄	customize-controls.min.js
📄	customize-nav-menus.js
📄	customize-nav-menus.min.js
📄	customize-widgets.js
📄	customize-widgets.min.js
📄	dashboard.js
📄	dashboard.min.js
📄	edit-comments.js
📄	edit-comments.min.js
📄	editor-expand.js
📄	editor-expand.min.js
📄	editor.js
📄	editor.min.js
📄	farbtastic.js
📄	gallery.js
📄	gallery.min.js
📄	image-edit.js
📄	image-edit.min.js
📄	inline-edit-post.js
📄	inline-edit-post.min.js
📄	inline-edit-tax.js
📄	inline-edit-tax.min.js
📄	iris.min.js
📄	language-chooser.js
📄	language-chooser.min.js
📄	link.js
📄	link.min.js
📄	media-gallery.js
📄	media-gallery.min.js
📄	media-upload.js
📄	media-upload.min.js
📄	media.js
📄	media.min.js
📄	nav-menu.js
📄	nav-menu.min.js
📄	password-strength-meter.js
📄	password-strength-meter.min.js
📄	password-toggle.js
📄	password-toggle.min.js
📄	plugin-install.js
📄	plugin-install.min.js
📄	post.js
📄	post.min.js
📄	postbox.js
📄	postbox.min.js
📄	privacy-tools.js
📄	privacy-tools.min.js
📄	revisions.js
📄	revisions.min.js
📄	set-post-thumbnail.js
📄	set-post-thumbnail.min.js
📄	site-health.js
📄	site-health.min.js
📄	site-icon.js
📄	site-icon.min.js
📄	svg-painter.js
📄	svg-painter.min.js
📄	tags-box.js
📄	tags-box.min.js
📄	tags-suggest.js
📄	tags-suggest.min.js
📄	tags.js
📄	tags.min.js
📄	theme-plugin-editor.js
📄	theme-plugin-editor.min.js
📄	theme.js
📄	theme.min.js
📄	updates.js
📄	updates.min.js
📄	user-profile.js
📄	user-profile.min.js
📄	user-suggest.js
📄	user-suggest.min.js
📄	widgets.js
📄	widgets.min.js
📄	word-count.js
📄	word-count.min.js
📄	xfn.js
📄	xfn.min.js