Generic search.jsp template to allow item-specific resultSummary/Deta…

…il in results

sample-webapp/src/main/webapp/WEB-INF/views/mobile/autos/resultDetail.jsp

@@ -0,0 +1,21 @@
+<%@ taglib prefix="f" uri="/functions" %>
+<%@ taglib prefix="sample" tagdir="/WEB-INF/tags" %>
+<%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles" %>
+
+<tiles:importAttribute name="result" />
+
+   	<div  style="font-size: 100%; padding-left: 10px"><br/><b>${f:toString(result.item.options)}</b></div>
+
+	<!-- Forward scores -->
+	<sample:what-matches result="${result}"/>
+
+   	<div style="padding: 2px 2px 0px 2px; float:left;">
+    	<div class="attribute">Combined (mpg): <b>${f:toString(result.item.mpgCombined)}</b></div>
+    	<div class="attribute">Emissions (gCO2/km): <b>${f:toString(result.item.co2emissions)}</b></div>
+    	<div class="attribute">Power (bhp): <b>${f:toString(result.item.horsePower)}</b></div>
+    	<div class="attribute">Distance:  ${f:toString(f:forwardsScore(result,'Distance'))} miles</div>
+   	</div>
+   	<div style="float: right; padding-right: 10px; padding-top: 30px"> 
+   		<a  data-ajax="false" href="?ref=${result.item.ref}&amp;style=${style}">matches</a>
+   	</div>
+	<div style="clear:left; float:none" ></div>

sample-webapp/src/main/webapp/WEB-INF/views/mobile/autos/resultSummary.jsp

@@ -0,0 +1,15 @@
+<%@ taglib prefix="f" uri="/functions" %>
+
+<%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles" %>
+
+<tiles:importAttribute name="result" />
+
+	    	<span style="font-weight: bold; font-size: larger">${f:toString(result.item.colour)} ${result.item.carMake} ${result.item}</span>
+	    	<span style="font-size: larger; padding-left: 10px"> &pound;${f:toString(result.item.price)}</span>
+	    	<span class="overall-score" style="background-color: ${f:toCssRGBColor(result.score)}">
+	    	${f:toPercent(result.score)}%</span>
+
+	    	<br/><b>${result.item.postcode}</b>
+	    	<c:if test="${!empty f:toString(f:forwardsScore(result,'Distance'))}">
+	    		<span>&nbsp; ${f:toString(f:forwardsScore(result,'Distance'))} miles</span>
+	    	</c:if>

sample-webapp/src/main/webapp/WEB-INF/views/mobile/search.jsp

@@ -0,0 +1,50 @@
+
+<jsp:directive.include file="/WEB-INF/includes/includes.jsp"/>
+<%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles" %>
+
+<ul data-role="listview">
+
+	<li>
+		<h3>Fuzzy Search</h3>
+		<ul>
+			<li>
+				<tiles:insertAttribute name="searchForm"  />
+			</li>
+		</ul>
+	</li>
+
+<!-- 	<li> -->
+<!-- 		<h3>Results</h3> -->
+<!-- 		<p>Click on 'matches' link to find matches for that vehicle</p> -->
+<!-- 	</li> -->
+
+    <c:forEach var="result" items="${results}">
+    	<c:set var="borderwidth" value=" solid #EEE 2px;"></c:set>
+    	<c:if test="${f:toPercent(result.score) eq 100}">
+	    	<c:set var="borderwidth" value="solid #1E1 2px;"></c:set>
+    	</c:if>
+
+		<li style="border: ${borderwidth}">
+
+			<tiles:insertAttribute name="resultSummary" >
+				<tiles:putAttribute name="result" value="${result}"></tiles:putAttribute>
+			</tiles:insertAttribute>
+
+
+	    	<ul>
+	    		<li>
+					<tiles:insertAttribute name="resultDetail" >
+						<tiles:putAttribute name="result" value="${result}"></tiles:putAttribute>
+					</tiles:insertAttribute>
+	    		</li>
+	    	</ul>
+
+		<li>
+    </c:forEach> 
+
+	<c:if test="${startNextPage > 0}">
+	<li>
+   		<a accesskey="n" href="?ref=${result.item.ref}&amp;style=${style}&amp;start=${startNextPage}&amp;pageSize=${pageSize}">next page</a>
+	</li>
+	</c:if>
+</ul>

sample-webapp/src/main/webapp/WEB-INF/views/mobile/tiles.xml

@@ -4,11 +4,21 @@
 <tiles-definitions>
 
 	<definition name="mobile/home" extends="mobile">
-		<put-attribute name="content" value="/WEB-INF/views/mobile/home.jsp" />
+		<put-attribute name="content" value="mobile.home.content" />
 	</definition>
-	
+
 	<definition name="mobile/autos/search" extends="mobile">
-		<put-attribute name="content" value="/WEB-INF/views/mobile/autos/search.jsp" />
+		<put-attribute name="content" value="autos.search" />
+	</definition>
+
+	<definition name="mobile.home.content" templateExpression="/WEB-INF/views/mobile/home.jsp">
 	</definition>
 
+	<definition name="autos.search" templateExpression="/WEB-INF/views/mobile/search.jsp">	
+		<put-attribute name="resultSummary" value="/WEB-INF/views/mobile/autos/resultSummary.jsp" />
+		<put-attribute name="resultDetail" value="/WEB-INF/views/mobile/autos/resultDetail.jsp" />
+		<put-attribute name="searchForm" value="/WEB-INF/views/mobile/autos/searchFormFragment.jsp" />
+	</definition>
+
+
 </tiles-definitions>