D-Net

<div class="card mb-3">

	<div class="card-header bg-primary text-white py-1">Duplicates</div>

	<div class="text-muted card-body" ng-if="duplicates.length == 0">No duplicates</div>

	<table class="table table-sm mt-2" ng-if="duplicates.length > 0">

		<thead>

			<tr class="d-flex">

				<th class="col-4 pl-3" style="border-top: none;">Related organization</th>

				<th class="col-1 text-center" style="border-top: none;">Acronym</th>

				<th class="col-2 text-center" style="border-top: none;">Country</th>

				<th class="col-3" style="border-top: none;">Source</th>

				<th class="col-2" style="border-top: none;"></th>

			</tr>

		</thead>

		<tbody>

			<tr class="d-flex" ng-repeat="sr in duplicates">

				<td class="col-4 pl-3">{{sr.oaName}} <span class="small" ng-if="sr.oaUrl"><br />

					<b>URL: </b><a href="{{sr.oaUrl}}" target="_blank">{{sr.oaUrl}}</a></span>

				</td>

				<td class="col-1 text-center small">{{sr.oaAcronym}}</td>

				<td class="col-2 text-center small"><img ng-src="resources/images/flags/{{sr.oaCountry}}.gif" /> {{sr.oaCountry}}</td>

				<td class="col-3 small"><b>Collected from:</b> {{sr.oaCollectedFrom}}<br /> <b>Original Id:</b> <span class="text-monospace">{{sr.oaOriginalId}}</span></td>

				<td class="col-2 text-right">

					<div class="btn-group btn-group-toggle btn-group-sm" data-toggle="buttons">

						<label class="btn" ng-class="{'btn-danger' : sr.relType == 'is_different', 'btn-outline-danger' : sr.relType != 'is_different'}"> <input type="radio" autocomplete="off" ng-model="sr.relType"

							value="is_different" ng-class="{'active' : sr.relType == 'is_different'}"><i class="fas fa-times fa-fw"></i>

						</label>

						<label class="btn" ng-class="{'btn-info' : sr.relType == 'suggested', 'btn-outline-info' : sr.relType != 'suggested'}"> <input type="radio" autocomplete="off" ng-model="sr.relType"

							value="suggested" ng-class="{'active' : sr.relType == 'suggested'}"><i class="fas fa-question fa-fw"></i>

						</label>

						<label class="btn" ng-class="{'btn-success' : sr.relType == 'is_similar', 'btn-outline-success' : sr.relType != 'is_similar'}"> <input type="radio" autocomplete="off" ng-model="sr.relType"

							value="is_similar" ng-class="{'active' : sr.relType == 'is_similar'}" /><i class="fas fa-check fa-fw"></i>

						</label>

					</div>

				</td>

			</tr>

		</tbody>

	</table>

	<div class="card-footer text-right" ng-if="showSaveButton && duplicates.length > 0">

		<button class="btn btn-sm btn-primary" ng-click="saveFunction()">save</button>			

	</div>

</div>