D-Net

<wf-process-modal proc-id="currentId" visible="showModal"></wf-process-modal>

<form class="form-inline pull-right" style="margin-bottom: 20px;">

	<input type="text" class="form-control input-sm" ng-model="searchHistory" placeholder="Filter..."/>

	<button type="button" class="btn btn-default btn-sm" ng-click="doOnRefesh()">

		<span class="glyphicon glyphicon-refresh"></span>

	</button>

</form>

<table class="table table-striped" style="font-size:12px;">

	<thead>

		<tr>

			<th style="width: 15%;">Process Id</th>

			<th style="width: 40%;">Workflow name</th>

			<th style="width: 15%;">Workflow family</th>

			<th class="text-center" style="width: 10%;">Status</th>

			<th class="text-right">Date</th>

		</tr>

	</thead>

	<tbody>

		<tr ng-repeat="h in filteredHistory = (ngModel | filter: searchHistory)">

			<td><a href="javascript:void(0)" ng-click="showProcess(h.procId)">{{h.procId}}</a></td>

			<td>{{h.name}}</td>

			<td>{{h.family}}</td>

			<td class="text-center"><span class="label label-default" ng-class="{

				'label-success': h.status == 'SUCCESS',

				'label-danger': h.status == 'FAILURE',

				'label-info': h.status == 'EXECUTING'}">{{h.status}}</span></td>

			<td class="text-right">{{ (h.date > 0 && h.date < 9999999999999) ? (h.date | date:"yyyy-MM-dd HH:mm:ss") : "not yet started" }}</td>

		</tr>

	<tr ng-show="filteredHistory.length == 0">

		<td colspan="5">No entry</td>

	</tr>

	</tbody>

</table>