mirror of
https://github.com/WordPress/WordPress.git
synced 2024-09-17 10:04:49 +02:00
a5478d7adb
* The way that the JS modules for media are currently set up turns the existing global `wp.media` namespace into a read-only API, this is bad. * For the existing module implementation to work with plugins, those looking to override or extend a class would have to modify their own plugin to use `browserify` - we can't expect this to happen * Because the general way that plugins override media classes is via machete (resetting them to something else), we cannot use `require( 'module' )` in the internal code for media modules We CAN continue to use `require( 'fun/js' )` in the manifests for media. Future code/projects should carefully consider what is made to be public API. In 3.5, EVERYTHING was made public, so everything shall remain public. See #31684, #28510. Built from https://develop.svn.wordpress.org/trunk@31935 git-svn-id: http://core.svn.wordpress.org/trunk@31914 1a063a9b-81f0-0310-95a4-ce76da25c4cd
95 lines
2.3 KiB
JavaScript
95 lines
2.3 KiB
JavaScript
/*globals wp, _ */
|
|
|
|
/**
|
|
* wp.media.view.Settings.AttachmentDisplay
|
|
*
|
|
* @class
|
|
* @augments wp.media.view.Settings
|
|
* @augments wp.media.View
|
|
* @augments wp.Backbone.View
|
|
* @augments Backbone.View
|
|
*/
|
|
var Settings = wp.media.view.Settings,
|
|
AttachmentDisplay;
|
|
|
|
AttachmentDisplay = Settings.extend({
|
|
className: 'attachment-display-settings',
|
|
template: wp.template('attachment-display-settings'),
|
|
|
|
initialize: function() {
|
|
var attachment = this.options.attachment;
|
|
|
|
_.defaults( this.options, {
|
|
userSettings: false
|
|
});
|
|
// Call 'initialize' directly on the parent class.
|
|
Settings.prototype.initialize.apply( this, arguments );
|
|
this.listenTo( this.model, 'change:link', this.updateLinkTo );
|
|
|
|
if ( attachment ) {
|
|
attachment.on( 'change:uploading', this.render, this );
|
|
}
|
|
},
|
|
|
|
dispose: function() {
|
|
var attachment = this.options.attachment;
|
|
if ( attachment ) {
|
|
attachment.off( null, null, this );
|
|
}
|
|
/**
|
|
* call 'dispose' directly on the parent class
|
|
*/
|
|
Settings.prototype.dispose.apply( this, arguments );
|
|
},
|
|
/**
|
|
* @returns {wp.media.view.AttachmentDisplay} Returns itself to allow chaining
|
|
*/
|
|
render: function() {
|
|
var attachment = this.options.attachment;
|
|
if ( attachment ) {
|
|
_.extend( this.options, {
|
|
sizes: attachment.get('sizes'),
|
|
type: attachment.get('type')
|
|
});
|
|
}
|
|
/**
|
|
* call 'render' directly on the parent class
|
|
*/
|
|
Settings.prototype.render.call( this );
|
|
this.updateLinkTo();
|
|
return this;
|
|
},
|
|
|
|
updateLinkTo: function() {
|
|
var linkTo = this.model.get('link'),
|
|
$input = this.$('.link-to-custom'),
|
|
attachment = this.options.attachment;
|
|
|
|
if ( 'none' === linkTo || 'embed' === linkTo || ( ! attachment && 'custom' !== linkTo ) ) {
|
|
$input.addClass( 'hidden' );
|
|
return;
|
|
}
|
|
|
|
if ( attachment ) {
|
|
if ( 'post' === linkTo ) {
|
|
$input.val( attachment.get('link') );
|
|
} else if ( 'file' === linkTo ) {
|
|
$input.val( attachment.get('url') );
|
|
} else if ( ! this.model.get('linkUrl') ) {
|
|
$input.val('http://');
|
|
}
|
|
|
|
$input.prop( 'readonly', 'custom' !== linkTo );
|
|
}
|
|
|
|
$input.removeClass( 'hidden' );
|
|
|
|
// If the input is visible, focus and select its contents.
|
|
if ( ! wp.media.isTouchDevice && $input.is(':visible') ) {
|
|
$input.focus()[0].select();
|
|
}
|
|
}
|
|
});
|
|
|
|
module.exports = AttachmentDisplay;
|