Revert [32466], I will pick this up in 4.4.

See #32466.


git-svn-id: https://develop.svn.wordpress.org/trunk@33342 602fd350-edb4-49c9-b593-d223f7449a82

src/wp-includes/js/media-grid.js

@@ -49,29 +49,9 @@ media.view.DeleteSelectedPermanentlyButton = require( './views/button/delete-sel
  * @augments Backbone.Router
  */
 var Router = Backbone.Router.extend({
-	initialize: function ( options ) {
-		this.controller = options.controller;
-		this.library = options.library;
-		this.on( 'route', this.checkRoute );
-	},
-
 	routes: {
 		'upload.php?item=:slug':    'showItem',
-		'upload.php?search=:query': 'search',
+		'upload.php?search=:query': 'search'
-		'upload.php':				'defaultRoute'
-	},
-
-	checkRoute: function ( event ) {
-		if ( 'defaultRoute' !== event ) {
-			this.modal = true;
-		}
-	},
-
-	defaultRoute: function () {
-		if ( this.modal ) {
-			wp.media.frame.close();
-			this.modal = false;
-		}
 	},
 
 	// Map routes against the page URL
@@ -86,18 +66,19 @@ var Router = Backbone.Router.extend({
 
 	// Show the modal with a specific item
 	showItem: function( query ) {
-		var frame = this.controller,
+		var media = wp.media,
+			library = media.frame.state().get('library'),
 			item;
 
 		// Trigger the media frame to open the correct item
-		item = this.library.findWhere( { id: parseInt( query, 10 ) } );
+		item = library.findWhere( { id: parseInt( query, 10 ) } );
 		if ( item ) {
-			frame.trigger( 'edit:attachment', item );
+			media.frame.trigger( 'edit:attachment', item );
 		} else {
-			item = wp.media.attachment( query );
+			item = media.attachment( query );
-			frame.listenTo( item, 'change', function( model ) {
+			media.frame.listenTo( item, 'change', function( model ) {
-				frame.stopListening( item );
+				media.frame.stopListening( item );
-				frame.trigger( 'edit:attachment', model );
+				media.frame.trigger( 'edit:attachment', model );
 			} );
 			item.fetch();
 		}
@@ -664,36 +645,25 @@ Manage = MediaFrame.extend({
 				}
 			}).render();
 			this.uploader.ready();
-			this.$body.append( this.uploader.el );
+			$('body').append( this.uploader.el );
 
 			this.options.uploader = false;
 		}
 
+		this.gridRouter = new wp.media.view.MediaFrame.Manage.Router();
+
 		// Call 'initialize' directly on the parent class.
 		MediaFrame.prototype.initialize.apply( this, arguments );
 
 		// Append the frame view directly the supplied container.
 		this.$el.appendTo( this.options.container );
 
-		this.setLibrary( this.options );
-		this.setRouter();
 		this.createStates();
 		this.bindRegionModeHandlers();
 		this.render();
 		this.bindSearchHandler();
 	},
 
-	setLibrary: function ( options ) {
-		this.library = wp.media.query( options.library );
-	},
-
-	setRouter: function () {
-		this.gridRouter = new wp.media.view.MediaFrame.Manage.Router({
-			controller: this,
-			library: this.library
-		});
-	},
-
 	bindSearchHandler: function() {
 		var search = this.$( '#media-search-input' ),
 			currentSearch = this.options.container.data( 'search' ),
@@ -712,9 +682,7 @@ Manage = MediaFrame.extend({
 
 		// Update the URL when entering search string (at most once per second)
 		search.on( 'input', _.bind( input, this ) );
-		if ( currentSearch ) {
+		searchView.val( currentSearch ).trigger( 'input' );
-			searchView.val( currentSearch ).trigger( 'input' );
-		}
 
 		this.gridRouter.on( 'route:search', function () {
 			var href = window.location.href;
@@ -741,7 +709,7 @@ Manage = MediaFrame.extend({
 		// Add the default states.
 		this.states.add([
 			new Library({
-				library:            this.library,
+				library:            wp.media.query( options.library ),
 				multiple:           options.multiple,
 				title:              options.title,
 				content:            'browse',

src/wp-includes/js/media/routers/manage.js

@@ -7,29 +7,9 @@
  * @augments Backbone.Router
  */
 var Router = Backbone.Router.extend({
-	initialize: function ( options ) {
-		this.controller = options.controller;
-		this.library = options.library;
-		this.on( 'route', this.checkRoute );
-	},
-
 	routes: {
 		'upload.php?item=:slug':    'showItem',
-		'upload.php?search=:query': 'search',
+		'upload.php?search=:query': 'search'
-		'upload.php':				'defaultRoute'
-	},
-
-	checkRoute: function ( event ) {
-		if ( 'defaultRoute' !== event ) {
-			this.modal = true;
-		}
-	},
-
-	defaultRoute: function () {
-		if ( this.modal ) {
-			wp.media.frame.close();
-			this.modal = false;
-		}
 	},
 
 	// Map routes against the page URL
@@ -44,18 +24,19 @@ var Router = Backbone.Router.extend({
 
 	// Show the modal with a specific item
 	showItem: function( query ) {
-		var frame = this.controller,
+		var media = wp.media,
+			library = media.frame.state().get('library'),
 			item;
 
 		// Trigger the media frame to open the correct item
-		item = this.library.findWhere( { id: parseInt( query, 10 ) } );
+		item = library.findWhere( { id: parseInt( query, 10 ) } );
 		if ( item ) {
-			frame.trigger( 'edit:attachment', item );
+			media.frame.trigger( 'edit:attachment', item );
 		} else {
-			item = wp.media.attachment( query );
+			item = media.attachment( query );
-			frame.listenTo( item, 'change', function( model ) {
+			media.frame.listenTo( item, 'change', function( model ) {
-				frame.stopListening( item );
+				media.frame.stopListening( item );
-				frame.trigger( 'edit:attachment', model );
+				media.frame.trigger( 'edit:attachment', model );
 			} );
 			item.fetch();
 		}

src/wp-includes/js/media/views/frame/manage.js

@@ -60,36 +60,25 @@ Manage = MediaFrame.extend({
 				}
 			}).render();
 			this.uploader.ready();
-			this.$body.append( this.uploader.el );
+			$('body').append( this.uploader.el );
 
 			this.options.uploader = false;
 		}
 
+		this.gridRouter = new wp.media.view.MediaFrame.Manage.Router();
+
 		// Call 'initialize' directly on the parent class.
 		MediaFrame.prototype.initialize.apply( this, arguments );
 
 		// Append the frame view directly the supplied container.
 		this.$el.appendTo( this.options.container );
 
-		this.setLibrary( this.options );
-		this.setRouter();
 		this.createStates();
 		this.bindRegionModeHandlers();
 		this.render();
 		this.bindSearchHandler();
 	},
 
-	setLibrary: function ( options ) {
-		this.library = wp.media.query( options.library );
-	},
-
-	setRouter: function () {
-		this.gridRouter = new wp.media.view.MediaFrame.Manage.Router({
-			controller: this,
-			library: this.library
-		});
-	},
-
 	bindSearchHandler: function() {
 		var search = this.$( '#media-search-input' ),
 			currentSearch = this.options.container.data( 'search' ),
@@ -108,9 +97,7 @@ Manage = MediaFrame.extend({
 
 		// Update the URL when entering search string (at most once per second)
 		search.on( 'input', _.bind( input, this ) );
-		if ( currentSearch ) {
+		searchView.val( currentSearch ).trigger( 'input' );
-			searchView.val( currentSearch ).trigger( 'input' );
-		}
 
 		this.gridRouter.on( 'route:search', function () {
 			var href = window.location.href;
@@ -137,7 +124,7 @@ Manage = MediaFrame.extend({
 		// Add the default states.
 		this.states.add([
 			new Library({
-				library:            this.library,
+				library:            wp.media.query( options.library ),
 				multiple:           options.multiple,
 				title:              options.title,
 				content:            'browse',