From 196ec3ce141a841f9c67c71a5dbc88da4194e8c2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daniel=20Fern=C3=A1ndez?= <daniel.fernandez@11thlabs.org>
Date: Wed, 26 Dec 2012 00:14:17 +0100
Subject: [PATCH] Added list and show pages

---
 .../src/main/webapp/WEB-INF/hotels/list.html  | 70 +++++++++++++++++++
 .../src/main/webapp/WEB-INF/hotels/show.html  | 19 +++++
 2 files changed, 89 insertions(+)
 create mode 100644 booking-mvc/src/main/webapp/WEB-INF/hotels/list.html
 create mode 100644 booking-mvc/src/main/webapp/WEB-INF/hotels/show.html

diff --git a/booking-mvc/src/main/webapp/WEB-INF/hotels/list.html b/booking-mvc/src/main/webapp/WEB-INF/hotels/list.html
new file mode 100644
index 0000000..9b0bf73
--- /dev/null
+++ b/booking-mvc/src/main/webapp/WEB-INF/hotels/list.html
@@ -0,0 +1,70 @@
+
+<h1>Hotel Results</h1>
+<p>
+	<a id="changeSearchLink" href="#" 
+       th:href="@{hotels/search(searchString=${searchCriteria.searchString},pageSize=${searchCriteria.pageSize})}">Change Search</a>
+	<script type="text/javascript">
+		Spring.addDecoration(new Spring.AjaxEventDecoration({
+			elementId: "changeSearchLink",
+			event: "onclick",
+			popup: true,
+			params: {fragments: "searchForm"}		
+		}));
+	</script>
+</p>
+<div id="hotelResults">
+  <div th:if="${hotelList}">
+	<table class="summary">
+		<thead>
+			<tr>
+				<th>Name</th>
+				<th>Address</th>
+				<th>City, State</th>
+				<th>Zip</th>
+				<th>Action</th>
+			</tr>
+		</thead>
+		<tbody>
+			<tr th:each="hotel : ${hotelList}">
+				<td th:text="${hotel.name}">The Herb Plaza</td>
+				<td th:text="${hotel.address}">Thyme Square, 13</td>
+				<td th:text="${hotel.city} + ', ' + ${hotel.state} + ', ' + ${hotel.country}">Icetown, North Pole, Earth</td>
+				<td th:text="${hotel.zip}">0W</td>
+				<td><a href="#" th:href="@{'hotels/' + ${hotel.id}}">View Hotel</a></td>
+			</tr>
+			<tr th:unless="${hotelList}">
+				<td colspan="5">No hotels found</td>
+			</tr>
+		</tbody>
+	</table>
+	<div class="buttonGroup">
+		<div class="span-3">
+			<div th:if="${searchCriteria.page > 0}">
+                <a id="prevResultsLink" href="#" 
+                   th:href="@{hotels(searchString=${searchCriteria.searchString},pageSize=${searchCriteria.pageSize},page=${searchCriteria.page - 1})}">Previous Results</a>
+				<script type="text/javascript">
+					Spring.addDecoration(new Spring.AjaxEventDecoration({
+						elementId: "prevResultsLink",
+						event: "onclick",
+						params: {fragments: "body"}
+					}));
+				</script>
+			</div>
+		</div>
+		<div class="span-3 append-12 last">
+			<div th:if="${hotelList} and ${hotelList.size() == searchCriteria.pageSize}">
+				<a id="moreResultsLink" href="#" 
+                   th:href="@{hotels(searchString=${searchCriteria.searchString},pageSize=${searchCriteria.pageSize},page=${searchCriteria.page + 1})}">More Results</a>
+				<script type="text/javascript">
+					Spring.addDecoration(new Spring.AjaxEventDecoration({
+						elementId: "moreResultsLink",
+						event: "onclick",
+						params: {fragments: "body"}		
+					}));
+				</script>
+			</div>		
+		</div>
+	</div>
+  </div>
+</div>	
+
diff --git a/booking-mvc/src/main/webapp/WEB-INF/hotels/show.html b/booking-mvc/src/main/webapp/WEB-INF/hotels/show.html
new file mode 100644
index 0000000..2554d44
--- /dev/null
+++ b/booking-mvc/src/main/webapp/WEB-INF/hotels/show.html
@@ -0,0 +1,19 @@
+<h1 th:text="${hotel.name}">The Herb Plaza</h1>
+<address>
+	<span th:text="${hotel.address}">Thyme Square, 13</span>
+	<br />
+	<span th:text="${hotel.city}">Icetown</span>, 
+    <span th:text="${hotel.state}">North Pole</span>, 
+    <span th:text="${hotel.zip}">0W</span>
+	<br />
+	<span th:text="${hotel.country}">Earth</span>
+</address>
+<form action="booking?mode=embedded" method="get">
+	<p>
+		Nightly Rate: <span th:text="${hotel.price}">4,300</span>
+	</p>
+	<input type="hidden" name="hotelId" th:value="${hotel.id}" />
+	<div>
+		<button type="submit">Book Hotel</button>
+	</div>
+</form>