/** * Common functions that are used in TablePress JS. * * @package TablePress * @subpackage Views JavaScript * @author Tobias Bäthge * @since 2.2.0 */ /** * WordPress dependencies. */ import { __, _x, sprintf } from '@wordpress/i18n'; /** * Registers a "Save Changes" keyboard shortcut for a button. * * @since 2.2.0 * * @param {HTMLElement} $button DOM element for the button. */ export const register_save_changes_keyboard_shortcut = ( $button ) => { // Add keyboard shortcut as title attribute to the "Save Changes" button, with correct modifier key for Mac/non-Mac. const modifier_key = ( window?.navigator?.platform?.includes( 'Mac' ) ) ? _x( '⌘', 'keyboard shortcut modifier key on a Mac keyboard', 'tablepress' ) : _x( 'Ctrl+', 'keyboard shortcut modifier key on a non-Mac keyboard', 'tablepress' ); const shortcut = sprintf( $button.dataset.shortcut, modifier_key ); // eslint-disable-line @wordpress/valid-sprintf $button.title = sprintf( __( 'Keyboard Shortcut: %s', 'tablepress' ), shortcut ); /** * Registers keyboard events and triggers corresponding actions by emulating button clicks. * * @since 2.2.0 * * @param {Event} event Keyboard event. */ const keyboard_shortcuts = ( event ) => { let action = ''; if ( event.ctrlKey || event.metaKey ) { if ( 83 === event.keyCode ) { // Save Changes: Ctrl/Cmd + S. action = 'save-changes'; } } if ( 'save-changes' === action ) { // Blur the focussed element to make sure that all change events were triggered. document.activeElement.blur(); // eslint-disable-line @wordpress/no-global-active-element // Emulate a click on the button corresponding to the action. $button.click(); // Prevent the browser's native handling of the shortcut, i.e. showing the Save or Print dialogs. event.preventDefault(); } }; // Register keyboard shortcut handler. window.addEventListener( 'keydown', keyboard_shortcuts, true ); }; articles – Page 9 – CBI

This is your Side Push Panel Sidebar!

Step 1: Please add your content to this section from Admin Dashboard > Parts - Side Push Panel (Side Push Panel Sidebar).

Step 2: Goto Theme Options > Side Push Panel Sidebar and select it from the dropdown menu.

It's done!

articles

Morning Light and Apparel Choices

Lotions, Creams, and Significances: What Does Your Skin Truly Need?

Lotions, Creams, and Significances: What Does Your Skin Truly Need?

Matching Balloon Shades with Your Celebration Motif

Morning Light and Apparel Choices

Just how to Pick the Perfect Party Dress for Any Kind Of Event

Organizing Seasonal Products Without Jumbling Your Closet

The Ultimate Guide to Motor Home Water System Upkeep

Organizing Seasonal Products Without Cluttering Your Closet

Exactly how to Choose the Right Outdoor Heating System for Your Backyard Size

Maintaining Memories with a Customized Image Crystal Heart Forming Image Framework

This is your Side Push Panel Sidebar!