search.html
Home
/
application /
src /
main /
webapp /
WEB-INF /
views /
search.html
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring3-3.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:th="http://www.thymeleaf.org">
<head>
<title>TPC-W</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="" th:href="@{/resources/css/bootstrap.min.css}"/>
<link rel="stylesheet" href="" th:href="@{/resources/css/bootstrap-responsive.min.css}"/>
<style type="text/css">
body {
padding-top: 20px;
padding-bottom: 40px;
}
/* Custom container */
.container-narrow {
margin: 0 auto;
max-width: 700px;
}
.container-narrow > hr {
margin: 30px 0;
}
/* Main marketing message and sign up button */
.jumbotron {
margin: 60px 0;
text-align: center;
}
.jumbotron h1 {
font-size: 72px;
line-height: 1;
}
.jumbotron .btn {
font-size: 21px;
padding: 14px 24px;
}
/* Supporting marketing content */
.marketing {
margin: 60px 0;
}
.marketing p + h4 {
margin-top: 28px;
}
.promotional{
margin: auto;
width: 550px;
}
.promotional .pull-left{
padding-right: 10px;
}
.left-column table td,
.right-column table td{
width: 150px;
text-align: center;
}
tr, td{
text-align: center;
}
</style>
</head>
<body>
<div class="container-narrow">
<div class="masthead">
<ul class="nav nav-pills pull-right">
<li><a th:href="@{${searchUrl}}">Search</a></li>
<li><a th:href="@{${shoppingCartUrl}}">Shopping cart</a></li>
<li><a th:href="@{${orderInquiryUrl}}">Order list</a></li>
</ul>
<h3 class="muted"><a href="/" th:href="@{/}"><img th:src="@{/resources/img/logo-CloudScale.png}" /></a></h3>
</div>
<hr />
<div class="jumbotron">
<h1>TPC Web Commerce Benchmark (TPC-W)</h1>
</div>
<div class="promotional">
<div class="pull-left" th:each="item : ${promotional}">
<a th:href="@{'/product-detail?I_ID=' + ${item.IId} + '' + ${productUrl}}">
<img th:src="@{/resources/img/} + ${item.IThumbnail}" src="" width="100" height="100" />
</a>
</div>
<div class="clearfix"></div>
</div>
<hr />
<form method="get">
Search by:
<select name="searchField">
<option value="author">
Author
</option>
<option value="title">
Title
</option>
<option value="subject">
Subject
</option>
</select>
<input type="text" name="keyword" th:value="${keyword}"/>
<input type="submit" value="Submit"/>
</form>
<div th:if="${results != null and not results.isEmpty()}" class="search-results">
<table>
<thead>
<tr>
<th style="width: 50px; font-weight: bold;">
#
</th>
<th>
Author
</th>
<th>
Title
</th>
</tr>
</thead>
<tbody>
<tr th:each="item, count : ${results}">
<td style="width: 50px; font-weight: bold;" th:text="${count.count}"></td>
<td th:text="${item.author.AFname + ' ' + item.author.ALname}">
</td>
<td>
<a th:href="@{'/product-detail?I_ID=' + ${item.IId}} + ${productUrl}" th:text="${item.ITitle}"></a>
</td>
</tr>
</tbody>
</table>
</div>
<div th:unless="${ results != null and not results.isEmpty()}">
No results!
</div>
</div>
</body>
</html>