D-Net

<p ng-if="orgs.number || orgs.number === 0">Page: {{orgs.number + 1}} / {{orgs.totalPages}}<br />Total elements: {{orgs.totalElements}}<br />Searching for: {{fieldValue}}</p>

<p ng-if="!(orgs.number || orgs.number === 0)">Page:<br />Total elements:<br />Searching for: {{fieldValue}}</p>

<nav>

	<ul class="pagination justify-content-center">

		<li class="page-item" ng-class="{'disabled' : orgs.first }">

			<a class="page-link" href="#!{{basepath}}/{{orgs.number - 1}}/{{orgs.size}}/{{fieldValue}}">&laquo; Previous</a>

		</li>

		<li class="page-item" ng-class="{'disabled' : orgs.last }">

			<a class="page-link" href="#!{{basepath}}/{{orgs.number + 1}}/{{orgs.size}}/{{fieldValue}}">Next &raquo;</a>

    	</li>

	</ul>

</nav>

<table class="table table-sm table-hover">

	<thead class="thead-light">

		<tr class="d-flex">

			<th class="col-6">Organization name</th>

			<th class="col-4">Place</th>

			<th class="col-1 text-center">Acronyms</th>

			<th class="col-1 text-right">Type</th>

		</tr>

	</thead>

	<tbody>

		<tr ng-repeat="o in orgs.content" class="d-flex">

			<td class="col-6"><a href="#!/metadata/0/{{o.id}}" title="{{o.id}}">{{o.name}}</a></td>

			<td class="col-4"><img ng-src="resources/images/flags/{{o.country}}.gif" /> {{o.city}}, {{o.country}}</td>

			<td class="col-1 text-center">{{o.acronyms.join()}}</td>

			<td class="col-1 text-right">{{o.type}}</td>

		</tr>

	</tbody>

</table>