2012-10-06 02:43:36 +02:00
|
|
|
window.wp = window.wp || {};
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
|
|
|
|
(function($){
|
2013-03-03 08:04:06 +01:00
|
|
|
var Attachment, Attachments, Query, compare, l10n, media, bindSyncEvents;
|
2012-08-31 22:44:02 +02:00
|
|
|
|
|
|
|
/**
|
|
|
|
* wp.media( attributes )
|
|
|
|
*
|
|
|
|
* Handles the default media experience. Automatically creates
|
2012-11-09 10:59:36 +01:00
|
|
|
* and opens a media frame, and returns the result.
|
2012-08-31 22:44:02 +02:00
|
|
|
* Does nothing if the controllers do not exist.
|
|
|
|
*
|
|
|
|
* @param {object} attributes The properties passed to the main media controller.
|
|
|
|
* @return {object} A media workflow.
|
|
|
|
*/
|
|
|
|
media = wp.media = function( attributes ) {
|
2012-11-09 10:59:36 +01:00
|
|
|
var MediaFrame = media.view.MediaFrame,
|
|
|
|
frame;
|
|
|
|
|
|
|
|
if ( ! MediaFrame )
|
|
|
|
return;
|
|
|
|
|
|
|
|
attributes = _.defaults( attributes || {}, {
|
|
|
|
frame: 'select'
|
|
|
|
});
|
|
|
|
|
|
|
|
if ( 'select' === attributes.frame && MediaFrame.Select )
|
|
|
|
frame = new MediaFrame.Select( attributes );
|
|
|
|
else if ( 'post' === attributes.frame && MediaFrame.Post )
|
|
|
|
frame = new MediaFrame.Post( attributes );
|
|
|
|
|
|
|
|
delete attributes.frame;
|
2012-12-03 03:38:10 +01:00
|
|
|
|
|
|
|
return frame;
|
2012-08-31 22:44:02 +02:00
|
|
|
};
|
|
|
|
|
2012-12-06 06:06:49 +01:00
|
|
|
_.extend( media, { model: {}, view: {}, controller: {}, frames: {} });
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
|
2012-10-12 18:02:45 +02:00
|
|
|
// Link any localized strings.
|
2012-11-20 02:48:37 +01:00
|
|
|
l10n = media.model.l10n = typeof _wpMediaModelsL10n === 'undefined' ? {} : _wpMediaModelsL10n;
|
2012-10-12 18:02:45 +02:00
|
|
|
|
2012-11-21 17:46:32 +01:00
|
|
|
// Link any settings.
|
|
|
|
media.model.settings = l10n.settings || {};
|
|
|
|
delete l10n.settings;
|
|
|
|
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
/**
|
|
|
|
* ========================================================================
|
|
|
|
* UTILITIES
|
|
|
|
* ========================================================================
|
|
|
|
*/
|
|
|
|
|
2012-09-18 23:42:29 +02:00
|
|
|
/**
|
|
|
|
* A basic comparator.
|
|
|
|
*
|
|
|
|
* @param {mixed} a The primary parameter to compare.
|
|
|
|
* @param {mixed} b The primary parameter to compare.
|
|
|
|
* @param {string} ac The fallback parameter to compare, a's cid.
|
|
|
|
* @param {string} bc The fallback parameter to compare, b's cid.
|
|
|
|
* @return {number} -1: a should come before b.
|
|
|
|
* 0: a and b are of the same rank.
|
|
|
|
* 1: b should come before a.
|
|
|
|
*/
|
|
|
|
compare = function( a, b, ac, bc ) {
|
|
|
|
if ( _.isEqual( a, b ) )
|
|
|
|
return ac === bc ? 0 : (ac > bc ? -1 : 1);
|
|
|
|
else
|
|
|
|
return a > b ? -1 : 1;
|
|
|
|
};
|
|
|
|
|
2013-03-03 08:04:06 +01:00
|
|
|
// Ensures the 'sync' and 'error' events are always
|
|
|
|
// correctly triggered when overloading `Backbone.sync`.
|
|
|
|
bindSyncEvents = function( model, options ) {
|
|
|
|
var success = options.success,
|
|
|
|
error = options.error;
|
|
|
|
|
|
|
|
options.success = function( resp ) {
|
|
|
|
if ( success )
|
2013-04-03 19:40:52 +02:00
|
|
|
success( resp );
|
2013-03-03 08:04:06 +01:00
|
|
|
model.trigger( 'sync', model, resp, options );
|
|
|
|
};
|
|
|
|
|
|
|
|
options.error = function( xhr ) {
|
|
|
|
if ( error )
|
2013-04-03 19:40:52 +02:00
|
|
|
error( xhr );
|
2013-03-03 08:04:06 +01:00
|
|
|
model.trigger( 'error', model, xhr, options );
|
|
|
|
};
|
|
|
|
|
|
|
|
return options;
|
|
|
|
};
|
|
|
|
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
_.extend( media, {
|
|
|
|
/**
|
|
|
|
* media.template( id )
|
|
|
|
*
|
|
|
|
* Fetches a template by id.
|
|
|
|
*
|
|
|
|
* @param {string} id A string that corresponds to a DOM element with an id prefixed with "tmpl-".
|
|
|
|
* For example, "attachment" maps to "tmpl-attachment".
|
|
|
|
* @return {function} A function that lazily-compiles the template requested.
|
|
|
|
*/
|
|
|
|
template: _.memoize( function( id ) {
|
2012-11-07 09:41:17 +01:00
|
|
|
var compiled,
|
|
|
|
options = {
|
|
|
|
evaluate: /<#([\s\S]+?)#>/g,
|
|
|
|
interpolate: /\{\{\{([\s\S]+?)\}\}\}/g,
|
2012-11-14 22:51:41 +01:00
|
|
|
escape: /\{\{([^\}]+?)\}\}(?!\})/g,
|
|
|
|
variable: 'data'
|
2012-11-07 09:41:17 +01:00
|
|
|
};
|
|
|
|
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
return function( data ) {
|
2012-11-07 09:41:17 +01:00
|
|
|
compiled = compiled || _.template( $( '#tmpl-' + id ).html(), null, options );
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
return compiled( data );
|
|
|
|
};
|
|
|
|
}),
|
|
|
|
|
|
|
|
/**
|
|
|
|
* media.post( [action], [data] )
|
|
|
|
*
|
|
|
|
* Sends a POST request to WordPress.
|
|
|
|
*
|
|
|
|
* @param {string} action The slug of the action to fire in WordPress.
|
|
|
|
* @param {object} data The data to populate $_POST with.
|
|
|
|
* @return {$.promise} A jQuery promise that represents the request.
|
|
|
|
*/
|
|
|
|
post: function( action, data ) {
|
|
|
|
return media.ajax({
|
|
|
|
data: _.isObject( action ) ? action : _.extend( data || {}, { action: action })
|
|
|
|
});
|
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
|
|
|
* media.ajax( [action], [options] )
|
|
|
|
*
|
|
|
|
* Sends a POST request to WordPress.
|
|
|
|
*
|
|
|
|
* @param {string} action The slug of the action to fire in WordPress.
|
|
|
|
* @param {object} options The options passed to jQuery.ajax.
|
|
|
|
* @return {$.promise} A jQuery promise that represents the request.
|
|
|
|
*/
|
|
|
|
ajax: function( action, options ) {
|
|
|
|
if ( _.isObject( action ) ) {
|
|
|
|
options = action;
|
|
|
|
} else {
|
|
|
|
options = options || {};
|
|
|
|
options.data = _.extend( options.data || {}, { action: action });
|
|
|
|
}
|
|
|
|
|
|
|
|
options = _.defaults( options || {}, {
|
|
|
|
type: 'POST',
|
2012-11-21 17:46:32 +01:00
|
|
|
url: media.model.settings.ajaxurl,
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
context: this
|
|
|
|
});
|
|
|
|
|
|
|
|
return $.Deferred( function( deferred ) {
|
|
|
|
// Transfer success/error callbacks.
|
|
|
|
if ( options.success )
|
|
|
|
deferred.done( options.success );
|
|
|
|
if ( options.error )
|
|
|
|
deferred.fail( options.error );
|
|
|
|
|
|
|
|
delete options.success;
|
|
|
|
delete options.error;
|
|
|
|
|
|
|
|
// Use with PHP's wp_send_json_success() and wp_send_json_error()
|
|
|
|
$.ajax( options ).done( function( response ) {
|
2012-12-05 03:31:41 +01:00
|
|
|
// Treat a response of `1` as successful for backwards
|
|
|
|
// compatibility with existing handlers.
|
|
|
|
if ( response === '1' || response === 1 )
|
|
|
|
response = { success: true };
|
|
|
|
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
if ( _.isObject( response ) && ! _.isUndefined( response.success ) )
|
|
|
|
deferred[ response.success ? 'resolveWith' : 'rejectWith' ]( this, [response.data] );
|
|
|
|
else
|
|
|
|
deferred.rejectWith( this, [response] );
|
|
|
|
}).fail( function() {
|
|
|
|
deferred.rejectWith( this, arguments );
|
|
|
|
});
|
|
|
|
}).promise();
|
2012-09-26 16:12:54 +02:00
|
|
|
},
|
|
|
|
|
|
|
|
// Scales a set of dimensions to fit within bounding dimensions.
|
|
|
|
fit: function( dimensions ) {
|
|
|
|
var width = dimensions.width,
|
|
|
|
height = dimensions.height,
|
|
|
|
maxWidth = dimensions.maxWidth,
|
|
|
|
maxHeight = dimensions.maxHeight,
|
|
|
|
constraint;
|
|
|
|
|
|
|
|
// Compare ratios between the two values to determine which
|
|
|
|
// max to constrain by. If a max value doesn't exist, then the
|
|
|
|
// opposite side is the constraint.
|
|
|
|
if ( ! _.isUndefined( maxWidth ) && ! _.isUndefined( maxHeight ) ) {
|
|
|
|
constraint = ( width / height > maxWidth / maxHeight ) ? 'width' : 'height';
|
|
|
|
} else if ( _.isUndefined( maxHeight ) ) {
|
|
|
|
constraint = 'width';
|
|
|
|
} else if ( _.isUndefined( maxWidth ) && height > maxHeight ) {
|
|
|
|
constraint = 'height';
|
|
|
|
}
|
|
|
|
|
|
|
|
// If the value of the constrained side is larger than the max,
|
|
|
|
// then scale the values. Otherwise return the originals; they fit.
|
|
|
|
if ( 'width' === constraint && width > maxWidth ) {
|
|
|
|
return {
|
|
|
|
width : maxWidth,
|
2012-10-09 01:20:04 +02:00
|
|
|
height: Math.round( maxWidth * height / width )
|
2012-09-26 16:12:54 +02:00
|
|
|
};
|
|
|
|
} else if ( 'height' === constraint && height > maxHeight ) {
|
|
|
|
return {
|
2012-10-09 01:20:04 +02:00
|
|
|
width : Math.round( maxHeight * width / height ),
|
2012-09-26 16:12:54 +02:00
|
|
|
height: maxHeight
|
|
|
|
};
|
|
|
|
} else {
|
|
|
|
return {
|
|
|
|
width : width,
|
|
|
|
height: height
|
|
|
|
};
|
|
|
|
}
|
2012-11-22 10:32:21 +01:00
|
|
|
},
|
|
|
|
|
|
|
|
// Truncates a string by injecting an ellipsis into the middle.
|
|
|
|
// Useful for filenames.
|
|
|
|
truncate: function( string, length, replacement ) {
|
|
|
|
length = length || 30;
|
|
|
|
replacement = replacement || '…';
|
|
|
|
|
|
|
|
if ( string.length <= length )
|
|
|
|
return string;
|
|
|
|
|
|
|
|
return string.substr( 0, length / 2 ) + replacement + string.substr( -1 * length / 2 );
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
* ========================================================================
|
|
|
|
* MODELS
|
|
|
|
* ========================================================================
|
|
|
|
*/
|
|
|
|
|
2012-12-06 06:06:49 +01:00
|
|
|
/**
|
|
|
|
* wp.media.attachment
|
|
|
|
*/
|
|
|
|
media.attachment = function( id ) {
|
|
|
|
return Attachment.get( id );
|
|
|
|
};
|
|
|
|
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
/**
|
|
|
|
* wp.media.model.Attachment
|
|
|
|
*/
|
|
|
|
Attachment = media.model.Attachment = Backbone.Model.extend({
|
|
|
|
sync: function( method, model, options ) {
|
2012-11-27 16:50:59 +01:00
|
|
|
// If the attachment does not yet have an `id`, return an instantly
|
|
|
|
// rejected promise. Otherwise, all of our requests will fail.
|
|
|
|
if ( _.isUndefined( this.id ) )
|
2012-12-04 19:33:51 +01:00
|
|
|
return $.Deferred().rejectWith( this ).promise();
|
2012-11-27 16:50:59 +01:00
|
|
|
|
2012-10-11 01:32:48 +02:00
|
|
|
// Overload the `read` request so Attachment.fetch() functions correctly.
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
if ( 'read' === method ) {
|
|
|
|
options = options || {};
|
|
|
|
options.context = this;
|
|
|
|
options.data = _.extend( options.data || {}, {
|
|
|
|
action: 'get-attachment',
|
|
|
|
id: this.id
|
|
|
|
});
|
2013-03-03 08:04:06 +01:00
|
|
|
bindSyncEvents( model, options );
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
return media.ajax( options );
|
|
|
|
|
2012-10-11 01:32:48 +02:00
|
|
|
// Overload the `update` request so properties can be saved.
|
|
|
|
} else if ( 'update' === method ) {
|
2012-12-04 19:33:51 +01:00
|
|
|
// If we do not have the necessary nonce, fail immeditately.
|
|
|
|
if ( ! this.get('nonces') || ! this.get('nonces').update )
|
|
|
|
return $.Deferred().rejectWith( this ).promise();
|
2012-12-03 03:38:10 +01:00
|
|
|
|
2012-10-11 01:32:48 +02:00
|
|
|
options = options || {};
|
|
|
|
options.context = this;
|
|
|
|
|
|
|
|
// Set the action and ID.
|
|
|
|
options.data = _.extend( options.data || {}, {
|
2012-11-27 15:58:08 +01:00
|
|
|
action: 'save-attachment',
|
|
|
|
id: this.id,
|
2012-11-27 16:50:59 +01:00
|
|
|
nonce: this.get('nonces').update,
|
2012-12-03 08:17:10 +01:00
|
|
|
post_id: media.model.settings.post.id
|
2012-10-11 01:32:48 +02:00
|
|
|
});
|
|
|
|
|
|
|
|
// Record the values of the changed attributes.
|
2013-03-03 08:04:06 +01:00
|
|
|
if ( model.hasChanged() ) {
|
|
|
|
options.data.changes = {};
|
2012-10-11 01:32:48 +02:00
|
|
|
|
2013-03-03 08:04:06 +01:00
|
|
|
_.each( model.changed, function( value, key ) {
|
|
|
|
options.data.changes[ key ] = this.get( key );
|
|
|
|
}, this );
|
2012-10-11 01:32:48 +02:00
|
|
|
}
|
|
|
|
|
2013-03-03 08:04:06 +01:00
|
|
|
bindSyncEvents( model, options );
|
2012-10-11 01:32:48 +02:00
|
|
|
return media.ajax( options );
|
2012-11-27 16:50:59 +01:00
|
|
|
|
|
|
|
// Overload the `delete` request so attachments can be removed.
|
|
|
|
// This will permanently delete an attachment.
|
|
|
|
} else if ( 'delete' === method ) {
|
|
|
|
options = options || {};
|
2012-12-05 03:31:41 +01:00
|
|
|
|
|
|
|
if ( ! options.wait )
|
|
|
|
this.destroyed = true;
|
|
|
|
|
2012-11-27 16:50:59 +01:00
|
|
|
options.context = this;
|
|
|
|
options.data = _.extend( options.data || {}, {
|
|
|
|
action: 'delete-post',
|
|
|
|
id: this.id,
|
|
|
|
_wpnonce: this.get('nonces')['delete']
|
|
|
|
});
|
2012-12-05 03:31:41 +01:00
|
|
|
|
2013-03-03 08:04:06 +01:00
|
|
|
bindSyncEvents( model, options );
|
2012-12-05 03:31:41 +01:00
|
|
|
return media.ajax( options ).done( function() {
|
|
|
|
this.destroyed = true;
|
|
|
|
}).fail( function() {
|
|
|
|
this.destroyed = false;
|
|
|
|
});
|
2013-03-03 08:04:06 +01:00
|
|
|
|
|
|
|
// Otherwise, fall back to `Backbone.sync()`.
|
|
|
|
} else {
|
|
|
|
return Backbone.Model.prototype.sync.apply( this, arguments );
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
}
|
|
|
|
},
|
|
|
|
|
|
|
|
parse: function( resp, xhr ) {
|
2012-10-11 01:32:48 +02:00
|
|
|
if ( ! resp )
|
|
|
|
return resp;
|
|
|
|
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
// Convert date strings into Date objects.
|
|
|
|
resp.date = new Date( resp.date );
|
|
|
|
resp.modified = new Date( resp.modified );
|
|
|
|
return resp;
|
2012-11-11 02:26:42 +01:00
|
|
|
},
|
|
|
|
|
|
|
|
saveCompat: function( data, options ) {
|
|
|
|
var model = this;
|
|
|
|
|
2012-12-04 19:33:51 +01:00
|
|
|
// If we do not have the necessary nonce, fail immeditately.
|
|
|
|
if ( ! this.get('nonces') || ! this.get('nonces').update )
|
|
|
|
return $.Deferred().rejectWith( this ).promise();
|
|
|
|
|
2012-11-11 02:26:42 +01:00
|
|
|
return media.post( 'save-attachment-compat', _.defaults({
|
2012-11-27 15:58:08 +01:00
|
|
|
id: this.id,
|
2012-11-27 16:50:59 +01:00
|
|
|
nonce: this.get('nonces').update,
|
2012-12-03 08:17:10 +01:00
|
|
|
post_id: media.model.settings.post.id
|
2012-11-11 02:26:42 +01:00
|
|
|
}, data ) ).done( function( resp, status, xhr ) {
|
|
|
|
model.set( model.parse( resp, xhr ), options );
|
|
|
|
});
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
}
|
|
|
|
}, {
|
|
|
|
create: function( attrs ) {
|
|
|
|
return Attachments.all.push( attrs );
|
|
|
|
},
|
|
|
|
|
|
|
|
get: _.memoize( function( id, attachment ) {
|
|
|
|
return Attachments.all.push( attachment || { id: id } );
|
|
|
|
})
|
|
|
|
});
|
|
|
|
|
|
|
|
/**
|
|
|
|
* wp.media.model.Attachments
|
|
|
|
*/
|
|
|
|
Attachments = media.model.Attachments = Backbone.Collection.extend({
|
|
|
|
model: Attachment,
|
|
|
|
|
|
|
|
initialize: function( models, options ) {
|
|
|
|
options = options || {};
|
|
|
|
|
2012-09-18 23:42:29 +02:00
|
|
|
this.props = new Backbone.Model();
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
this.filters = options.filters || {};
|
|
|
|
|
2012-09-18 23:42:29 +02:00
|
|
|
// Bind default `change` events to the `props` model.
|
2012-11-30 16:11:44 +01:00
|
|
|
this.props.on( 'change', this._changeFilteredProps, this );
|
|
|
|
|
2012-09-18 23:42:29 +02:00
|
|
|
this.props.on( 'change:order', this._changeOrder, this );
|
|
|
|
this.props.on( 'change:orderby', this._changeOrderby, this );
|
|
|
|
this.props.on( 'change:query', this._changeQuery, this );
|
|
|
|
|
|
|
|
// Set the `props` model and fill the default property values.
|
Use the new media modal to insert galleries into TinyMCE and the text editor.
'''Galleries'''
* Gallery insertion from the new media modal (into TinyMCE, the text editor, etc).
* Gallery previews in TinyMCE now use the `wp.mce.views` API.
* Disables the TinyMCE `wpgallery` plugin.
* Gallery previews consist of the first image of the gallery and the appearance of a stack. This will later be fleshed out to include more images/functionality (including editing the gallery, gallery properties, and showing the number of images in the gallery).
* Multiple galleries can be added to a single post.
* The gallery MCE view provides a bridge between the `wp.shortcode` and `Attachments` representation of a gallery, which allows the existing collection to persist when a gallery is initially created (preventing a request to the server for the query).
'''Shortcodes'''
* Renames `wp.shortcode.Match` to `wp.shortcode` to better expose the shortcode constructor.
* The `wp.shortcode` constructor now accepts an object of options instead of a `wp.shortcode.regexp()` match.
* A `wp.shortcode` instance can be created from a `wp.shortcode.regexp()` match by calling `wp.shortcode.fromMatch( match )`.
* Adds `wp.shortcode.string()`, which takes a set of shortcode parameters and converts them into a string.* Renames `wp.shortcode.prototype.text()` to `wp.shortcode.prototype.string()`.
* Adds an additional capture group to `wp.shortcode.regexp()` that records whether or not the shortcode has a closing tag. This allows us to improve the accuracy of the syntax used when transforming a shortcode object back into a string.
'''Media Models'''
* Prevents media `Query` models from observing the central `Attachments.all` object when query args without corresponding filters are set (otherwise, queries quickly amass false positives).
* Adds `post__in`, `post__not_in`, and `post_parent` as acceptable JS attachment `Query` args.
* `Attachments.more()` always returns a `$.promise` object.
see #21390, #21809, #21812, #21815, #21817.
git-svn-id: https://develop.svn.wordpress.org/trunk@22120 602fd350-edb4-49c9-b593-d223f7449a82
2012-10-05 06:23:59 +02:00
|
|
|
this.props.set( _.defaults( options.props || {} ) );
|
2012-09-18 23:42:29 +02:00
|
|
|
|
|
|
|
// Observe another `Attachments` collection if one is provided.
|
2012-08-31 20:38:32 +02:00
|
|
|
if ( options.observe )
|
|
|
|
this.observe( options.observe );
|
2012-09-18 23:42:29 +02:00
|
|
|
},
|
|
|
|
|
|
|
|
// Automatically sort the collection when the order changes.
|
|
|
|
_changeOrder: function( model, order ) {
|
|
|
|
if ( this.comparator )
|
|
|
|
this.sort();
|
|
|
|
},
|
|
|
|
|
|
|
|
// Set the default comparator only when the `orderby` property is set.
|
|
|
|
_changeOrderby: function( model, orderby ) {
|
|
|
|
// If a different comparator is defined, bail.
|
|
|
|
if ( this.comparator && this.comparator !== Attachments.comparator )
|
|
|
|
return;
|
|
|
|
|
Use the new media modal to insert galleries into TinyMCE and the text editor.
'''Galleries'''
* Gallery insertion from the new media modal (into TinyMCE, the text editor, etc).
* Gallery previews in TinyMCE now use the `wp.mce.views` API.
* Disables the TinyMCE `wpgallery` plugin.
* Gallery previews consist of the first image of the gallery and the appearance of a stack. This will later be fleshed out to include more images/functionality (including editing the gallery, gallery properties, and showing the number of images in the gallery).
* Multiple galleries can be added to a single post.
* The gallery MCE view provides a bridge between the `wp.shortcode` and `Attachments` representation of a gallery, which allows the existing collection to persist when a gallery is initially created (preventing a request to the server for the query).
'''Shortcodes'''
* Renames `wp.shortcode.Match` to `wp.shortcode` to better expose the shortcode constructor.
* The `wp.shortcode` constructor now accepts an object of options instead of a `wp.shortcode.regexp()` match.
* A `wp.shortcode` instance can be created from a `wp.shortcode.regexp()` match by calling `wp.shortcode.fromMatch( match )`.
* Adds `wp.shortcode.string()`, which takes a set of shortcode parameters and converts them into a string.* Renames `wp.shortcode.prototype.text()` to `wp.shortcode.prototype.string()`.
* Adds an additional capture group to `wp.shortcode.regexp()` that records whether or not the shortcode has a closing tag. This allows us to improve the accuracy of the syntax used when transforming a shortcode object back into a string.
'''Media Models'''
* Prevents media `Query` models from observing the central `Attachments.all` object when query args without corresponding filters are set (otherwise, queries quickly amass false positives).
* Adds `post__in`, `post__not_in`, and `post_parent` as acceptable JS attachment `Query` args.
* `Attachments.more()` always returns a `$.promise` object.
see #21390, #21809, #21812, #21815, #21817.
git-svn-id: https://develop.svn.wordpress.org/trunk@22120 602fd350-edb4-49c9-b593-d223f7449a82
2012-10-05 06:23:59 +02:00
|
|
|
if ( orderby && 'post__in' !== orderby )
|
2012-09-18 23:42:29 +02:00
|
|
|
this.comparator = Attachments.comparator;
|
|
|
|
else
|
|
|
|
delete this.comparator;
|
|
|
|
},
|
|
|
|
|
|
|
|
// If the `query` property is set to true, query the server using
|
|
|
|
// the `props` values, and sync the results to this collection.
|
|
|
|
_changeQuery: function( model, query ) {
|
|
|
|
if ( query ) {
|
|
|
|
this.props.on( 'change', this._requery, this );
|
|
|
|
this._requery();
|
|
|
|
} else {
|
|
|
|
this.props.off( 'change', this._requery, this );
|
|
|
|
}
|
|
|
|
},
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
|
2012-11-30 16:11:44 +01:00
|
|
|
_changeFilteredProps: function( model, options ) {
|
2012-11-21 09:09:28 +01:00
|
|
|
// If this is a query, updating the collection will be handled by
|
|
|
|
// `this._requery()`.
|
|
|
|
if ( this.props.get('query') )
|
2012-09-18 23:42:29 +02:00
|
|
|
return;
|
|
|
|
|
2013-03-03 08:04:06 +01:00
|
|
|
var changed = _.chain( model.changed ).map( function( t, prop ) {
|
2012-11-30 16:11:44 +01:00
|
|
|
var filter = Attachments.filters[ prop ],
|
|
|
|
term = model.get( prop );
|
|
|
|
|
|
|
|
if ( ! filter )
|
|
|
|
return;
|
|
|
|
|
|
|
|
if ( term && ! this.filters[ prop ] )
|
|
|
|
this.filters[ prop ] = filter;
|
|
|
|
else if ( ! term && this.filters[ prop ] === filter )
|
|
|
|
delete this.filters[ prop ];
|
|
|
|
else
|
|
|
|
return;
|
|
|
|
|
|
|
|
// Record the change.
|
|
|
|
return true;
|
|
|
|
}, this ).any().value();
|
|
|
|
|
|
|
|
if ( ! changed )
|
|
|
|
return;
|
2012-09-18 23:42:29 +02:00
|
|
|
|
|
|
|
// If no `Attachments` model is provided to source the searches
|
|
|
|
// from, then automatically generate a source from the existing
|
|
|
|
// models.
|
2012-11-21 09:09:28 +01:00
|
|
|
if ( ! this._source )
|
|
|
|
this._source = new Attachments( this.models );
|
2012-09-18 23:42:29 +02:00
|
|
|
|
2012-11-21 09:09:28 +01:00
|
|
|
this.reset( this._source.filter( this.validator, this ) );
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
},
|
|
|
|
|
2012-12-05 03:31:41 +01:00
|
|
|
validateDestroyed: false,
|
|
|
|
|
2012-08-31 20:38:32 +02:00
|
|
|
validator: function( attachment ) {
|
2012-12-05 03:31:41 +01:00
|
|
|
if ( ! this.validateDestroyed && attachment.destroyed )
|
|
|
|
return false;
|
2012-09-18 23:42:29 +02:00
|
|
|
return _.all( this.filters, function( filter, key ) {
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
return !! filter.call( this, attachment );
|
|
|
|
}, this );
|
|
|
|
},
|
|
|
|
|
2012-08-31 20:38:32 +02:00
|
|
|
validate: function( attachment, options ) {
|
2012-11-19 03:43:10 +01:00
|
|
|
var valid = this.validator( attachment ),
|
2013-03-03 08:04:06 +01:00
|
|
|
hasAttachment = !! this.get( attachment.cid );
|
2012-11-19 03:43:10 +01:00
|
|
|
|
|
|
|
if ( ! valid && hasAttachment )
|
|
|
|
this.remove( attachment, options );
|
|
|
|
else if ( valid && ! hasAttachment )
|
|
|
|
this.add( attachment, options );
|
|
|
|
|
|
|
|
return this;
|
|
|
|
},
|
|
|
|
|
2012-11-21 12:35:30 +01:00
|
|
|
validateAll: function( attachments, options ) {
|
|
|
|
options = options || {};
|
|
|
|
|
2012-11-19 03:43:10 +01:00
|
|
|
_.each( attachments.models, function( attachment ) {
|
|
|
|
this.validate( attachment, { silent: true });
|
|
|
|
}, this );
|
|
|
|
|
2012-11-21 12:35:30 +01:00
|
|
|
if ( ! options.silent )
|
|
|
|
this.trigger( 'reset', this, options );
|
|
|
|
|
2012-11-19 03:43:10 +01:00
|
|
|
return this;
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
},
|
|
|
|
|
2012-08-31 20:38:32 +02:00
|
|
|
observe: function( attachments ) {
|
2012-11-19 03:43:10 +01:00
|
|
|
this.observers = this.observers || [];
|
|
|
|
this.observers.push( attachments );
|
|
|
|
|
|
|
|
attachments.on( 'add change remove', this._validateHandler, this );
|
|
|
|
attachments.on( 'reset', this._validateAllHandler, this );
|
|
|
|
|
|
|
|
this.validateAll( attachments );
|
|
|
|
return this;
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
},
|
|
|
|
|
2012-08-31 20:38:32 +02:00
|
|
|
unobserve: function( attachments ) {
|
2012-11-19 03:43:10 +01:00
|
|
|
if ( attachments ) {
|
|
|
|
attachments.off( null, null, this );
|
|
|
|
this.observers = _.without( this.observers, attachments );
|
|
|
|
|
|
|
|
} else {
|
|
|
|
_.each( this.observers, function( attachments ) {
|
|
|
|
attachments.off( null, null, this );
|
|
|
|
}, this );
|
|
|
|
delete this.observers;
|
|
|
|
}
|
|
|
|
|
|
|
|
return this;
|
|
|
|
},
|
|
|
|
|
|
|
|
_validateHandler: function( attachment, attachments, options ) {
|
2012-11-21 12:35:30 +01:00
|
|
|
// If we're not mirroring this `attachments` collection,
|
|
|
|
// only retain the `silent` option.
|
|
|
|
options = attachments === this.mirroring ? options : {
|
|
|
|
silent: options && options.silent
|
|
|
|
};
|
|
|
|
|
2012-11-19 03:43:10 +01:00
|
|
|
return this.validate( attachment, options );
|
|
|
|
},
|
|
|
|
|
|
|
|
_validateAllHandler: function( attachments, options ) {
|
2012-11-19 07:43:01 +01:00
|
|
|
return this.validateAll( attachments, options );
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
},
|
|
|
|
|
|
|
|
mirror: function( attachments ) {
|
|
|
|
if ( this.mirroring && this.mirroring === attachments )
|
2012-11-21 13:53:02 +01:00
|
|
|
return this;
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
|
|
|
|
this.unmirror();
|
|
|
|
this.mirroring = attachments;
|
2012-11-21 12:35:30 +01:00
|
|
|
|
|
|
|
// Clear the collection silently. A `reset` event will be fired
|
|
|
|
// when `observe()` calls `validateAll()`.
|
|
|
|
this.reset( [], { silent: true } );
|
|
|
|
this.observe( attachments );
|
2012-11-21 13:11:38 +01:00
|
|
|
|
|
|
|
return this;
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
},
|
|
|
|
|
|
|
|
unmirror: function() {
|
|
|
|
if ( ! this.mirroring )
|
|
|
|
return;
|
|
|
|
|
2012-11-21 12:35:30 +01:00
|
|
|
this.unobserve( this.mirroring );
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
delete this.mirroring;
|
|
|
|
},
|
|
|
|
|
|
|
|
more: function( options ) {
|
2012-11-30 17:41:38 +01:00
|
|
|
var deferred = $.Deferred(),
|
|
|
|
mirroring = this.mirroring,
|
|
|
|
attachments = this;
|
|
|
|
|
|
|
|
if ( ! mirroring || ! mirroring.more )
|
|
|
|
return deferred.resolveWith( this ).promise();
|
|
|
|
|
|
|
|
// If we're mirroring another collection, forward `more` to
|
|
|
|
// the mirrored collection. Account for a race condition by
|
|
|
|
// checking if we're still mirroring that collection when
|
|
|
|
// the request resolves.
|
|
|
|
mirroring.more( options ).done( function() {
|
|
|
|
if ( this === attachments.mirroring )
|
|
|
|
deferred.resolveWith( this );
|
|
|
|
});
|
|
|
|
|
|
|
|
return deferred.promise();
|
|
|
|
},
|
|
|
|
|
|
|
|
hasMore: function() {
|
|
|
|
return this.mirroring ? this.mirroring.hasMore() : false;
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
},
|
|
|
|
|
2012-09-18 23:42:29 +02:00
|
|
|
_requery: function() {
|
|
|
|
if ( this.props.get('query') )
|
|
|
|
this.mirror( Query.get( this.props.toJSON() ) );
|
2012-12-02 17:06:31 +01:00
|
|
|
},
|
|
|
|
|
|
|
|
// If this collection is sorted by `menuOrder`, recalculates and saves
|
|
|
|
// the menu order to the database.
|
|
|
|
saveMenuOrder: function() {
|
|
|
|
if ( 'menuOrder' !== this.props.get('orderby') )
|
|
|
|
return;
|
|
|
|
|
|
|
|
// Removes any uploading attachments, updates each attachment's
|
|
|
|
// menu order, and returns an object with an { id: menuOrder }
|
|
|
|
// mapping to pass to the request.
|
|
|
|
var attachments = this.chain().filter( function( attachment ) {
|
|
|
|
return ! _.isUndefined( attachment.id );
|
|
|
|
}).map( function( attachment, index ) {
|
|
|
|
// Indices start at 1.
|
|
|
|
index = index + 1;
|
|
|
|
attachment.set( 'menuOrder', index );
|
|
|
|
return [ attachment.id, index ];
|
|
|
|
}).object().value();
|
|
|
|
|
|
|
|
if ( _.isEmpty( attachments ) )
|
|
|
|
return;
|
|
|
|
|
|
|
|
return media.post( 'save-attachment-order', {
|
2012-12-03 08:17:10 +01:00
|
|
|
nonce: media.model.settings.post.nonce,
|
|
|
|
post_id: media.model.settings.post.id,
|
2012-12-02 17:06:31 +01:00
|
|
|
attachments: attachments
|
|
|
|
});
|
2012-09-18 23:42:29 +02:00
|
|
|
}
|
|
|
|
}, {
|
2012-11-30 16:11:44 +01:00
|
|
|
comparator: function( a, b, options ) {
|
2012-09-18 23:42:29 +02:00
|
|
|
var key = this.props.get('orderby'),
|
Use the new media modal to insert galleries into TinyMCE and the text editor.
'''Galleries'''
* Gallery insertion from the new media modal (into TinyMCE, the text editor, etc).
* Gallery previews in TinyMCE now use the `wp.mce.views` API.
* Disables the TinyMCE `wpgallery` plugin.
* Gallery previews consist of the first image of the gallery and the appearance of a stack. This will later be fleshed out to include more images/functionality (including editing the gallery, gallery properties, and showing the number of images in the gallery).
* Multiple galleries can be added to a single post.
* The gallery MCE view provides a bridge between the `wp.shortcode` and `Attachments` representation of a gallery, which allows the existing collection to persist when a gallery is initially created (preventing a request to the server for the query).
'''Shortcodes'''
* Renames `wp.shortcode.Match` to `wp.shortcode` to better expose the shortcode constructor.
* The `wp.shortcode` constructor now accepts an object of options instead of a `wp.shortcode.regexp()` match.
* A `wp.shortcode` instance can be created from a `wp.shortcode.regexp()` match by calling `wp.shortcode.fromMatch( match )`.
* Adds `wp.shortcode.string()`, which takes a set of shortcode parameters and converts them into a string.* Renames `wp.shortcode.prototype.text()` to `wp.shortcode.prototype.string()`.
* Adds an additional capture group to `wp.shortcode.regexp()` that records whether or not the shortcode has a closing tag. This allows us to improve the accuracy of the syntax used when transforming a shortcode object back into a string.
'''Media Models'''
* Prevents media `Query` models from observing the central `Attachments.all` object when query args without corresponding filters are set (otherwise, queries quickly amass false positives).
* Adds `post__in`, `post__not_in`, and `post_parent` as acceptable JS attachment `Query` args.
* `Attachments.more()` always returns a `$.promise` object.
see #21390, #21809, #21812, #21815, #21817.
git-svn-id: https://develop.svn.wordpress.org/trunk@22120 602fd350-edb4-49c9-b593-d223f7449a82
2012-10-05 06:23:59 +02:00
|
|
|
order = this.props.get('order') || 'DESC',
|
2012-09-18 23:42:29 +02:00
|
|
|
ac = a.cid,
|
|
|
|
bc = b.cid;
|
|
|
|
|
|
|
|
a = a.get( key );
|
|
|
|
b = b.get( key );
|
|
|
|
|
|
|
|
if ( 'date' === key || 'modified' === key ) {
|
|
|
|
a = a || new Date();
|
|
|
|
b = b || new Date();
|
|
|
|
}
|
|
|
|
|
2012-11-30 16:11:44 +01:00
|
|
|
// If `options.ties` is set, don't enforce the `cid` tiebreaker.
|
|
|
|
if ( options && options.ties )
|
|
|
|
ac = bc = null;
|
|
|
|
|
2012-09-18 23:42:29 +02:00
|
|
|
return ( 'DESC' === order ) ? compare( a, b, ac, bc ) : compare( b, a, bc, ac );
|
|
|
|
},
|
|
|
|
|
|
|
|
filters: {
|
|
|
|
// Note that this client-side searching is *not* equivalent
|
|
|
|
// to our server-side searching.
|
|
|
|
search: function( attachment ) {
|
2012-09-26 17:13:22 +02:00
|
|
|
if ( ! this.props.get('search') )
|
2012-09-18 23:42:29 +02:00
|
|
|
return true;
|
|
|
|
|
|
|
|
return _.any(['title','filename','description','caption','name'], function( key ) {
|
|
|
|
var value = attachment.get( key );
|
2012-09-26 17:13:22 +02:00
|
|
|
return value && -1 !== value.search( this.props.get('search') );
|
2012-09-18 23:42:29 +02:00
|
|
|
}, this );
|
2012-09-26 22:50:13 +02:00
|
|
|
},
|
|
|
|
|
|
|
|
type: function( attachment ) {
|
|
|
|
var type = this.props.get('type');
|
2012-11-30 16:11:44 +01:00
|
|
|
return ! type || -1 !== type.indexOf( attachment.get('type') );
|
|
|
|
},
|
|
|
|
|
|
|
|
uploadedTo: function( attachment ) {
|
|
|
|
var uploadedTo = this.props.get('uploadedTo');
|
|
|
|
if ( _.isUndefined( uploadedTo ) )
|
2012-09-26 22:50:13 +02:00
|
|
|
return true;
|
|
|
|
|
2012-11-30 16:11:44 +01:00
|
|
|
return uploadedTo === attachment.get('uploadedTo');
|
2012-09-18 23:42:29 +02:00
|
|
|
}
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
Attachments.all = new Attachments();
|
|
|
|
|
|
|
|
/**
|
|
|
|
* wp.media.query
|
|
|
|
*/
|
2012-09-18 23:42:29 +02:00
|
|
|
media.query = function( props ) {
|
|
|
|
return new Attachments( null, {
|
|
|
|
props: _.extend( _.defaults( props || {}, { orderby: 'date' } ), { query: true } )
|
|
|
|
});
|
|
|
|
};
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
|
|
|
|
/**
|
|
|
|
* wp.media.model.Query
|
|
|
|
*
|
|
|
|
* A set of attachments that corresponds to a set of consecutively paged
|
|
|
|
* queries on the server.
|
|
|
|
*
|
|
|
|
* Note: Do NOT change this.args after the query has been initialized.
|
|
|
|
* Things will break.
|
|
|
|
*/
|
|
|
|
Query = media.model.Query = Attachments.extend({
|
|
|
|
initialize: function( models, options ) {
|
Use the new media modal to insert galleries into TinyMCE and the text editor.
'''Galleries'''
* Gallery insertion from the new media modal (into TinyMCE, the text editor, etc).
* Gallery previews in TinyMCE now use the `wp.mce.views` API.
* Disables the TinyMCE `wpgallery` plugin.
* Gallery previews consist of the first image of the gallery and the appearance of a stack. This will later be fleshed out to include more images/functionality (including editing the gallery, gallery properties, and showing the number of images in the gallery).
* Multiple galleries can be added to a single post.
* The gallery MCE view provides a bridge between the `wp.shortcode` and `Attachments` representation of a gallery, which allows the existing collection to persist when a gallery is initially created (preventing a request to the server for the query).
'''Shortcodes'''
* Renames `wp.shortcode.Match` to `wp.shortcode` to better expose the shortcode constructor.
* The `wp.shortcode` constructor now accepts an object of options instead of a `wp.shortcode.regexp()` match.
* A `wp.shortcode` instance can be created from a `wp.shortcode.regexp()` match by calling `wp.shortcode.fromMatch( match )`.
* Adds `wp.shortcode.string()`, which takes a set of shortcode parameters and converts them into a string.* Renames `wp.shortcode.prototype.text()` to `wp.shortcode.prototype.string()`.
* Adds an additional capture group to `wp.shortcode.regexp()` that records whether or not the shortcode has a closing tag. This allows us to improve the accuracy of the syntax used when transforming a shortcode object back into a string.
'''Media Models'''
* Prevents media `Query` models from observing the central `Attachments.all` object when query args without corresponding filters are set (otherwise, queries quickly amass false positives).
* Adds `post__in`, `post__not_in`, and `post_parent` as acceptable JS attachment `Query` args.
* `Attachments.more()` always returns a `$.promise` object.
see #21390, #21809, #21812, #21815, #21817.
git-svn-id: https://develop.svn.wordpress.org/trunk@22120 602fd350-edb4-49c9-b593-d223f7449a82
2012-10-05 06:23:59 +02:00
|
|
|
var allowed;
|
|
|
|
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
options = options || {};
|
|
|
|
Attachments.prototype.initialize.apply( this, arguments );
|
|
|
|
|
2012-11-30 17:41:38 +01:00
|
|
|
this.args = options.args;
|
|
|
|
this._hasMore = true;
|
|
|
|
this.created = new Date();
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
|
|
|
|
this.filters.order = function( attachment ) {
|
2012-11-30 16:11:44 +01:00
|
|
|
var orderby = this.props.get('orderby'),
|
|
|
|
order = this.props.get('order');
|
|
|
|
|
2012-09-18 23:42:29 +02:00
|
|
|
if ( ! this.comparator )
|
|
|
|
return true;
|
|
|
|
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
// We want any items that can be placed before the last
|
|
|
|
// item in the set. If we add any items after the last
|
|
|
|
// item, then we can't guarantee the set is complete.
|
|
|
|
if ( this.length ) {
|
2012-11-30 16:11:44 +01:00
|
|
|
return 1 !== this.comparator( attachment, this.last(), { ties: true });
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
|
|
|
|
// Handle the case where there are no items yet and
|
|
|
|
// we're sorting for recent items. In that case, we want
|
|
|
|
// changes that occurred after we created the query.
|
2012-11-30 16:11:44 +01:00
|
|
|
} else if ( 'DESC' === order && ( 'date' === orderby || 'modified' === orderby ) ) {
|
|
|
|
return attachment.get( orderby ) >= this.created;
|
|
|
|
|
|
|
|
// If we're sorting by menu order and we have no items,
|
|
|
|
// accept any items that have the default menu order (0).
|
|
|
|
} else if ( 'ASC' === order && 'menuOrder' === orderby ) {
|
|
|
|
return attachment.get( orderby ) === 0;
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
// Otherwise, we don't want any items yet.
|
|
|
|
return false;
|
|
|
|
};
|
|
|
|
|
2012-11-19 03:43:10 +01:00
|
|
|
// Observe the central `wp.Uploader.queue` collection to watch for
|
|
|
|
// new matches for the query.
|
Use the new media modal to insert galleries into TinyMCE and the text editor.
'''Galleries'''
* Gallery insertion from the new media modal (into TinyMCE, the text editor, etc).
* Gallery previews in TinyMCE now use the `wp.mce.views` API.
* Disables the TinyMCE `wpgallery` plugin.
* Gallery previews consist of the first image of the gallery and the appearance of a stack. This will later be fleshed out to include more images/functionality (including editing the gallery, gallery properties, and showing the number of images in the gallery).
* Multiple galleries can be added to a single post.
* The gallery MCE view provides a bridge between the `wp.shortcode` and `Attachments` representation of a gallery, which allows the existing collection to persist when a gallery is initially created (preventing a request to the server for the query).
'''Shortcodes'''
* Renames `wp.shortcode.Match` to `wp.shortcode` to better expose the shortcode constructor.
* The `wp.shortcode` constructor now accepts an object of options instead of a `wp.shortcode.regexp()` match.
* A `wp.shortcode` instance can be created from a `wp.shortcode.regexp()` match by calling `wp.shortcode.fromMatch( match )`.
* Adds `wp.shortcode.string()`, which takes a set of shortcode parameters and converts them into a string.* Renames `wp.shortcode.prototype.text()` to `wp.shortcode.prototype.string()`.
* Adds an additional capture group to `wp.shortcode.regexp()` that records whether or not the shortcode has a closing tag. This allows us to improve the accuracy of the syntax used when transforming a shortcode object back into a string.
'''Media Models'''
* Prevents media `Query` models from observing the central `Attachments.all` object when query args without corresponding filters are set (otherwise, queries quickly amass false positives).
* Adds `post__in`, `post__not_in`, and `post_parent` as acceptable JS attachment `Query` args.
* `Attachments.more()` always returns a `$.promise` object.
see #21390, #21809, #21812, #21815, #21817.
git-svn-id: https://develop.svn.wordpress.org/trunk@22120 602fd350-edb4-49c9-b593-d223f7449a82
2012-10-05 06:23:59 +02:00
|
|
|
//
|
|
|
|
// Only observe when a limited number of query args are set. There
|
|
|
|
// are no filters for other properties, so observing will result in
|
|
|
|
// false positives in those queries.
|
2012-11-30 16:11:44 +01:00
|
|
|
allowed = [ 's', 'order', 'orderby', 'posts_per_page', 'post_mime_type', 'post_parent' ];
|
2012-11-19 03:43:10 +01:00
|
|
|
if ( wp.Uploader && _( this.args ).chain().keys().difference( allowed ).isEmpty().value() )
|
|
|
|
this.observe( wp.Uploader.queue );
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
},
|
|
|
|
|
2012-11-30 17:41:38 +01:00
|
|
|
hasMore: function() {
|
|
|
|
return this._hasMore;
|
|
|
|
},
|
|
|
|
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
more: function( options ) {
|
|
|
|
var query = this;
|
|
|
|
|
2012-11-07 21:14:41 +01:00
|
|
|
if ( this._more && 'pending' === this._more.state() )
|
|
|
|
return this._more;
|
|
|
|
|
2012-11-30 17:41:38 +01:00
|
|
|
if ( ! this.hasMore() )
|
|
|
|
return $.Deferred().resolveWith( this ).promise();
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
|
|
|
|
options = options || {};
|
2013-04-03 19:40:52 +02:00
|
|
|
options.remove = false;
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
|
2012-11-07 21:14:41 +01:00
|
|
|
return this._more = this.fetch( options ).done( function( resp ) {
|
Use the new media modal to insert galleries into TinyMCE and the text editor.
'''Galleries'''
* Gallery insertion from the new media modal (into TinyMCE, the text editor, etc).
* Gallery previews in TinyMCE now use the `wp.mce.views` API.
* Disables the TinyMCE `wpgallery` plugin.
* Gallery previews consist of the first image of the gallery and the appearance of a stack. This will later be fleshed out to include more images/functionality (including editing the gallery, gallery properties, and showing the number of images in the gallery).
* Multiple galleries can be added to a single post.
* The gallery MCE view provides a bridge between the `wp.shortcode` and `Attachments` representation of a gallery, which allows the existing collection to persist when a gallery is initially created (preventing a request to the server for the query).
'''Shortcodes'''
* Renames `wp.shortcode.Match` to `wp.shortcode` to better expose the shortcode constructor.
* The `wp.shortcode` constructor now accepts an object of options instead of a `wp.shortcode.regexp()` match.
* A `wp.shortcode` instance can be created from a `wp.shortcode.regexp()` match by calling `wp.shortcode.fromMatch( match )`.
* Adds `wp.shortcode.string()`, which takes a set of shortcode parameters and converts them into a string.* Renames `wp.shortcode.prototype.text()` to `wp.shortcode.prototype.string()`.
* Adds an additional capture group to `wp.shortcode.regexp()` that records whether or not the shortcode has a closing tag. This allows us to improve the accuracy of the syntax used when transforming a shortcode object back into a string.
'''Media Models'''
* Prevents media `Query` models from observing the central `Attachments.all` object when query args without corresponding filters are set (otherwise, queries quickly amass false positives).
* Adds `post__in`, `post__not_in`, and `post_parent` as acceptable JS attachment `Query` args.
* `Attachments.more()` always returns a `$.promise` object.
see #21390, #21809, #21812, #21815, #21817.
git-svn-id: https://develop.svn.wordpress.org/trunk@22120 602fd350-edb4-49c9-b593-d223f7449a82
2012-10-05 06:23:59 +02:00
|
|
|
if ( _.isEmpty( resp ) || -1 === this.args.posts_per_page || resp.length < this.args.posts_per_page )
|
2012-11-30 17:41:38 +01:00
|
|
|
query._hasMore = false;
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
});
|
|
|
|
},
|
|
|
|
|
|
|
|
sync: function( method, model, options ) {
|
|
|
|
var fallback;
|
|
|
|
|
|
|
|
// Overload the read method so Attachment.fetch() functions correctly.
|
|
|
|
if ( 'read' === method ) {
|
|
|
|
options = options || {};
|
|
|
|
options.context = this;
|
|
|
|
options.data = _.extend( options.data || {}, {
|
2012-11-27 15:58:08 +01:00
|
|
|
action: 'query-attachments',
|
2012-12-03 08:17:10 +01:00
|
|
|
post_id: media.model.settings.post.id
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
});
|
|
|
|
|
|
|
|
// Clone the args so manipulation is non-destructive.
|
|
|
|
args = _.clone( this.args );
|
|
|
|
|
|
|
|
// Determine which page to query.
|
Use the new media modal to insert galleries into TinyMCE and the text editor.
'''Galleries'''
* Gallery insertion from the new media modal (into TinyMCE, the text editor, etc).
* Gallery previews in TinyMCE now use the `wp.mce.views` API.
* Disables the TinyMCE `wpgallery` plugin.
* Gallery previews consist of the first image of the gallery and the appearance of a stack. This will later be fleshed out to include more images/functionality (including editing the gallery, gallery properties, and showing the number of images in the gallery).
* Multiple galleries can be added to a single post.
* The gallery MCE view provides a bridge between the `wp.shortcode` and `Attachments` representation of a gallery, which allows the existing collection to persist when a gallery is initially created (preventing a request to the server for the query).
'''Shortcodes'''
* Renames `wp.shortcode.Match` to `wp.shortcode` to better expose the shortcode constructor.
* The `wp.shortcode` constructor now accepts an object of options instead of a `wp.shortcode.regexp()` match.
* A `wp.shortcode` instance can be created from a `wp.shortcode.regexp()` match by calling `wp.shortcode.fromMatch( match )`.
* Adds `wp.shortcode.string()`, which takes a set of shortcode parameters and converts them into a string.* Renames `wp.shortcode.prototype.text()` to `wp.shortcode.prototype.string()`.
* Adds an additional capture group to `wp.shortcode.regexp()` that records whether or not the shortcode has a closing tag. This allows us to improve the accuracy of the syntax used when transforming a shortcode object back into a string.
'''Media Models'''
* Prevents media `Query` models from observing the central `Attachments.all` object when query args without corresponding filters are set (otherwise, queries quickly amass false positives).
* Adds `post__in`, `post__not_in`, and `post_parent` as acceptable JS attachment `Query` args.
* `Attachments.more()` always returns a `$.promise` object.
see #21390, #21809, #21812, #21815, #21817.
git-svn-id: https://develop.svn.wordpress.org/trunk@22120 602fd350-edb4-49c9-b593-d223f7449a82
2012-10-05 06:23:59 +02:00
|
|
|
if ( -1 !== args.posts_per_page )
|
|
|
|
args.paged = Math.floor( this.length / args.posts_per_page ) + 1;
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
|
|
|
|
options.data.query = args;
|
2013-03-03 08:04:06 +01:00
|
|
|
bindSyncEvents( model, options );
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
return media.ajax( options );
|
|
|
|
|
|
|
|
// Otherwise, fall back to Backbone.sync()
|
|
|
|
} else {
|
|
|
|
fallback = Attachments.prototype.sync ? Attachments.prototype : Backbone;
|
|
|
|
return fallback.sync.apply( this, arguments );
|
|
|
|
}
|
2012-09-18 23:42:29 +02:00
|
|
|
}
|
|
|
|
}, {
|
2012-09-19 00:19:05 +02:00
|
|
|
defaultProps: {
|
2012-09-19 03:10:17 +02:00
|
|
|
orderby: 'date',
|
|
|
|
order: 'DESC'
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
},
|
|
|
|
|
2012-09-19 00:19:05 +02:00
|
|
|
defaultArgs: {
|
|
|
|
posts_per_page: 40
|
|
|
|
},
|
|
|
|
|
2012-09-18 23:42:29 +02:00
|
|
|
orderby: {
|
2012-11-28 00:20:12 +01:00
|
|
|
allowed: [ 'name', 'author', 'date', 'title', 'modified', 'uploadedTo', 'id', 'post__in', 'menuOrder' ],
|
2012-09-19 00:19:05 +02:00
|
|
|
valuemap: {
|
2012-09-18 23:42:29 +02:00
|
|
|
'id': 'ID',
|
2012-11-28 00:20:12 +01:00
|
|
|
'uploadedTo': 'parent',
|
|
|
|
'menuOrder': 'menu_order ID'
|
2012-09-18 23:42:29 +02:00
|
|
|
}
|
|
|
|
},
|
|
|
|
|
|
|
|
propmap: {
|
2012-11-28 00:20:12 +01:00
|
|
|
'search': 's',
|
|
|
|
'type': 'post_mime_type',
|
|
|
|
'perPage': 'posts_per_page',
|
2012-11-30 16:11:44 +01:00
|
|
|
'menuOrder': 'menu_order',
|
|
|
|
'uploadedTo': 'post_parent'
|
2012-09-18 23:42:29 +02:00
|
|
|
},
|
|
|
|
|
|
|
|
// Caches query objects so queries can be easily reused.
|
|
|
|
get: (function(){
|
|
|
|
var queries = [];
|
|
|
|
|
|
|
|
return function( props, options ) {
|
|
|
|
var args = {},
|
|
|
|
orderby = Query.orderby,
|
2012-09-19 00:19:05 +02:00
|
|
|
defaults = Query.defaultProps,
|
2012-09-18 23:42:29 +02:00
|
|
|
query;
|
|
|
|
|
2012-09-19 00:19:05 +02:00
|
|
|
// Remove the `query` property. This isn't linked to a query,
|
|
|
|
// this *is* the query.
|
|
|
|
delete props.query;
|
|
|
|
|
|
|
|
// Fill default args.
|
|
|
|
_.defaults( props, defaults );
|
|
|
|
|
|
|
|
// Normalize the order.
|
|
|
|
props.order = props.order.toUpperCase();
|
|
|
|
if ( 'DESC' !== props.order && 'ASC' !== props.order )
|
|
|
|
props.order = defaults.order.toUpperCase();
|
|
|
|
|
|
|
|
// Ensure we have a valid orderby value.
|
|
|
|
if ( ! _.contains( orderby.allowed, props.orderby ) )
|
|
|
|
props.orderby = defaults.orderby;
|
|
|
|
|
|
|
|
// Generate the query `args` object.
|
2012-09-18 23:42:29 +02:00
|
|
|
// Correct any differing property names.
|
|
|
|
_.each( props, function( value, prop ) {
|
2012-11-21 11:18:59 +01:00
|
|
|
if ( _.isNull( value ) )
|
|
|
|
return;
|
|
|
|
|
2012-09-18 23:42:29 +02:00
|
|
|
args[ Query.propmap[ prop ] || prop ] = value;
|
|
|
|
});
|
|
|
|
|
2012-09-19 00:19:05 +02:00
|
|
|
// Fill any other default query args.
|
|
|
|
_.defaults( args, Query.defaultArgs );
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
|
2012-09-19 00:19:05 +02:00
|
|
|
// `props.orderby` does not always map directly to `args.orderby`.
|
2012-09-18 23:42:29 +02:00
|
|
|
// Substitute exceptions specified in orderby.keymap.
|
2012-09-19 00:19:05 +02:00
|
|
|
args.orderby = orderby.valuemap[ props.orderby ] || props.orderby;
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
|
2012-09-19 00:19:05 +02:00
|
|
|
// Search the query cache for matches.
|
2012-09-18 23:42:29 +02:00
|
|
|
query = _.find( queries, function( query ) {
|
|
|
|
return _.isEqual( query.args, args );
|
|
|
|
});
|
|
|
|
|
|
|
|
// Otherwise, create a new query and add it to the cache.
|
|
|
|
if ( ! query ) {
|
2012-09-19 00:19:05 +02:00
|
|
|
query = new Query( [], _.extend( options || {}, {
|
|
|
|
props: props,
|
|
|
|
args: args
|
|
|
|
} ) );
|
2012-09-18 23:42:29 +02:00
|
|
|
queries.push( query );
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
}
|
|
|
|
|
2012-09-18 23:42:29 +02:00
|
|
|
return query;
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
};
|
|
|
|
}())
|
|
|
|
});
|
|
|
|
|
2012-10-29 16:13:02 +01:00
|
|
|
/**
|
|
|
|
* wp.media.model.Selection
|
|
|
|
*
|
|
|
|
* Used to manage a selection of attachments in the views.
|
|
|
|
*/
|
|
|
|
media.model.Selection = Attachments.extend({
|
|
|
|
initialize: function( models, options ) {
|
|
|
|
Attachments.prototype.initialize.apply( this, arguments );
|
|
|
|
this.multiple = options && options.multiple;
|
2012-10-31 00:15:16 +01:00
|
|
|
|
|
|
|
// Refresh the `single` model whenever the selection changes.
|
|
|
|
// Binds `single` instead of using the context argument to ensure
|
|
|
|
// it receives no parameters.
|
2012-11-20 12:10:04 +01:00
|
|
|
this.on( 'add remove reset', _.bind( this.single, this, false ) );
|
2012-10-29 16:13:02 +01:00
|
|
|
},
|
|
|
|
|
|
|
|
// Override the selection's add method.
|
|
|
|
// If the workflow does not support multiple
|
|
|
|
// selected attachments, reset the selection.
|
|
|
|
add: function( models, options ) {
|
2012-12-03 06:32:25 +01:00
|
|
|
if ( ! this.multiple )
|
|
|
|
this.remove( this.models );
|
2012-10-29 16:13:02 +01:00
|
|
|
|
|
|
|
return Attachments.prototype.add.call( this, models, options );
|
|
|
|
},
|
|
|
|
|
2012-10-31 00:15:16 +01:00
|
|
|
single: function( model ) {
|
|
|
|
var previous = this._single;
|
|
|
|
|
|
|
|
// If a `model` is provided, use it as the single model.
|
|
|
|
if ( model )
|
|
|
|
this._single = model;
|
|
|
|
|
|
|
|
// If the single model isn't in the selection, remove it.
|
2013-03-03 08:04:06 +01:00
|
|
|
if ( this._single && ! this.get( this._single.cid ) )
|
2012-10-31 00:15:16 +01:00
|
|
|
delete this._single;
|
|
|
|
|
|
|
|
this._single = this._single || this.last();
|
|
|
|
|
|
|
|
// If single has changed, fire an event.
|
|
|
|
if ( this._single !== previous ) {
|
2012-12-04 23:19:08 +01:00
|
|
|
if ( previous ) {
|
2012-10-31 00:15:16 +01:00
|
|
|
previous.trigger( 'selection:unsingle', previous, this );
|
2012-12-04 23:19:08 +01:00
|
|
|
|
|
|
|
// If the model was already removed, trigger the collection
|
|
|
|
// event manually.
|
2013-03-03 08:04:06 +01:00
|
|
|
if ( ! this.get( previous.cid ) )
|
2012-12-04 23:19:08 +01:00
|
|
|
this.trigger( 'selection:unsingle', previous, this );
|
|
|
|
}
|
2012-11-22 07:30:25 +01:00
|
|
|
if ( this._single )
|
|
|
|
this._single.trigger( 'selection:single', this._single, this );
|
2012-10-31 00:15:16 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
// Return the single model, or the last model as a fallback.
|
|
|
|
return this._single;
|
2012-10-29 16:13:02 +01:00
|
|
|
}
|
|
|
|
});
|
|
|
|
|
2012-11-27 17:17:53 +01:00
|
|
|
// Clean up. Prevents mobile browsers caching
|
|
|
|
$(window).on('unload', function(){
|
|
|
|
window.wp = null;
|
|
|
|
});
|
|
|
|
|
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: https://develop.svn.wordpress.org/trunk@21683 602fd350-edb4-49c9-b593-d223f7449a82
2012-08-31 06:54:23 +02:00
|
|
|
}(jQuery));
|