jqueryui.com: Handle new demo directory structure for effects.

Author: scottgonzalez

mu-plugins/jqueryui.com/jquery-filters.php

@@ -4,24 +4,36 @@
 	global $post;
 
 	$demoContent = '';
-	$demoPos = strpos( $content, '<!--demos-->');
-	if ( $demoPos === false ) {
+	if ( !preg_match( '/<!--demos\(?(.*?)?\)?-->/', $content, $matches ) ) {
 		return $content;
 	}
 
-	$plugin = $post->post_name;
+	$content = explode( $matches[ 0 ], $content, 2 );
+	$isStandard = empty( $matches[ 1 ] );
+
+	if ( $isStandard ) {
+		$plugin = $post->post_name;
+		$active = 'default';
+	} else {
+		$plugin = $matches[ 1 ];
+		$active = $post->post_name;
+	}
 	$demoList = json_decode( file_get_contents( GW_RESOURCE_DIR . '/demos/demo-list.json' ) );
 	$demos = $demoList->$plugin;
-	$defaultDemo = $demos[ 0 ];
 
 	$demoContent .=
-		'<div class="demo-list">' .
+		'<div class="demo-list"' . ( $isStandard ? '' : ' data-full-nav="true"' ) . '>' .
 			'<h2>Examples</h2>' .
 			'<ul>';
 	foreach ( $demoList->$plugin as $demo ) {
 		$filename = $demo->filename;
+		if ( $filename === $active ) {
+			$demoContent .= '<li class="active">';
+			$demoDescription = $demo->description;
+		} else {
+			$demoContent .= '<li>';
+		}
 		$demoContent .=
-			($filename === 'default' ? '<li class="active">' : '<li>') .
 				'<a href="/resources/demos/' . $plugin . '/' . $filename . '.html">' .
 					$demo->title .
 				'</a>' .
@@ -31,18 +43,18 @@
 			'</ul>' .
 		'</div>';
 
-	$demoContent .= '<iframe src="/resources/demos/' . $plugin . '/default.html" class="demo-frame"></iframe>';
-	$demoContent .= '<div class="demo-description">' . $defaultDemo->description . '</div>';
+	$demoContent .= '<iframe src="/resources/demos/' . $plugin . '/' . $active . '.html" class="demo-frame"></iframe>';
+	$demoContent .= '<div class="demo-description">' . $demoDescription . '</div>';
 
 	$demoContent .=
 		'<div class="view-source">' .
 			'<a tabindex="0"><i class="icon-eye-open"></i> view source</a>' .
 			'<div>' .
-				file_get_contents( GW_RESOURCE_DIR . '/demos-highlight/' . $plugin . '/default.html' ) .
+				file_get_contents( GW_RESOURCE_DIR . '/demos-highlight/' . $plugin . '/' . $active . '.html' ) .
 			'</div>' .
 		'</div>';
 
-	return str_replace( '<!--demos-->', $demoContent, $content );
+	return $content[ 0 ] . $demoContent . $content[ 1 ];
 } );
 
 ?>

themes/jquery/js/main.js

@@ -355,6 +355,11 @@ $(function() {
 			plugin = parts[ 3 ],
 			demo = parts[ 4 ].substring( 0, parts[ 4 ].length - 5 );
 
+		if ( demoList.is( "[data-full-nav]" ) ) {
+			window.location = "/" + demo;
+			return;
+		}
+
 		$.getJSON( "/resources/demos/demo-list.json" ).then(function( demoList ) {
 			demoDescription.html( $.grep( demoList[ plugin ], function( x ) {
 				return x.filename === demo;