biomedjs/public/partials/workorders/index.html

<ul class="breadcrumb">
	<li><a href="/clients"><i class="icon-wrench"></i> Workorders</a><li>
</ul>
<h1>Workorders</h1>

<div class="row-fluid">
	<div class="span12">
    	<div class="toolbelt">
		<a href="/workorders/add" class="btn btn-primary" ng-show="accountHasPermission('system.edit')">Create new workorder</a>
		<a href="/workorders/add?workorderType=meeting" class="btn" ng-show="accountHasPermission('system.edit')">Create new meeting</a>	
    		<div class="pull-right">
	            <div class="input-append">
	                <input type="text" ng-model="query" class="input-large" placeholder="Search">
		            <span class="add-on"><i class="icon-search"></i></span>
	            </div>
	            <span class="toolbelt-text">Start: </span>
	            <div class="input-append">
	            	<input ng-model="start" datepicker type="text" class="input-medium">
		            <span class="add-on"><i class="icon-calendar"></i></span>
	            </div>
	            <span class="toolbelt-text">End: </span>
	            <div class="input-append">
	            	<input ng-model="end" datepicker type="text" class="input-medium">
		            <span class="add-on"><i class="icon-calendar"></i></span>
	            </div>
            </div>
    	</div>
		<table class="biomed-table" infinite-scroll="addItems()" can-load="canLoad" threshold="300">
			<thead>
				<tr>
					<th style="width: 50%" ng-class="selectedCls('biomedId')"  ng-click="changeSorting('biomedId')">Workorder</th>
					<th style="width: 30%" ng-class="selectedCls('client.name')" ng-click="changeSorting('client.name')">Client</th>
					<th style="width: 10%" ng-class="selectedCls('scheduling.start')" ng-click="changeSorting('scheduling.start')">Date</th>
					<th style="width: 10%" ng-class="selectedCls('status')" ng-click="changeSorting('status')">Status</th>
				</tr>
			</thead>
			<tbody>
				<tr ng-show="loading"><td colspan="4" class="table-loading"><i class="loader"></i></td></tr>
				<tr ng-hide="loading || workorders.length"><td colspan="4" class="table-message">There is no information to display.</td></tr>
				<tr ng-hide="loading" ng-repeat="workorder in workorders | orderBy : sort.column : sort.descending">
					<td>
						<a ng-href="/workorders/{{workorder._id}}">#{{workorder.biomedId}} - {{workorder.reason}}</a><br>
						<span ng-show="workorder.reason != 'Shipment'">
							<strong>Techs:</strong> {{ workorder.techs | techs }}<br>
							{{workorder.remarks}}
						</span>
						<span ng-show="workorder.reason == 'Shipment'">
							<strong>Tracking Number:</strong> {{workorder.trackingNumber}}
						</span>
					</td>
					<td><a ng-href="/clients/{{workorder.client._id}}">{{workorder.client.name}} ({{workorder.client.identifier}})</a></td>
					<td>{{workorder.scheduling.start | date}}</td>
					<td>{{workorder.status}}</td>
				</tr>
			</tbody>
		</table>
	</div>
</div>