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>Employees</h1>
		<table id='employee-list'>
			<thead id='employee-list-head'>
				<tr>
					<td colspan='5'>Filter: <input ng-model='query'></td>
				</tr>
			</thead>
			<tbody id='employee-list-body'>
				<tr>
					<td>ID</td>
					<td>Last Name</td>
					<td>First Name</td>
					<td></td>
					<td></td>
				</tr>
				<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 id='employee-list-foot'>
				<tr>
					<td colspan='5'>
						<table id='employees-pagination' width='100%'>
							<tr>
								<td>
									<button type='button' id='employees-previous'
										ng-click='pagePrevious()'>Previous Page</button>
								</td>
								<td colspan='3'><span id='employees-pages'>Page {{pageNum}} of
										{{totalPages}}</span></td>
								<td>
									<button type='button' id='employees-next' ng-click='pageNext()'>Next
										Page</button>
								</td>
							</tr>
						</table>
					</td>
				</tr>
			</tfoot>
		</table>
	</div>
</div>