WordPress.org

Make WordPress Core

Ticket #25963: 25963.8.diff

File 25963.8.diff, 1.7 KB (added by kovshenin, 7 years ago)
  • src/wp-admin/js/theme.js

     
    299299                }
    300300        },
    301301
    302         // Handles arrow keys navigation for the overlay
    303         // Triggers theme:next and theme:previous events
     302        // Handles .disabled classes for next/previous buttons
    304303        navigation: function() {
    305                 var self = this;
    306304
    307                 $( 'body' ).on( 'keyup', function( event ) {
    308 
    309                         // Pressing the right arrow key fires a theme:next event
    310                         if ( event.keyCode === 39 ) {
    311                                 self.trigger( 'theme:next', self.model.cid );
    312                         }
    313 
    314                         // Pressing the left arrow key fires a theme:previous event
    315                         if ( event.keyCode === 37 ) {
    316                                 self.trigger( 'theme:previous', self.model.cid );
    317                         }
    318 
    319                         // Pressing the escape key closes the theme details panel
    320                         if ( event.keyCode === 27 ) {
    321                                 self.collapse();
    322                         }
    323                 });
    324 
    325305                // Disable Left/Right when at the start or end of the collection
    326306                if ( this.model.cid === this.model.collection.at(0).cid ) {
    327307                        this.$el.find( '.left' ).addClass( 'disabled' );
     
    409389                this.listenTo( this.parent, 'theme:scroll', function() {
    410390                        self.renderThemes( self.parent.page );
    411391                });
     392
     393                // Bind keyboard events.
     394                $('body').on( 'keyup', function( event ) {
     395                        // Pressing the right arrow key fires a theme:next event
     396                        if ( event.keyCode === 39 ) {
     397                                self.overlay.nextTheme();
     398                        }
     399
     400                        // Pressing the left arrow key fires a theme:previous event
     401                        if ( event.keyCode === 37 ) {
     402                                self.overlay.previousTheme();
     403                        }
     404
     405                        // Pressing the escape key fires a theme:collapse event
     406                        if ( event.keyCode === 27 ) {
     407                                self.overlay.collapse();
     408                        }
     409                });
    412410        },
    413411
    414412        // Manages rendering of theme pages