diff --git a/src/wp-includes/js/wp-backbone.js b/src/wp-includes/js/wp-backbone.js index bf9a780916..8b47f4eb2d 100644 --- a/src/wp-includes/js/wp-backbone.js +++ b/src/wp-includes/js/wp-backbone.js @@ -9,11 +9,19 @@ window.wp = window.wp || {}; */ wp.Backbone = {}; - - // wp.Backbone.Subviews - // -------------------- - // - // A subview manager. + /** + * A backbone subview manager. + * + * @since 3.5.0 + * @since 3.6.0 Moved wp.media.Views to wp.Backbone.Subviews. + * + * @memberOf wp.Backbone + * + * @class + * + * @param {wp.Backbone.View} view The main view. + * @param {array|Object} views The subviews for the main view. + */ wp.Backbone.Subviews = function( view, views ) { this.view = view; this._views = _.isArray( views ) ? { '': views } : views || {}; @@ -22,63 +30,95 @@ window.wp = window.wp || {}; wp.Backbone.Subviews.extend = Backbone.Model.extend; _.extend( wp.Backbone.Subviews.prototype, { - // ### Fetch all of the subviews - // - // Returns an array of all subviews. + /** + * Fetches all of the subviews. + * + * @since 3.5.0 + * + * @return {array} All the subviews. + */ all: function() { - return _.flatten( _.values( this._views ) ); + return _.flatten( _.values( this._views ) ); }, - // ### Get a selector's subviews - // - // Fetches all subviews that match a given `selector`. - // - // If no `selector` is provided, it will grab all subviews attached - // to the view's root. + /** + * Fetches all subviews that match a given `selector`. + * + * If no `selector` is provided, it will grab all subviews attached + * to the view's root. + * + * @since 3.5.0 + * + * @param {string} selector A jQuery selector. + * + * @return {array} + */ get: function( selector ) { selector = selector || ''; return this._views[ selector ]; }, - // ### Get a selector's first subview - // - // Fetches the first subview that matches a given `selector`. - // - // If no `selector` is provided, it will grab the first subview - // attached to the view's root. - // - // Useful when a selector only has one subview at a time. + /** + * Fetches the first subview that matches a given `selector`. + * + * If no `selector` is provided, it will grab the first subview attached to the + * view's root. + * + * Useful when a selector only has one subview at a time. + * + * @since 3.5.0 + * + * @param {string} selector A jQuery selector. + * + * @return {Backbone.View} The view. + */ first: function( selector ) { var views = this.get( selector ); return views && views.length ? views[0] : null; }, - // ### Register subview(s) - // - // Registers any number of `views` to a `selector`. - // - // When no `selector` is provided, the root selector (the empty string) - // is used. `views` accepts a `Backbone.View` instance or an array of - // `Backbone.View` instances. - // - // --- - // - // Accepts an `options` object, which has a significant effect on the - // resulting behavior. - // - // `options.silent` – *boolean, `false`* - // > If `options.silent` is true, no DOM modifications will be made. - // - // `options.add` – *boolean, `false`* - // > Use `Views.add()` as a shortcut for setting `options.add` to true. - // - // > By default, the provided `views` will replace - // any existing views associated with the selector. If `options.add` - // is true, the provided `views` will be added to the existing views. - // - // `options.at` – *integer, `undefined`* - // > When adding, to insert `views` at a specific index, use - // `options.at`. By default, `views` are added to the end of the array. + /** + * Registers subview(s). + * + * Registers any number of `views` to a `selector`. + * + * When no `selector` is provided, the root selector (the empty string) + * is used. `views` accepts a `Backbone.View` instance or an array of + * `Backbone.View` instances. + * + * --- + * + * Accepts an `options` object, which has a significant effect on the + * resulting behavior. + * + * `options.silent` – *boolean, `false`* + * > If `options.silent` is true, no DOM modifications will be made. + * + * `options.add` – *boolean, `false`* + * > Use `Views.add()` as a shortcut for setting `options.add` to true. + * + * > By default, the provided `views` will replace + * any existing views associated with the selector. If `options.add` + * is true, the provided `views` will be added to the existing views. + * + * `options.at` – *integer, `undefined`* + * > When adding, to insert `views` at a specific index, use + * `options.at`. By default, `views` are added to the end of the array. + * + * @since 3.5.0 + * + * @param {string} selector A jQuery selector. + * @param {array|Object} views The subviews for the main view. + * @param {Object} options Options for call. If `options.silent` is true, + * no DOM modifications will be made. Use + * `Views.add()` as a shortcut for setting + * `options.add` to true. If `options.add` is + * true, the provided `views` will be added to + * the existing views. When adding, to insert + * `views` at a specific index, use `options.at`. + * + * @return wp.Backbone.Subviews + */ set: function( selector, views, options ) { var existing, next; @@ -134,24 +174,37 @@ window.wp = window.wp || {}; return this; }, - // ### Add subview(s) to existing subviews - // - // An alias to `Views.set()`, which defaults `options.add` to true. - // - // Adds any number of `views` to a `selector`. - // - // When no `selector` is provided, the root selector (the empty string) - // is used. `views` accepts a `Backbone.View` instance or an array of - // `Backbone.View` instances. - // - // Use `Views.set()` when setting `options.add` to `false`. - // - // Accepts an `options` object. By default, provided `views` will be - // inserted at the end of the array of existing views. To insert - // `views` at a specific index, use `options.at`. If `options.silent` - // is true, no DOM modifications will be made. - // - // For more information on the `options` object, see `Views.set()`. + /** + * Add subview(s) to existing subviews. + * + * An alias to `Views.set()`, which defaults `options.add` to true. + * + * Adds any number of `views` to a `selector`. + * + * When no `selector` is provided, the root selector (the empty string) + * is used. `views` accepts a `Backbone.View` instance or an array of + * `Backbone.View` instances. + * + * Uses `Views.set()` when setting `options.add` to `false`. + * + * Accepts an `options` object. By default, provided `views` will be + * inserted at the end of the array of existing views. To insert + * `views` at a specific index, use `options.at`. If `options.silent` + * is true, no DOM modifications will be made. + * + * For more information on the `options` object, see `Views.set()`. + * + * @since 3.5.0 + * + * @param {string} selector A jQuery selector. + * @param {array|object} views The subviews for the main view. + * @param {Object} options Options for call. To insert `views` at a + * specific index, use `options.at`. If + * `options.silent` is true, no DOM modifications + * will be made. + * + * @return wp.Backbone.Subviews + */ add: function( selector, views, options ) { if ( ! _.isString( selector ) ) { options = views; @@ -162,14 +215,26 @@ window.wp = window.wp || {}; return this.set( selector, views, _.extend({ add: true }, options ) ); }, - // ### Stop tracking subviews - // - // Stops tracking `views` registered to a `selector`. If no `views` are - // set, then all of the `selector`'s subviews will be unregistered and - // removed. - // - // Accepts an `options` object. If `options.silent` is set, `remove` - // will *not* be triggered on the unregistered views. + /** + * Removes an added subview. + * + * Stops tracking `views` registered to a `selector`. If no `views` are + * set, then all of the `selector`'s subviews will be unregistered and + * removed. + * + * Accepts an `options` object. If `options.silent` is set, `remove` + * will *not* be triggered on the unregistered views. + * + * @since 3.5.0 + * + * @param {string} selector A jQuery selector. + * @param {array|object} views The subviews for the main view. + * @param {Object} options Options for call. If `options.silent` is set, + * `remove` will *not* be triggered on the + * unregistered views. + * + * @return {wp.Backbone.Subviews} The current Subviews instance. + */ unset: function( selector, views, options ) { var existing; @@ -192,20 +257,30 @@ window.wp = window.wp || {}; return this; }, - // ### Detach all subviews - // - // Detaches all subviews from the DOM. - // - // Helps to preserve all subview events when re-rendering the master - // view. Used in conjunction with `Views.render()`. + /** + * Detaches all subviews. + * + * Helps to preserve all subview events when re-rendering the master + * view. Used in conjunction with `Views.render()`. + * + * @since 3.5.0 + * + * @return {wp.Backbone.Subviews} The current Subviews instance. + */ detach: function() { $( _.pluck( this.all(), 'el' ) ).detach(); return this; }, - // ### Render all subviews - // - // Renders all subviews. Used in conjunction with `Views.detach()`. + /** + * Renders all subviews + * + * Used in conjunction with `Views.detach()`. + * + * @since 3.5.0 + * + * @return {wp.Backbone.Subviews} The current Subviews instance. + */ render: function() { var options = { ready: this._isReady() @@ -219,13 +294,23 @@ window.wp = window.wp || {}; return this; }, - // ### Remove all subviews - // - // Triggers the `remove()` method on all subviews. Detaches the master - // view from its parent. Resets the internals of the views manager. - // - // Accepts an `options` object. If `options.silent` is set, `unset` - // will *not* be triggered on the master view's parent. + /** + * Removes all subviews + * + * Triggers the `remove()` method on all subviews. Detaches the master + * view from its parent. Resets the internals of the views manager. + * + * Accepts an `options` object. If `options.silent` is set, `unset` + * will *not* be triggered on the master view's parent. + * + * @since 3.6.0 + * + * @param {Object} options Options for call. + * @param {boolean} options.silent If true, `unset` wil *not* be triggered on + * the master views' parent. + * + * @return {wp.Backbone.Subviews} The current Subviews instance. + */ remove: function( options ) { if ( ! options || ! options.silent ) { if ( this.parent && this.parent.views ) @@ -239,23 +324,44 @@ window.wp = window.wp || {}; return this; }, - // ### Replace a selector's subviews - // - // By default, sets the `$target` selector's html to the subview `els`. - // - // Can be overridden in subclasses. + /** + * Replaces a selector's subviews + * + * By default, sets the `$target` selector's html to the subview `els`. + * + * Can be overridden in subclasses. + * + * @since 3.5.0 + * + * @param {string} $target Selector where to put the elements. + * @param {*} els HTML or elements to put into the selector's HTML. + * + * @return {wp.Backbone.Subviews} The current Subviews instance. + */ replace: function( $target, els ) { $target.html( els ); return this; }, - // ### Insert subviews into a selector - // - // By default, appends the subview `els` to the end of the `$target` - // selector. If `options.at` is set, inserts the subview `els` at the - // provided index. - // - // Can be overridden in subclasses. + /** + * Insert subviews into a selector + * + * By default, appends the subview `els` to the end of the `$target` + * selector. If `options.at` is set, inserts the subview `els` at the + * provided index. + * + * Can be overridden in subclasses. + * + * @since 3.5.0 + * + * @param {string} $target Selector where to put the elements. + * @param {*} els HTML or elements to put at the end of the + * $target. + * @param {?Object} options Options for call. + * @param {?number} options.at At which index to put the elements. + * + * @return {wp.Backbone.Subviews} The current Subviews instance. + */ insert: function( $target, els, options ) { var at = options && options.at, $children; @@ -268,13 +374,17 @@ window.wp = window.wp || {}; return this; }, - // ### Trigger the ready event - // - // **Only use this method if you know what you're doing.** - // For performance reasons, this method does not check if the view is - // actually attached to the DOM. It's taking your word for it. - // - // Fires the ready event on the current view and all attached subviews. + /** + * Triggers the ready event. + * + * Only use this method if you know what you're doing. For performance reasons, + * this method does not check if the view is actually attached to the DOM. It's + * taking your word for it. + * + * Fires the ready event on the current view and all attached subviews. + * + * @since 3.5.0 + */ ready: function() { this.view.trigger('ready'); @@ -283,12 +393,24 @@ window.wp = window.wp || {}; return view.views; }).flatten().where({ attached: true }).invoke('ready'); }, - - // #### Internal. Attaches a series of views to a selector. - // - // Checks to see if a matching selector exists, renders the views, - // performs the proper DOM operation, and then checks if the view is - // attached to the document. + /** + * Attaches a series of views to a selector. Internal. + * + * Checks to see if a matching selector exists, renders the views, + * performs the proper DOM operation, and then checks if the view is + * attached to the document. + * + * @since 3.5.0 + * + * @private + * + * @param {string} selector A jQuery selector. + * @param {array|object} views The subviews for the main view. + * @param {Object} options Options for call. + * @param {boolean} options.add If true the provided views will be added. + * + * @return {wp.Backbone.Subviews} The current Subviews instance. + */ _attach: function( selector, views, options ) { var $selector = selector ? this.view.$( selector ) : this.view.$el, managers; @@ -323,7 +445,15 @@ window.wp = window.wp || {}; return this; }, - // #### Internal. Checks if the current view is in the DOM. + /** + * Determines whether or not the current view is in the DOM. + * + * @since 3.5.0 + * + * @private + * + * @returns {boolean} Whether or not the current view is in the DOM. + */ _isReady: function() { var node = this.view.el; while ( node ) { @@ -336,15 +466,27 @@ window.wp = window.wp || {}; } }); - - // wp.Backbone.View - // ---------------- - // - // The base view class. wp.Backbone.View = Backbone.View.extend({ + // The constructor for the `Views` manager. Subviews: wp.Backbone.Subviews, + /** + * The base view class. + * + * This extends the backbone view to have a build-in way to use subviews. This + * makes it easier to have nested views. + * + * @since 3.5.0 + * @since 3.6.0 Moved wp.media.View to wp.Backbone.View + * + * @memberOf wp.Backbone + * + * @constructs + * @augments Backbone.View + * + * @param {Object} options The options for this view. + */ constructor: function( options ) { this.views = new this.Subviews( this, this.views ); this.on( 'ready', this.ready, this ); @@ -354,6 +496,11 @@ window.wp = window.wp || {}; Backbone.View.apply( this, arguments ); }, + /** + * @since 3.5.0 + * + * Removes this view and all subviews. + */ remove: function() { var result = Backbone.View.prototype.remove.apply( this, arguments ); @@ -364,6 +511,13 @@ window.wp = window.wp || {}; return result; }, + /** + * Renders this view and all subviews. + * + * @since 3.5.0 + * + * @returns {wp.Backbone.View} The current instance of the view. + */ render: function() { var options; @@ -382,10 +536,22 @@ window.wp = window.wp || {}; return this; }, + /** + * Returns the options for this view. + * + * @since 3.5.0 + * + * @returns {Object} The options for this view. + */ prepare: function() { return this.options; }, + /** + * Method that is called when the ready event is triggered. + * + * @since 3.5.0 + */ ready: function() {} }); }(jQuery));