<h4>Persistent Organizations</h4>

<p>
	<small>It is necessary to persist the identifiers of the organizations associated to an Institutional Dashboard</small>
</p>	

<table class="table table-sm small">
	<thead class="thead-light">
		<tr>
			<th style="width: 200px">ID</th>
			<th style="width: 300px">OA Graph Node ID</th>
			<th>Name</th>
			<th style="width: 300px">Place</th>
			<th style="width: 40px"></th>
		</tr>
	</thead>
	<tbody ng-show="orgs.length > 0">
		<tr ng-repeat="o in orgs">
			<td><a href="#!/edit/0/{{o.id}}">{{o.id}}</a></td>
			<td>{{o.openaireId}}</td>
			<td>{{o.name}}</td>
			<td><img ng-src="resources/images/flags/{{o.country}}.gif" /> {{o.city || '-'}}, {{o.country}}</td>
			<td class="text-right">
				<button type="button" class="btn btn-sm  btn-outline-danger" ng-click="deletePersistentOrg(o.id)">
					<i class="fa fa-trash"></i>
				</button>
			</td>
		</tr>
	</tbody>
	<tbody ng-hide="orgs.length > 0">
		<tr>
			<td colspan="5" class="text-muted">No persistent organizazions</td>
		</tr> 
	</tbody>
	<tfoot>
		<tr ng-init="newId=''">
			<td colspan="4">
				<input type="text" class="form-control form-control-sm" placeholder="new persistent organization ID..." ng-model="newId" />
			</td>
			<td class="text-right">
				<button type="button" class="btn btn-sm btn-outline-success" ng-click="addPersistentOrg(newId); newId=''" ng-disabled="!newId">
					<i class="fa fa-plus"></i>
				</button>
			</td>
		</tr>
	</tfoot>
</table>