67 lines
1.5 KiB
JavaScript
67 lines
1.5 KiB
JavaScript
|
/*globals _, wp, jQuery */
|
||
|
|
|
||
|
|
/**
|
||
|
|
* wp.media.view.EmbedLink
|
||
|
|
*
|
||
|
|
* @class
|
||
|
|
* @augments wp.media.view.Settings
|
||
|
|
* @augments wp.media.View
|
||
|
|
* @augments wp.Backbone.View
|
||
|
|
* @augments Backbone.View
|
||
|
|
*/
|
||
|
|
var Settings = require( '../settings.js' ),
|
||
|
|
$ = jQuery,
|
||
|
|
EmbedLink;
|
||
|
|
|
||
|
|
EmbedLink = Settings.extend({
|
||
|
|
className: 'embed-link-settings',
|
||
|
|
template: wp.template('embed-link-settings'),
|
||
|
|
|
||
|
|
initialize: function() {
|
||
|
|
this.spinner = $('<span class="spinner" />');
|
||
|
|
this.$el.append( this.spinner[0] );
|
||
|
|
this.listenTo( this.model, 'change:url', this.updateoEmbed );
|
||
|
|
},
|
||
|
|
|
||
|
|
updateoEmbed: function() {
|
||
|
|
var url = this.model.get( 'url' );
|
||
|
|
|
||
|
|
this.$('.setting.title').show();
|
||
|
|
// clear out previous results
|
||
|
|
this.$('.embed-container').hide().find('.embed-preview').html('');
|
||
|
|
|
||
|
|
// only proceed with embed if the field contains more than 6 characters
|
||
|
|
if ( url && url.length < 6 ) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
this.spinner.show();
|
||
|
|
|
||
|
|
setTimeout( _.bind( this.fetch, this ), 500 );
|
||
|
|
},
|
||
|
|
|
||
|
|
fetch: function() {
|
||
|
|
// check if they haven't typed in 500 ms
|
||
|
|
if ( $('#embed-url-field').val() !== this.model.get('url') ) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
wp.ajax.send( 'parse-embed', {
|
||
|
|
data : {
|
||
|
|
post_ID: wp.media.view.settings.post.id,
|
||
|
|
shortcode: '[embed]' + this.model.get('url') + '[/embed]'
|
||
|
|
}
|
||
|
|
} ).done( _.bind( this.renderoEmbed, this ) );
|
||
|
|
},
|
||
|
|
|
||
|
|
renderoEmbed: function( response ) {
|
||
|
|
var html = ( response && response.body ) || '';
|
||
|
|
|
||
|
|
this.spinner.hide();
|
||
|
|
|
||
|
|
this.$('.setting.title').hide();
|
||
|
|
this.$('.embed-container').show().find('.embed-preview').html( html );
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
module.exports = EmbedLink;
|