From a39b366df48d49d99b4de2bb3c0b17eee1abe229 Mon Sep 17 00:00:00 2001
From: scottjehl <scott@scottjehl.com>
Date: Thu, 16 Sep 2010 16:10:31 -0400
Subject: [PATCH] added logic and example for "ui-li-aside" content within
 listview

---
 _listview.html        | 22 ++++++++++++++++++++++
 js/jQuery.listview.js |  4 ++++
 2 files changed, 26 insertions(+)

diff --git a/_listview.html b/_listview.html
index 857d9265..bd071135 100644
--- a/_listview.html
+++ b/_listview.html
@@ -79,6 +79,8 @@
 		</li>
 	</ul>	
 	
+
+	
 	<h2 class="ui-bar ui-bar-b">Basic Listview w/ hierarchy:</h2>
 	
 	<ul data-role="listview">
@@ -102,6 +104,26 @@
 	
 	
 	
+	<h2 class="ui-bar ui-bar-b">Basic Listview w/ grouped aside content:</h2>
+	<ul data-role="listview">
+		<li>
+			<h3><a href="index.html">Page A</a></h3>
+			<p>Quick description about this item here...</p>
+			<p class="ui-li-aside"><strong>6:24</strong>PM</p>
+		</li>
+		<li>
+			<h3><a href="index.html">Page A</a></h3>
+			<p>Quick description about this item here...</p>
+			<p class="ui-li-aside"><strong>6:24</strong>PM</p>
+		</li>
+		<li>
+			<h3><a href="index.html">Page A</a></h3>
+			<p>Quick description about this item here...</p>
+			<p class="ui-li-aside"><strong>6:24</strong>PM</p>
+		</li>
+	</ul>
+	
+	
 	<h2 class="ui-bar ui-bar-b">Basic Listview w/ thumbnails:</h2>
 	
 	<ul data-role="listview">
diff --git a/js/jQuery.listview.js b/js/jQuery.listview.js
index 33aef5bc..05ef2f07 100644
--- a/js/jQuery.listview.js
+++ b/js/jQuery.listview.js
@@ -69,6 +69,10 @@ $.fn.listview = function( options ) {
 					if ( $li.is( ":has(img)" ) ) {
 						$li.addClass( "ui-li-has-thumb" );
 					}
+					if ( $li.is( ":has(.ui-li-aside)" ) ) {
+						var aside = $li.find('.ui-li-aside');
+						aside.prependTo(aside.parent()); //shift aside to front for css float
+					}
 					$li
 						.addClass( "ui-li" )
 						.buttonMarkup({