D-Net

<p ng-if="mode != 'select-modal'">

	<span ng-if="orgs.totalElements > 0">Page: {{orgs.number + 1}} / {{orgs.totalPages}}<br />Total elements: {{orgs.totalElements}}<br />{{searchMessage}}</span>

	<span ng-if="orgs.totalElements == 0">Page: -<br />Total elements: 0<br />{{searchMessage}}</span>

	<span ng-if="!(orgs.totalElements || orgs.totalElements === 0)">Page:<br />Total elements:<br />{{searchMessage}}</span>

</p>

<p ng-if="mode == 'select-modal'" class="text-right">

	<span ng-if="orgs.totalElements > 0"><b>Page:</b> {{orgs.number + 1}} / {{orgs.totalPages}} <b>- Total elements:</b> {{orgs.totalElements}}</span>

	<span ng-if="orgs.totalElements == 0"><b>Total elements:</b> 0</span>

</p>

<h4 ng-if="orgs.totalElements == 0" class="text-center">

	No results

</h4>

<div ng-if="orgs.totalElements > 0">

	<nav>

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

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

				<a class="page-link" href="javascript:void(0)" ng-click="prevFunction()">&laquo; Previous</a>

			</li>

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

				<a class="page-link" href="javascript:void(0)" ng-click="nextFunction()">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 ng-if="mode == 'select-modal'" href="javascript:void(0)" title="select" ng-click="selectOrg(o)" data-dismiss="modal">{{o.name}}</a>

					<a ng-if="mode != 'select-modal'" href="#!/edit/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>

</div>