File Editor
Directories:
.. (Back)
handlebars
serialize-json
tablesorter
Files:
cache-3-3-1.min.js
cache.js
heartbeat-3-3-1.min.js
heartbeat.js
loadAsync-3-3-1.min.js
loadAsync.js
loadCSS-3-3-1.min.js
loadCSS.js
minify-3-3-1.min.js
minify.js
modal-3-3-1.min.js
modal.js
queue-3-3-1.min.js
queue.js
send-command-3-3-1.min.js
send-command.js
wpo-images-view-3-3-1.min.js
wpo-images-view.js
wpoadmin-3-3-1.min.js
wpoadmin.js
wposmush-3-3-1.min.js
wposmush.js
Create New File
Create
Edit File: modal.js
/* How to use the modal wp_optimize.modal.open({ className: 'a-class', // A class name, added to the main modal container events: {}, // An object containing the events added to the modal. See Backbonejs View events syntax. content: function() { return ''; // the Content method returns html or jQuery objects which will be added to the content area of the modal }, ... // Other methods used by the custom events }) */ var wp_optimize = window.wp_optimize || {}; (function($, wp) { 'use strict'; var modal = {}; modal.views = {}; /** * Main modal View */ modal.views.modal = Backbone.View.extend({ tagName: 'div', template: wp.template('wpo-modal'), /** * Extend default values */ preinitialize: function() { this.events = _.extend(this.events || {}, { 'click .wpo-modal--close': 'close' }); this.className = this.className ? 'wpo-modal--container ' + this.className : 'wpo-modal--container '; }, render: function() { this.$el.append(this.template()); this.trigger('rendered'); }, initialize: function() { this.trigger('initialize'); this.render(); this.$content = this.$el.find('.wpo-modal--content'); // Append the content area with the content provided by the child object if ('function' === typeof this.content) { this.$content.append(this.content()); } }, close: function() { $('body').removeClass('wpo-modal-is-opened'); this.remove(); } }); /** * Public method to create and open the modal */ modal.open = function(options) { var view_options = _.extend(options || {}, {}); var modalView = modal.views.modal.extend(view_options); var m = new modalView(); m.$el.appendTo('body'); m.$('.wpo-modal').focus(); $('body').addClass('wpo-modal-is-opened'); return m; } wp_optimize.modal = modal; })(jQuery, window.wp);
Save Changes
Rename File
Rename