Ticket #27198: 27198-02.patch

src/wp-admin/js/theme.js

@@ -350 +350 @@
                                 scroll = document.body.scrollTop;
 
                                 // Clean the url structure
-                                themes.router.navigate( themes.router.baseUrl( '' ), { replace: true } );
+                                themes.router.navigate( themes.router.baseUrl( '' ) );
 
                                 // Restore scroll position
                                 document.body.scrollTop = scroll;
@@ -451 +451 @@
                         self.renderThemes( self.parent.page );
                 });
 
+                this.listenTo( this.parent, 'theme:close', function() {
+                        if ( self.overlay ) {
+                                self.overlay.closeOverlay();
+                        }
+                } );
+
                 // Bind keyboard events.
                 $('body').on( 'keyup', function( event ) {
                         if ( ! self.overlay ) {
@@ -573 +579 @@
                 this.model = self.collection.get( id );
 
                 // Trigger a route update for the current model
-                themes.router.navigate( themes.router.baseUrl( '?theme=' + this.model.id ), { replace: true } );
+                themes.router.navigate( themes.router.baseUrl( '?theme=' + this.model.id ) );
 
                 // Sets this.view to 'detail'
                 this.setView( 'detail' );
@@ -659 +665 @@
         tagName: 'input',
         className: 'theme-search',
         id: 'theme-search-input',
+        searching: false,
 
         attributes: {
                 placeholder: l10n.searchPlaceholder,
@@ -669 +676 @@
                 'input':  'search',
                 'keyup':  'search',
                 'change': 'search',
-                'search': 'search'
+                'search': 'search',
+                'blur': 'pushState'
         },
 
         // Runs a search on the theme collection.
         search: function( event ) {
+                var options = {};
+
                 // Clear on escape.
                 if ( event.type === 'keyup' && event.which === 27 ) {
                         event.target.value = '';
@@ -681 +691 @@
 
                 this.collection.doSearch( event.target.value );
 
+                if ( this.searching && event.which !== 15) {
+                        options.replace = true;
+                } else {
+                        this.searching = true;
+                }
+
                 // Update the URL hash
                 if ( event.target.value ) {
-                        themes.router.navigate( themes.router.baseUrl( '?search=' + event.target.value ), { replace: true } );
+                        themes.router.navigate( themes.router.baseUrl( '?search=' + event.target.value ), options );
                 } else {
                         themes.router.navigate( themes.router.baseUrl( '' ), { replace: true } );
                 }
+        },
+
+        pushState: function( event ) {
+                var url = themes.router.baseUrl( '' );
+
+                if ( event.target.value ) {
+                        url = themes.router.baseUrl( '?search=' + event.target.value );
+                }
+
+                themes.router.navigate( url );
+
         }
 });
 
@@ -694 +721 @@
 // Listens to [theme] and [search] params
 themes.routes = Backbone.Router.extend({
 
-        initialize: function() {
-                this.routes = _.object([
-                ]);
+        routes: {
+                'themes.php?theme=:slug': 'theme',
+                'themes.php?search=:query': 'search',
+                'themes.php?s=:query': 'search',
+                'themes.php': 'themes',
+                '': 'themes'
         },
 
         baseUrl: function( url ) {
-                return themes.data.settings.root + url;
+                return 'themes.php' + url;
+        },
+
+        search: function( query ) {
+                $( '.theme-search' ).val( query );
+        },
+
+        themes: function() {
+                $( '.theme-search' ).val('');
         }
+
 });
 
 // Execute and setup the application
@@ -720 +759 @@
         },
 
         render: function() {
+                var root;
+
                 // Render results
                 this.view.render();
                 this.routes();
 
-                // Set the initial theme
-                if ( 'undefined' !== typeof themes.data.settings.theme && '' !== themes.data.settings.theme ){
-                        this.view.view.theme.trigger( 'theme:expand', this.view.collection.findWhere( { id: themes.data.settings.theme } ) );
-                }
-
-                // Set the initial search
-                if ( 'undefined' !== typeof themes.data.settings.search && '' !== themes.data.settings.search ){
-                        $( '.theme-search' ).val( themes.data.settings.search );
-                        this.themes.doSearch( themes.data.settings.search );
-                }
-
-                // Start the router if browser supports History API
+                // Sets up Backbone.history
+                // Only change root if we have a pushState enabled browser -
+                // fixes redirect to /wp-admin/#themes.php bug in IE8
                 if ( window.history && window.history.pushState ) {
-                        // Calls the routes functionality
-                        Backbone.history.start({ pushState: true, silent: true });
+                        root = themes.data.settings.root.replace( 'themes.php', '' );
+                } else {
+                        root = themes.data.settings.root;
                 }
+
+                Backbone.history.start({ root: root, pushState: true });
         },
 
         routes: function() {
+                var self = this;
                 // Bind to our global thx object
                 // so that the object is available to sub-views
                 themes.router = new themes.routes();
+
+                // Handles theme details route event
+                themes.router.on( 'route:theme', function( slug ) {
+                        self.view.view.expand( slug );
+                });
+
+                themes.router.on( 'route:themes', function() {
+                        self.themes.doSearch( '' );
+                        self.view.trigger( 'theme:close' );
+                });
+
+                // Handles search route event
+                themes.router.on( 'route:search', function( query ) {
+                        self.view.trigger( 'theme:close' );
+                        self.themes.doSearch( query );
+                });
         }
 };
 

src/wp-admin/themes.php

@@ -100 +100 @@
                 'installURI'    => ( ! is_multisite() && current_user_can( 'install_themes' ) ) ? admin_url( 'theme-install.php' ) : null,
                 'confirmDelete' => __( "Are you sure you want to delete this theme?\n\nClick 'Cancel' to go back, 'OK' to confirm the delete." ),
                 'root'          => parse_url( admin_url( 'themes.php' ), PHP_URL_PATH ),
-                'theme'         => esc_html( $theme ),
-                'search'        => esc_html( $search ),
-
         ),
         'l10n' => array(
                 'addNew' => __( 'Add New Theme' ),