mirror of
https://github.com/WordPress/WordPress.git
synced 2024-11-04 01:39:37 +01:00
b191013198
* In media manifests, ditch IIFEs and global injection, these get dynamically scoped via Browserify * Remove the `debug` option from `browserify:media` * Add `jshint:media` to `jshint:corejs` * Add a trailing newline to all new module files Props iseulde. See #28510. Built from https://develop.svn.wordpress.org/trunk@31385 git-svn-id: http://core.svn.wordpress.org/trunk@31366 1a063a9b-81f0-0310-95a4-ce76da25c4cd
116 lines
2.0 KiB
JavaScript
116 lines
2.0 KiB
JavaScript
/**
|
|
* wp.media.view.Menu
|
|
*
|
|
* @class
|
|
* @augments wp.media.view.PriorityList
|
|
* @augments wp.media.View
|
|
* @augments wp.Backbone.View
|
|
* @augments Backbone.View
|
|
*/
|
|
var MenuItem = require( './menu-item.js' ),
|
|
PriorityList = require( './priority-list.js' ),
|
|
Menu;
|
|
|
|
Menu = PriorityList.extend({
|
|
tagName: 'div',
|
|
className: 'media-menu',
|
|
property: 'state',
|
|
ItemView: MenuItem,
|
|
region: 'menu',
|
|
|
|
/* TODO: alternatively hide on any click anywhere
|
|
events: {
|
|
'click': 'click'
|
|
},
|
|
|
|
click: function() {
|
|
this.$el.removeClass( 'visible' );
|
|
},
|
|
*/
|
|
|
|
/**
|
|
* @param {Object} options
|
|
* @param {string} id
|
|
* @returns {wp.media.View}
|
|
*/
|
|
toView: function( options, id ) {
|
|
options = options || {};
|
|
options[ this.property ] = options[ this.property ] || id;
|
|
return new this.ItemView( options ).render();
|
|
},
|
|
|
|
ready: function() {
|
|
/**
|
|
* call 'ready' directly on the parent class
|
|
*/
|
|
PriorityList.prototype.ready.apply( this, arguments );
|
|
this.visibility();
|
|
},
|
|
|
|
set: function() {
|
|
/**
|
|
* call 'set' directly on the parent class
|
|
*/
|
|
PriorityList.prototype.set.apply( this, arguments );
|
|
this.visibility();
|
|
},
|
|
|
|
unset: function() {
|
|
/**
|
|
* call 'unset' directly on the parent class
|
|
*/
|
|
PriorityList.prototype.unset.apply( this, arguments );
|
|
this.visibility();
|
|
},
|
|
|
|
visibility: function() {
|
|
var region = this.region,
|
|
view = this.controller[ region ].get(),
|
|
views = this.views.get(),
|
|
hide = ! views || views.length < 2;
|
|
|
|
if ( this === view ) {
|
|
this.controller.$el.toggleClass( 'hide-' + region, hide );
|
|
}
|
|
},
|
|
/**
|
|
* @param {string} id
|
|
*/
|
|
select: function( id ) {
|
|
var view = this.get( id );
|
|
|
|
if ( ! view ) {
|
|
return;
|
|
}
|
|
|
|
this.deselect();
|
|
view.$el.addClass('active');
|
|
},
|
|
|
|
deselect: function() {
|
|
this.$el.children().removeClass('active');
|
|
},
|
|
|
|
hide: function( id ) {
|
|
var view = this.get( id );
|
|
|
|
if ( ! view ) {
|
|
return;
|
|
}
|
|
|
|
view.$el.addClass('hidden');
|
|
},
|
|
|
|
show: function( id ) {
|
|
var view = this.get( id );
|
|
|
|
if ( ! view ) {
|
|
return;
|
|
}
|
|
|
|
view.$el.removeClass('hidden');
|
|
}
|
|
});
|
|
|
|
module.exports = Menu;
|