employee/employee.web-js/src/main/webapp/employee/search-results.html

<!-- 
/*******************************************************************************
 * Copyright (c) 2010-2013 Oracle. All rights reserved.
 * This program and the accompanying materials are made available under the 
 * terms of the Eclipse Public License v1.0 and Eclipse Distribution License v. 1.0 
 * which accompanies this distribution. 
 * The Eclipse Public License is available at http://www.eclipse.org/legal/epl-v10.html
 * and the Eclipse Distribution License is available at 
 * http://www.eclipse.org/org/documents/edl-v10.php.
 *
 * Contributors:
 *  shsmith - EclipseLink 2.4
 ******************************************************************************/
 -->
<div>
	<div>
		<h1>Employee Search Results</h1>
		<table class='table-design'>
			<thead>
				<tr>
					<td colspan='5'>Filter: <input ng-model='query'></td>
				</tr>
				<tr>
					<td>ID</td>
					<td>Last Name</td>
					<td>First Name</td>
					<td colspan='2'></td>
				</tr>
			</thead>
			<tbody>
				<tr ng-repeat='employee in employees | filter:query'>
					<td>{{employee.id}}</td>
					<td>{{employee.lastName}}</td>
					<td>{{employee.firstName}}</td>
					<td class='employee-action'><a
						href='#/employee/edit/{{employee.id}}'>Edit</a></td>
					<td class='employee-action'>Delete</td>
				</tr>
			</tbody>
			<tfoot>
				<tr>
					<td colspan='5'>
						<table width='100%'>
							<tr>
								<td>
									<button ng-show='prevAvailable' class='button-small' type='button'
										ng-click='pagePrevious()'>Previous</button>
								</td>
								<td align='center' width='100%' colspan='3'><span id='employees-pages'>Page {{pageNum}} of
										{{totalPages}}</span></td>
								<td>
									<button ng-show='nextAvailable' class='button-small' type='button' 
										ng-click='pageNext()'>Next</button>
								</td>
							</tr>
						</table>
					</td>
				</tr>
			</tfoot>
		</table>
	</div>
</div>