Feature filter visuals. First pass. see #14936

git-svn-id: http://svn.automattic.com/wordpress/trunk@15656 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2010-09-24 18:50:31 +00:00
parent bd34872821
commit a2a9451ae6
6 changed files with 129 additions and 1 deletions
--- a/wp-admin/js/theme.dev.js
+++ b/wp-admin/js/theme.dev.js
@@ -0,0 +1,71 @@
+var ThemeViewer;
+
+(function($){
+	ThemeViewer = function( args ) {
+
+		function filter_count() {
+			var count = $( '#filters :checked' ).length;
+			var 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 + ')' );
+		}
+
+		function init() {
+			$( '#filter-click, #mini-filter-click' ).unbind( 'click' ).click( function() {
+				$( '#filter-click' ).toggleClass( 'current' );
+				$( '#filters' ).slideToggle();
+				$( '#current-theme' ).slideToggle( 300 );
+				return false;
+			});
+
+			$( '#filters :checkbox' ).unbind( 'click' ).click( function() {
+				filter_count();
+			});
+
+			$( 'p.tags a' ).unbind( 'click' ).click(function() {
+				$( 'p.tags a' ).unbind( 'click' ).click(function() { slow_down(); return false });   // Stop further clicks until we've done
+				$( '.loading' ).fadeIn();
+				$( '.random-info' ).fadeOut();
+
+				var item = this.href.replace( /.*?s=(.*?)#.*/, '$1' );
+
+				// Is this in the features list?
+				if ( $( 'input[value="' + item + '"]' ).length > 0 ) {
+					$( 'input[value="' + item + '"]' ).attr( 'checked', $( 'input[value="' + item + '"]' ).attr( 'checked' ) ? false : true );
+
+					filter_count();
+				}
+				else
+					$( 'input[name=s]' ).val( item );   // Can't find it, just use a search
+
+				// Set the options
+				opts.search = $( 'input[name=s]' ).val();
+				opts.order  = document.location.href.match( /order=(\w*)/ ) ? document.location.href.match( /order=(\w*)/ )[1] : 'random';
+				
+				$( '#availablethemes td' ).fadeTo( 500, 0.1, function() {
+					$( '#availablethemes td img' ).hide();
+				} );
+
+				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();
+});