Ticket #27521: 27521.11.diff

src/wp-admin/js/theme.js

@@ -442 +442 @@
                 this.touchDrag = true;
         },
 
+        // Handles .disabled classes for next/previous buttons in theme installer preview
+        setNavButtonsState: function() {
+                var $themeInstaller = $( '#theme-installer' ),
+                        current = _.isUndefined( this.current ) ? this.model : this.current;
+
+                // Disable Left at the zero position
+                if ( 0 === this.model.collection.indexOf( current ) ) {
+                        $themeInstaller.find( '.previous-theme' ).addClass( 'disabled' );
+                }
+
+                // Disable next if the next model is undefined
+                if ( _.isUndefined( this.model.collection.at( this.model.collection.indexOf( current ) + 1 ) ) ) {
+                        $themeInstaller.find( '.next-theme' ).addClass( 'disabled' );
+                }
+        },
+
+
         preview: function( event ) {
                 var self = this,
                         current, preview;
@@ -494 +511 @@
 
                         // If we have no more themes, bail.
                         if ( _.isUndefined( self.current ) ) {
+                                self.options.parent.parent.trigger( 'theme:end' );
                                 return self.current = current;
                         }
 
@@ -504 +522 @@
 
                         // Render and append.
                         preview.render();
+                        this.setNavButtonsState();
                         $( 'div.wrap' ).append( preview.el );
                 })
                 .listenTo( preview, 'theme:previous', function() {
@@ -531 +550 @@
 
                         // Render and append.
                         preview.render();
+                        this.setNavButtonsState();
                         $( 'div.wrap' ).append( preview.el );
                 });
+                self.setNavButtonsState();
         }
 });