227 lines
5.7 KiB
JavaScript
227 lines
5.7 KiB
JavaScript
var ThemeViewer;
|
|
|
|
(function($){
|
|
ThemeViewer = function( args ) {
|
|
|
|
function init() {
|
|
$( '#filter-click, #mini-filter-click' ).unbind( 'click' ).click( function() {
|
|
$( '#filter-click' ).toggleClass( 'current' );
|
|
$( '#filter-box' ).slideToggle();
|
|
$( '#current-theme' ).slideToggle( 300 );
|
|
return false;
|
|
});
|
|
|
|
$( '#filter-box :checkbox' ).unbind( 'click' ).click( function() {
|
|
var count = $( '#filter-box :checked' ).length,
|
|
text = $( '#filter-click' ).text();
|
|
|
|
if ( text.indexOf( '(' ) != -1 )
|
|
text = text.substr( 0, text.indexOf( '(' ) );
|
|
|
|
if ( count == 0 )
|
|
$( '#filter-click' ).text( text );
|
|
else
|
|
$( '#filter-click' ).text( text + ' (' + count + ')' );
|
|
});
|
|
|
|
/* $('#filter-box :submit').unbind( 'click' ).click(function() {
|
|
var features = [];
|
|
$('#filter-box :checked').each(function() {
|
|
features.push($(this).val());
|
|
});
|
|
|
|
listTable.update_rows({'features': features}, true, function() {
|
|
$( '#filter-click' ).toggleClass( 'current' );
|
|
$( '#filter-box' ).slideToggle();
|
|
$( '#current-theme' ).slideToggle( 300 );
|
|
});
|
|
|
|
return false;
|
|
}); */
|
|
}
|
|
|
|
// These are the functions we expose
|
|
var api = {
|
|
init: init
|
|
};
|
|
|
|
return api;
|
|
}
|
|
})(jQuery);
|
|
|
|
jQuery( document ).ready( function($) {
|
|
theme_viewer = new ThemeViewer();
|
|
theme_viewer.init();
|
|
});
|
|
|
|
var wpThemes;
|
|
|
|
(function($){
|
|
var inputs = {}, Query;
|
|
|
|
wpThemes = {
|
|
timeToTriggerQuery: 150,
|
|
minQueryAJAXDuration: 200,
|
|
outListBottomThreshold: 200,
|
|
noMoreResults: false,
|
|
|
|
init : function() {
|
|
$('.pagination-links').hide();
|
|
|
|
inputs.nonce = $('#_ajax_fetch_list_nonce').val();
|
|
|
|
// Parse Query
|
|
inputs.queryString = window.location.search;
|
|
inputs.queryArray = wpThemes.parseQuery( inputs.queryString.substring( 1 ) );
|
|
|
|
// Handle Inputs from Query
|
|
inputs.search = inputs.queryArray['s'];
|
|
inputs.features = inputs.queryArray['features'];
|
|
inputs.startPage = parseInt( inputs.queryArray['paged'] );
|
|
inputs.tab = inputs.queryArray['tab'];
|
|
inputs.type = inputs.queryArray['type'];
|
|
|
|
if ( isNaN( inputs.startPage ) )
|
|
inputs.startPage = 2;
|
|
else
|
|
inputs.startPage++;
|
|
|
|
// Cache jQuery objects
|
|
inputs.outList = $('#availablethemes');
|
|
inputs.waiting = $('div.tablenav.bottom').children( 'img.ajax-loading' );
|
|
inputs.window = $(window);
|
|
|
|
// Generate Query
|
|
wpThemes.query = new Query();
|
|
|
|
// Start Polling
|
|
inputs.window.scroll( function(){ wpThemes.maybeLoad(); } );
|
|
},
|
|
delayedCallback : function( func, delay ) {
|
|
var timeoutTriggered, funcTriggered, funcArgs, funcContext;
|
|
|
|
if ( ! delay )
|
|
return func;
|
|
|
|
setTimeout( function() {
|
|
if ( funcTriggered )
|
|
return func.apply( funcContext, funcArgs );
|
|
// Otherwise, wait.
|
|
timeoutTriggered = true;
|
|
}, delay);
|
|
|
|
return function() {
|
|
if ( timeoutTriggered )
|
|
return func.apply( this, arguments );
|
|
// Otherwise, wait.
|
|
funcArgs = arguments;
|
|
funcContext = this;
|
|
funcTriggered = true;
|
|
};
|
|
},
|
|
ajax: function( callback ) {
|
|
var self = this,
|
|
response = wpThemes.delayedCallback( function( results, params ) {
|
|
self.process( results, params );
|
|
if ( callback )
|
|
callback( results, params );
|
|
}, wpThemes.minQueryAJAXDuration );
|
|
|
|
this.query.ajax( response );
|
|
},
|
|
process: function( results, params ) {
|
|
// If no Results, for now, mark as no Matches, and bail.
|
|
// Alternately: inputs.outList.append(wpThemesL10n.noMatchesFound);
|
|
if ( ( results === undefined ) ||
|
|
( results.rows.indexOf( "no-items" ) != -1 ) ) {
|
|
this.noMoreResults = true;
|
|
} else {
|
|
inputs.outList.append( results.rows );
|
|
}
|
|
},
|
|
maybeLoad: function() {
|
|
var self = this,
|
|
el = $(document),
|
|
bottom = el.scrollTop() + inputs.window.innerHeight();
|
|
|
|
if ( this.noMoreResults ||
|
|
!this.query.ready() ||
|
|
( bottom < inputs.outList.height() - wpThemes.outListBottomThreshold ) )
|
|
return;
|
|
|
|
setTimeout( function() {
|
|
var newTop = el.scrollTop(),
|
|
newBottom = newTop + inputs.window.innerHeight();
|
|
|
|
if ( !self.query.ready() ||
|
|
( newBottom < inputs.outList.height() - wpThemes.outListBottomThreshold ) )
|
|
return;
|
|
|
|
inputs.waiting.css( 'visibility', 'visible' ); // Show Spinner
|
|
self.ajax( function() { inputs.waiting.css( 'visibility', 'hidden' ) } ); // Hide Spinner
|
|
|
|
}, wpThemes.timeToTriggerQuery );
|
|
},
|
|
parseQuery: function( query ) {
|
|
var Params = {};
|
|
if ( ! query ) {return Params;}// return empty object
|
|
var Pairs = query.split(/[;&]/);
|
|
for ( var i = 0; i < Pairs.length; i++ ) {
|
|
var KeyVal = Pairs[i].split('=');
|
|
if ( ! KeyVal || KeyVal.length != 2 ) {continue;}
|
|
var key = unescape( KeyVal[0] );
|
|
var val = unescape( KeyVal[1] );
|
|
val = val.replace(/\+/g, ' ');
|
|
key = key.replace(/\[.*\]$/g, '');
|
|
|
|
if ( Params[key] === undefined ) {
|
|
Params[key] = val;
|
|
} else {
|
|
var oldVal = Params[key];
|
|
if ( ! jQuery.isArray( Params[key] ) )
|
|
Params[key] = new Array( oldVal, val );
|
|
else
|
|
Params[key].push( val );
|
|
}
|
|
}
|
|
return Params;
|
|
}
|
|
}
|
|
|
|
Query = function() {
|
|
this.failedRequest = false;
|
|
this.querying = false;
|
|
this.page = inputs.startPage;
|
|
}
|
|
|
|
$.extend( Query.prototype, {
|
|
ready: function() {
|
|
return !( this.querying || this.failedRequest );
|
|
},
|
|
ajax: function( callback ) {
|
|
var self = this,
|
|
query = {
|
|
action: 'fetch-list',
|
|
tab: inputs.tab,
|
|
paged: this.page,
|
|
s: inputs.search,
|
|
type: inputs.type,
|
|
_ajax_fetch_list_nonce: inputs.nonce,
|
|
'features[]': inputs.features,
|
|
'list_args': list_args
|
|
};
|
|
|
|
this.querying = true;
|
|
$.get( ajaxurl, query, function(r) {
|
|
self.page++;
|
|
self.querying = false;
|
|
self.failedRequest = !r;
|
|
callback( r, query );
|
|
}, "json" );
|
|
}
|
|
});
|
|
|
|
$(document).ready( wpThemes.init );
|
|
|
|
})(jQuery);
|