Project

General

Profile

1
<div class="card-body">
2
	<div class="card">
3
		<div class="card-header bg-primary text-white py-1">Duplicates</div>
4
		
5
		<div class="card-body text-muted" ng-if="events.duplicates.length == 0">
6
			No duplicates
7
		</div>
8
					
9
		<table class="table table-sm mt-2"  ng-if="events.duplicates.length > 0">
10
			<thead>
11
				<tr class="d-flex">
12
					<th class="col-4 pl-3" style="border-top: none;">Related organization</th>
13
					<th class="col-1 text-center" style="border-top: none;">Acronym</th>
14
					<th class="col-1 text-center" style="border-top: none;">Country</th>
15
					<th class="col-4" style="border-top: none;">Source</th>
16
					<th class="col-2" style="border-top: none;"></th>
17
				</tr>
18
			</thead>
19
			<tbody>
20
				<tr class="d-flex" ng-repeat="sr in events.duplicates">
21
					<td class="col-4 pl-3">
22
						{{sr.oaName}}
23
						<span class="small" ng-if="sr.oaUrl" ><br /><b>URL: </b><a href="{{sr.oaUrl}}" target="_blank">{{sr.oaUrl}}</a></span>
24
					</td>
25
					<td class="col-1 text-center small">{{sr.oaAcronym}}</td>
26
					<td class="col-1 text-center small"><img ng-src="resources/images/flags/{{sr.oaCountry}}.gif" /> {{sr.oaCountry}}</td>
27
					<td class="col-4 small">
28
						<b>Collected from:</b> {{sr.oaCollectedFrom}}<br />
29
						<b>Original Id:</b> <span class="text-monospace">{{sr.oaOriginalId}}</span>
30
					</td>
31
					<td class="col-2 text-right">
32
						<div class="btn-group btn-group-toggle btn-group-sm" data-toggle="buttons">
33
							<label class="btn" ng-class="{'btn-danger' : sr.relType == 'is_different', 'btn-outline-danger' : sr.relType != 'is_different'}">
34
								<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>
35
							</label>
36
							<label class="btn" ng-class="{'btn-info' : sr.relType == 'suggested', 'btn-outline-info' : sr.relType != 'suggested'}">
37
								<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>
38
							</label>
39
							<label class="btn" ng-class="{'btn-success' : sr.relType == 'is_similar', 'btn-outline-success' : sr.relType != 'is_similar'}">
40
								<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>
41
							</label>
42
						</div>		
43
					</td>
44
				</tr>
45
			</tbody>
46
		</table>
47
		
48
		<div class="card-footer text-right" ng-if="events.duplicates.length > 0">
49
			<button class="btn btn-sm btn-primary" ng-click="saveDuplicates()">save</button>			
50
		</div>
51
	</div>
52
	
53
	
54
	<div class="card">
55
		<div class="card-header bg-primary text-white py-1">Conflicts</div>
56
	
57
			<div class="card-body text-muted" ng-if="events.conflicts.length == 0">
58
				No conflicts
59
			</div>
60
						
61
			<table class="table table-sm mt-2"  ng-if="events.conflicts.length > 0">
62
				<thead>
63
					<tr class="d-flex">
64
						<th class="col-4 pl-3" style="border-top: none;">Related organization</th>
65
						<th class="col-1 text-center" style="border-top: none;">Acronym</th>
66
						<th class="col-1 text-center" style="border-top: none;">Country</th>
67
						<th class="col-4" style="border-top: none;">Original ID</th>
68
						<th class="col-2" style="border-top: none;"></th>
69
					</tr>
70
				</thead>
71
				<tbody>
72
					<tr class="d-flex" ng-repeat="sr in events.conflicts">
73
						<td class="col-4 pl-3">
74
							{{sr.oaName}}
75
							<span class="small" ng-if="sr.oaUrl" ><br /><b>URL: </b><a href="{{sr.oaUrl}}" target="_blank">{{sr.oaUrl}}</a></span>
76
						</td>
77
						<td class="col-1 text-center small">{{sr.oaAcronym}}</td>
78
						<td class="col-1 text-center small"><img ng-src="resources/images/flags/{{sr.oaCountry}}.gif" /> {{sr.oaCountry}}</td>
79
						<td class="col-4 small">
80
							<a href="#!/edit/0/{{sr.oaOriginalId}}"><span class="text-monospace">{{sr.oaOriginalId}}</span></a>
81
						</td>
82
						<td class="col-2 text-right">
83
							<div class="btn-group btn-group-toggle btn-group-sm" data-toggle="buttons">
84
								<label class="btn" ng-class="{'btn-danger' : sr.relType == 'is_different', 'btn-outline-danger' : sr.relType != 'is_different'}">
85
									<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>
86
								</label>
87
								<label class="btn" ng-class="{'btn-info' : sr.relType == 'suggested', 'btn-outline-info' : sr.relType != 'suggested'}">
88
									<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>
89
								</label>
90
								<label class="btn" ng-class="{'btn-success' : sr.relType == 'is_similar', 'btn-outline-success' : sr.relType != 'is_similar'}">
91
									<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>
92
								</label>
93
							</div>		
94
						</td>
95
					</tr>
96
				</tbody>
97
			</table>
98
			
99
			<div class="card-footer text-right" ng-if="events.conflicts.length > 0">
100
				<button class="btn btn-sm btn-primary">todo</button>			
101
			</div>
102
	</div>
103
</div>
104

    
(1-1/4)